Difference between revisions of "Team:BM-AMU/css/goble"

 
(27 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
.nav-container{
 
  
 +
/*
 +
    Common
 +
*/
  
−
width: 100%;  
+
.wizard,
 +
.tabcontrol
 +
{
 +
    display: block;
 +
    width: 100%;
 +
    overflow: hidden;
 +
}
  
−
margin-top: 0px;
+
.wizard a,
−
border-bottom: 15px solid #fff
+
.tabcontrol a
 +
{
 +
    outline: 0;
 +
}
  
 +
.wizard ul,
 +
.tabcontrol ul
 +
{
 +
    list-style: none !important;
 +
    padding: 0;
 +
    margin: 0;
 
}
 
}
  
−
.navLinks{
+
.wizard ul > li,
−
  color: black !important;
+
.tabcontrol ul > li
−
  opacity: 1 !important;
+
{
 +
    display: block;
 +
    padding: 0;
 
}
 
}
  
 +
/* Accessibility */
 +
.wizard > .steps .current-info,
 +
.tabcontrol > .steps .current-info
 +
{
 +
    position: absolute;
 +
    left: -999em;
 +
}
  
 +
.wizard > .content > .title,
 +
.tabcontrol > .content > .title
 +
{
 +
    position: absolute;
 +
    left: -999em;
 +
}
  
−
li.lateral{
 
  
−
margin-bottom: 0px !important;
 
−
padding-bottom: 1em !important;
 
−
padding-top: initial !important;
 
−
padding-left: 0em !important;
 
  
 +
/*
 +
    Wizard
 +
*/
 +
 +
.wizard > .steps
 +
{
 +
    position: relative;
 +
    display: block;
 +
    width: 100%;
 
}
 
}
  
 +
.wizard.vertical > .steps
 +
{
 +
    display: inline;
 +
    float: left;
 +
    width: 30%;
 +
}
  
−
ul.lateral{
+
.wizard > .steps .number
 +
{
 +
    font-size: 1.429em;
 +
}
  
 +
.wizard > .steps > ul > li
 +
{
 +
    width: 25%;
 +
}
  
−
padding-top: initial !important;
+
.wizard > .steps > ul > li,
−
background-color: rgba(181,181,181,0.1)!important;
+
.wizard > .actions > ul > li
−
padding-bottom: initial !important;
+
{
−
width: 100%;
+
    float: left;
−
border-radius: 0.4em !important;
+
}
  
−
margin-left: 0;
+
.wizard.vertical > .steps > ul > li
−
padding: 1em 1em 1em 2.6em !important;
+
{
−
list-style-position: outside;
+
    float: none;
 +
    width: 100%;
 +
}
 +
 
 +
.wizard > .steps a,
 +
.wizard > .steps a:hover,
 +
.wizard > .steps a:active
 +
{
 +
    display: block;
 +
    width: auto;
 +
    margin: 0 0.5em 0.5em;
 +
    padding: 1em 1em;
 +
    text-decoration: none;
  
 +
    -webkit-border-radius: 5px;
 +
    -moz-border-radius: 5px;
 +
    border-radius: 5px;
 
}
 
}
  
−
/* TABLA HA */
+
.wizard > .steps .disabled a,
 +
.wizard > .steps .disabled a:hover,
 +
.wizard > .steps .disabled a:active
 +
{
 +
    background: #eee;
 +
    color: #aaa;
 +
    cursor: default;
 +
}
  
−
.divTabla{
+
.wizard > .steps .current a,
−
width:100% !important;
+
.wizard > .steps .current a:hover,
 +
.wizard > .steps .current a:active
 +
{
 +
    background: #2184be;
 +
    color: #fff;
 +
    cursor: default;
 
}
 
}
  
−
.tableHec{
+
.wizard > .steps .done a,
−
  overflow: hidden;
+
.wizard > .steps .done a:hover,
−
  border-collapse: collapse;
+
.wizard > .steps .done a:active
−
  border: none !important;
+
{
−
  box-shadow: 0 0 0 1px #ececec;
+
    background: #9dc8e2;
−
  margin-left: 0 !important;
+
    color: #fff;
 
}
 
}
  
−
.tableBetty{
+
.wizard > .steps .error a,
−
  overflow: hidden;
+
.wizard > .steps .error a:hover,
−
  border-collapse: collapse;
+
.wizard > .steps .error a:active
−
  border: none !important;
+
{
−
  box-shadow: 0 0 0 1px #ececec;
+
    background: #ff3111;
−
  margin-left: 0 !important;
+
    color: #fff;
−
  text-align: center !important
+
 
}
 
}
  
−
.tdAlb {
+
.wizard > .content
−
border: none !important;
+
{
−
padding-top: 1em !important;
+
    background: #eee;
−
padding-bottom: 1em !important;
+
    display: block;
−
font-size: 13px;
+
    margin: 0.5em;
−
border-right: 1px solid #eaeaea !important
+
    min-height: 35em;
 +
    overflow: hidden;
 +
    position: relative;
 +
    width: auto;
 +
 
 +
    -webkit-border-radius: 5px;
 +
    -moz-border-radius: 5px;
 +
    border-radius: 5px;
 
}
 
}
  
−
.thHec{
+
.wizard.vertical > .content
−
  padding-top: 1em !important;
+
{
−
  border: none !important;
+
    display: inline;
−
  padding-bottom: 1em !important;
+
    float: left;
−
  font-size: 16px;
+
    margin: 0 2.5% 0.5em 2.5%;
−
  background-color: #909090 !important;
+
    width: 65%;
−
  color: #fff !important;
+
−
  border-right: 1px solid #fff !important;
+
 
}
 
}
  
−
.tdHec{
+
.wizard > .content > .body
−
  border: none !important;
+
{
−
  padding-top: 1em !important;
+
    float: left;
−
  padding-bottom: 1em !important;
+
    position: absolute;
−
  font-size: 16px;
+
    width: 95%;
−
  border-right: 1px solid #eaeaea !important;
+
    height: 95%;
 +
    padding: 2.5%;
 
}
 
}
  
−
th:last-child{
+
.wizard > .content > .body ul
−
  padding-top: 1em !important;
+
{
−
  border: none !important;
+
    list-style: disc !important;
−
  padding-bottom: 1em !important;
+
−
  font-size: 16px;
+
−
  background-color: #909090 !important;
+
−
  color: #fff !important;
+
 
}
 
}
  
−
td:last-child{
+
.wizard > .content > .body ul > li
−
  border: none !important;
+
{
−
  padding-top: 1em !important;
+
    display: list-item;
−
  padding-bottom: 1em !important;
+
 
}
 
}
  
 +
.wizard > .content > .body > iframe
 +
{
 +
    border: 0 none;
 +
    width: 100%;
 +
    height: 100%;
 +
}
  
−
.centerImg{
+
.wizard > .content > .body input
−
  margin: auto !important;  
+
{
−
  display: block !important;
+
    display: block;
 +
    border: 1px solid #ccc;
 
}
 
}
  
−
.fotoConPie{
+
.wizard > .content > .body input[type="checkbox"]
−
  padding-bottom: 1em;
+
{
−
  text-alignt: right;
+
    display: inline-block;
 
}
 
}
  
−
.pieDeImagen{
+
.wizard > .content > .body input.error
−
  width: 100%;
+
{
−
  padding-left: 19em;
+
    background: rgb(251, 227, 228);
−
  padding-right: 1em;
+
    border: 1px solid #fbc2c4;
 +
    color: #8a1f11;
 
}
 
}
  
 +
.wizard > .content > .body label
 +
{
 +
    display: inline-block;
 +
    margin-bottom: 0.5em;
 +
}
  
 +
.wizard > .content > .body label.error
 +
{
 +
    color: #8a1f11;
 +
    display: inline-block;
 +
    margin-left: 1.5em;
 +
}
  
 +
.wizard > .actions
 +
{
 +
    position: relative;
 +
    display: block;
 +
    text-align: right;
 +
    width: 100%;
 +
}
  
−
/* MODALES */
+
.wizard.vertical > .actions
−
.modal {
+
{
−
     display: none; /* Hidden by default */
+
     display: inline;
−
     position: fixed; /* Stay in place */
+
     float: right;
−
     z-index: 8888; /* Sit on top */
+
     margin: 0 2.5%;
−
    left: 0;
+
     width: 95%;
−
    top: 0;
+
−
     width: 100%; /* Full width */
+
−
    height: 100%; /* Full height */
+
−
    overflow: auto; /* Enable scroll if needed */
+
−
    background-color: rgb(0,0,0); /* Fallback color */
+
−
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
+
 
}
 
}
  
−
/* Modal Content/Box */
+
.wizard > .actions > ul
−
.modal-content {
+
{
−
     background-color: #fefefe;
+
     display: inline-block;
−
     margin: 10vh auto; /* 15% from the top and centered */
+
     text-align: right;
−
    padding: 20px;
+
−
    border: 1px solid #888;
+
−
    width: 90%; /* Could be more or less, depending on screen size */
+
 
}
 
}
−
@media (min-width: 100px) {
+
 
−
  .modal-content {
+
.wizard > .actions > ul > li
−
    background-color: #fefefe;
+
{
−
     margin: 10vh auto; /* 15% from the top and centered */
+
     margin: 0 0.5em;
−
    padding: 20px;
+
−
    border: 1px solid #888;
+
−
    width: 30%; /* Could be more or less, depending on screen size */
+
−
}
+
 
}
 
}
  
−
/* The Close Button */
+
.wizard.vertical > .actions > ul > li
−
.close {
+
{
−
     color: #aaa;
+
     margin: 0 0 0 1em;
−
    float: right;
+
−
    font-size: 28px;
+
−
    font-weight: bold;
+
 
}
 
}
  
−
.close:hover,
+
.wizard > .actions a,
−
.close:focus {
+
.wizard > .actions a:hover,
−
     color: black;
+
.wizard > .actions a:active
 +
{
 +
    background: #2184be;
 +
     color: #fff;
 +
    display: block;
 +
    padding: 0.5em 1em;
 
     text-decoration: none;
 
     text-decoration: none;
−
     cursor: pointer;
+
 
 +
     -webkit-border-radius: 5px;
 +
    -moz-border-radius: 5px;
 +
    border-radius: 5px;
 
}
 
}
  
 +
.wizard > .actions .disabled a,
 +
.wizard > .actions .disabled a:hover,
 +
.wizard > .actions .disabled a:active
 +
{
 +
    background: #eee;
 +
    color: #aaa;
 +
}
  
−
/* ACORDEON */
+
.wizard > .loading
 +
{
 +
}
  
−
.card{
+
.wizard > .loading .spinner
−
  overflow:hidden;
+
{
−
  border-radius: 0.4 rem;
+
−
  border: 0;
+
−
  margin-bottom: 1.5em;
+
 
}
 
}
  
  
−
.cardSpan.collapsed:before{
+
 
−
     font-family: "Lato";
+
/*
−
     content: '\e80d';
+
    Tabcontrol
−
     margin-right: 6px;
+
*/
 +
 
 +
.tabcontrol > .steps
 +
{
 +
     position: relative;
 +
     display: block;
 +
     width: 100%;
 
}
 
}
  
−
.cardSpan.expanded:before{
+
.tabcontrol > .steps > ul
−
     font-family: "Lato";
+
{
−
     content: '\e80a';
+
     position: relative;
−
     margin-right: 6px;
+
     margin: 6px 0 0 0;
 +
     top: 1px;
 +
    z-index: 1;
 
}
 
}
  
−
.card-header{
+
.tabcontrol > .steps > ul > li
−
  cursor: pointer;
+
{
−
  background: #4a90e2;
+
    float: left;
−
  border: 0;
+
    margin: 5px 2px 0 0;
 +
    padding: 1px;
 +
 
 +
    -webkit-border-top-left-radius: 5px;
 +
    -webkit-border-top-right-radius: 5px;
 +
    -moz-border-radius-topleft: 5px;
 +
    -moz-border-radius-topright: 5px;
 +
    border-top-left-radius: 5px;
 +
    border-top-right-radius: 5px;
 
}
 
}
  
 +
.tabcontrol > .steps > ul > li:hover
 +
{
 +
    background: #edecec;
 +
    border: 1px solid #bbb;
 +
    padding: 0;
 +
}
  
−
.cardText{
+
.tabcontrol > .steps > ul > li.current
−
  -webkit-user-select: none; /* Safari */
+
{
−
  -moz-user-select: none; /* Firefox */
+
    background: #fff;
−
  -ms-user-select: none; /* IE10+/Edge */
+
    border: 1px solid #bbb;
−
  user-select: none; /* Standard */
+
    border-bottom: 0 none;
−
  color: #fff;
+
    padding: 0 0 1px 0;
 +
    margin-top: 0;
 
}
 
}
  
−
.card-body{
+
.tabcontrol > .steps > ul > li > a
−
  padding: 1.2em 1.2em 1.2em 1.2em;
+
{
−
  border: 1px solid rgba(0,0,0,.125);
+
    color: #5f5f5f;
−
  border-bottom-left-radius: 0.4rem;
+
    display: inline-block;
−
  border-bottom-right-radius: 0.4rem;
+
    border: 0 none;
 +
    margin: 0;
 +
    padding: 10px 30px;
 +
    text-decoration: none;
 
}
 
}
  
−
.accordion{
+
.tabcontrol > .steps > ul > li > a:hover
−
list-style-type: none !important;
+
{
−
padding-left: 0 !important;
+
    text-decoration: none;
−
margin-left: 0 !important;
+
−
overflow: initial;
+
−
height: auto !important;
+
−
margin-bottom: 1em !important;
+
 
}
 
}
  
−
.accordion__title{
+
.tabcontrol > .steps > ul > li.current > a
−
margin-bottom: 0 !important;
+
{
−
opacity: 1 !important;
+
    padding: 15px 30px 10px 30px;
−
background: #3e90c5 !important;
+
−
color: #fff !important;
+
−
border: 1px solid #3e90c5 !important;
+
 
}
 
}
  
−
.accordion__element{
+
.tabcontrol > .content
−
margin-bottom: 0.5em !important
+
{
 +
    position: relative;
 +
    display: inline-block;
 +
    width: 100%;
 +
    height: 35em;
 +
    overflow: hidden;
 +
    border-top: 1px solid #bbb;
 +
    padding-top: 20px;
 
}
 
}
  
−
.accordion accordion-1:last-child{
+
.tabcontrol > .content > .body
−
margin-bottom: 1.8em !important
+
{
 +
    float: left;
 +
    position: absolute;
 +
    width: 95%;
 +
    height: 95%;
 +
    padding: 2.5%;
 
}
 
}
  
−
.accordion-1 li.active .accordion__title{
+
.tabcontrol > .content > .body ul
−
border-bottom-left-radius: 0 !important;
+
{
−
border-bottom-right-radius: 0 !important;
+
    list-style: disc !important;
 
}
 
}
  
 +
.tabcontrol > .content > .body ul > li
 +
{
 +
    display: list-item;
 +
}
  
−
.accordion__content{
 
−
    border: 1px solid #cecece !important;
 
−
    border-radius: 4px !important;
 
−
    border-top-left-radius: 0 !important;
 
−
    border-top-right-radius: 0 !important;
 
−
    padding-left: 1.5em !important;
 
−
    max-height: 100%;
 
−
    max-width: 100%;
 
  
 +
 +
 +
 +
 +
body:after {
 +
    display: none
 
}
 
}
  
−
.accordion li.active .accordion__content{
+
.lightboxOverlay {
−
padding: 1.5em !important;
+
    position: absolute;
−
max-height: 100% !important
+
    top: 0;
 +
    left: 0;
 +
    z-index: 9999;
 +
    background-color: #000;
 +
    filter: alpha(Opacity=80);
 +
    opacity: .8;
 +
    display: none
 
}
 
}
  
−
.accordion .accordion__title:before{
+
.lightbox {
−
color: #fff !important;
+
    position: fixed;
 +
    top: 50% !important;
 +
  transform: translate3d(0,-50%,0);
 +
    left: 0;
 +
    width: 100%;
 +
    z-index: 10000;
 +
    text-align: center;
 +
    line-height: 0;
 +
    font-weight: 400
 +
}
  
 +
.lightbox .lb-image {
 +
    display: block;
 +
    height: auto;
 +
    max-width: inherit;
 +
    -webkit-border-radius: 3px;
 +
    -moz-border-radius: 3px;
 +
    -ms-border-radius: 3px;
 +
    -o-border-radius: 3px;
 +
    border-radius: 3px
 
}
 
}
  
 +
.lightbox a img {
 +
    border: none
 +
}
  
 +
.lb-outerContainer {
 +
    position: relative;
 +
    background-color: #222;
 +
    *zoom: 1;
 +
    width: 250px;
 +
    height: 250px;
 +
    margin: 0 auto;
 +
    -webkit-border-radius: 4px;
 +
    -moz-border-radius: 4px;
 +
    -ms-border-radius: 4px;
 +
    -o-border-radius: 4px;
 +
    border-radius: 4px
 +
}
  
−
/* MODAL TEST */
+
.lb-outerContainer:after {
 +
    content: "";
 +
    display: table;
 +
    clear: both
 +
}
  
 +
.lb-container {
 +
    padding: 4px
 +
}
  
−
.modalDialog {
+
.lb-loader {
−
position: fixed !important;
+
    position: absolute;
−
font-family: Arial, Helvetica, sans-serif !important;
+
    top: 43%;
−
top: 0 !important;
+
    left: 0;
−
right: 0 !important;
+
    height: 25%;
−
bottom: 0 !important;
+
    width: 100%;
−
left: 0 !important;
+
    text-align: center;
−
background: rgba(0,0,0,0.8) !important;
+
    line-height: 0
−
z-index: 99999 !important;
+
−
opacity:0 !important;
+
−
-webkit-transition: opacity 200ms ease-in !important;
+
−
-moz-transition: opacity 200ms ease-in !important;
+
−
transition: opacity 200ms ease-in !important;
+
−
pointer-events: none !important;
+
 
}
 
}
  
 +
.lb-cancel {
 +
    display: block;
 +
    width: 32px;
 +
    height: 32px;
 +
    margin: 0 auto;
 +
}
  
−
.modalDialog:target {
+
.lb-nav {
−
opacity:1 !important;
+
    position: absolute;
−
pointer-events: auto  !important;
+
    top: 0;
 +
    left: 0;
 +
    height: 100%;
 +
    width: 100%;
 +
    z-index: 10
 
}
 
}
  
−
.modalDialog > div {
+
.lb-container>.nav {
−
width: 400px  !important;
+
    left: 0
−
position: relative  !important;
+
−
margin: 10% auto  !important;
+
−
padding: 5px 20px 13px 20px  !important;
+
−
border-radius: 10px  !important;
+
−
background: #fff  !important;
+
−
background: -moz-linear-gradient(#fff, #999)  !important;
+
−
background: -webkit-linear-gradient(#fff, #999)  !important;
+
−
background: -o-linear-gradient(#fff, #999)  !important;
+
 
}
 
}
  
 +
.lb-nav a {
 +
    outline: 0;
 +
}
  
−
/* PROGRESS BAR */
+
.lb-next,
 +
.lb-prev {
 +
    height: 100%;
 +
    cursor: pointer;
 +
    display: block
 +
}
  
 +
.lb-nav a.lb-prev {
 +
    width: 34%;
 +
    left: 0;
 +
    float: left;
 +
    filter: alpha(Opacity=0);
 +
    opacity: .5;
 +
    -webkit-transition: opacity .6s;
 +
    -moz-transition: opacity .6s;
 +
    -o-transition: opacity .6s;
 +
    transition: opacity .6s
 +
}
  
−
.header {
+
.lb-nav a.lb-prev:hover {
−
  position: fixed;
+
    filter: alpha(Opacity=100);
−
  top: 0%;
+
    opacity: 1
−
  z-index: 100;
+
−
  width: 100%;
+
−
  background-color: #f1f1f1;
+
 
}
 
}
  
−
/* The progress container (grey background) */
+
.lb-nav a.lb-next {
−
.progress-container {
+
    width: 64%;
−
  width: 100%;
+
    right: 0;
−
  height: 5px;
+
    float: right;
−
  background-color: rgba(255,255,255,0.6);
+
    filter: alpha(Opacity=0);
 +
    opacity: .5;
 +
    -webkit-transition: opacity .6s;
 +
    -moz-transition: opacity .6s;
 +
    -o-transition: opacity .6s;
 +
    transition: opacity .6s
 
}
 
}
  
−
/* The progress bar (scroll indicator) */
+
.lb-nav a.lb-next:hover {
−
.progress-bar {
+
    filter: alpha(Opacity=100);
−
  height: 5px;
+
    opacity: 1
−
  background-color: rgba(34,108,183,0.8);
+
}
−
  width: 0%;
+
−
  border-top-right-radius:10px;
+
−
  border-bottom-right-radius:10px;
+
  
 +
.lb-prev:after,.lb-next:after{
 +
content: '\2190';
 +
position: absolute;
 +
top: 50%;
 +
color: #fff;
 +
font-size: 24px;
 +
}
 +
.lb-prev:after{
 +
left: -60px;
 +
}
 +
.lb-next:after{
 +
right: -60px;
 +
content: '\2192';
 
}
 
}
  
−
.p{
+
.lb-dataContainer {
−
  padding-bottom: 1em !important;
+
    margin: 0 auto;
 +
    padding-top: 5px;
 +
    min-height: 35px;
 +
    *zoom: 1;
 +
    width: 100%;
 +
    -moz-border-radius-bottomleft: 4px;
 +
    -webkit-border-bottom-left-radius: 4px;
 +
    border-bottom-left-radius: 4px;
 +
    -moz-border-radius-bottomright: 4px;
 +
    -webkit-border-bottom-right-radius: 4px;
 +
    border-bottom-right-radius: 4px
 
}
 
}
  
−
.hashlink:before{
+
.lb-dataContainer:after {
−
     display:block;
+
     content: "";
−
     position:relative;
+
     display: table;
−
     margin-top: -200px;
+
     clear: both
−
    height:200px;
+
−
    content: " ";
+
−
    visibility:hidden;
+
 
}
 
}
  
 +
.lb-data {
 +
    padding: 0 4px;
 +
    color: #ccc
 +
}
  
−
/* ATTRIBUTIONS */
+
.lb-data .lb-details {
 +
    width: 85%;
 +
    float: left;
 +
    text-align: left;
 +
    line-height: 1.1em
 +
}
  
−
.ulHec{
+
.lb-data .lb-caption {
−
padding-bottom: 1em !important;
+
    font-size: 13px;
−
list-style: none !important;
+
    font-weight: 700;
−
padding-left: 0em !important
+
    line-height: 1em
 
}
 
}
  
−
.fotosAttr{
+
.lb-data .lb-number {
−
margin-top: 0 !important;
+
    display: block;
 +
    clear: left;
 +
    padding-bottom: 1em;
 +
    font-size: 12px;
 +
    color: #999
 
}
 
}
  
−
.anchorOffset{
+
.lb-data .lb-close {
 +
    display: block;
 +
    float: right;
 +
    width: 30px;
 +
    height: 30px;
 +
    text-align: right;
 +
    outline: 0;
 +
    filter: alpha(Opacity=70);
 +
    opacity: .7;
 +
    -webkit-transition: opacity .2s;
 +
    -moz-transition: opacity .2s;
 +
    -o-transition: opacity .2s;
 +
    transition: opacity .2s
 +
}
  
−
display: block !important;
+
.lb-data .lb-close:hover {
−
position: relative !important;
+
    cursor: pointer;
−
top: -135px !important;
+
    filter: alpha(Opacity=100);
−
visibility: hidden !important;
+
    opacity: 1
 +
}
  
 +
 +
 +
*,
 +
h1,
 +
h2,
 +
h3,
 +
h4,
 +
h5,
 +
h6,
 +
ul,
 +
p,
 +
a {
 +
 +
  padding: 0;
 
}
 
}
  
−
.rowAttr{
+
/**! 02. Typography **/
−
    padding-left: 15px;
+
html {
−
    position: relative;
+
  font-size: 87.5%;
−
    bottom: 0.8em;
+
 
}
 
}
 +
@media all and (max-width: 768px) {
 +
  html {
 +
    font-size: 81.25%;
 +
  }
 +
}
 +
body {
 +
  font-size: 1em;
 +
  line-height: 1.2em;
 +
  -moz-osx-font-smoothing: grayscale;
 +
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  
 +
 +
 +
  font-weight: 400;
 +
}
 +
h1,
 +
h2,
 +
h3,
 +
h4,
 +
h5,
 +
h6,
 +
.h1,
 +
.h2,
 +
.h3,
 +
.h4,
 +
.h5,
 +
.h6 {
 +
  font-weight: 300;
 +
  font-variant-ligatures: common-ligatures;
 +
  margin-top: 0;
 +
  margin-bottom: 0;
 +
}
 +
h1,
 +
.h1 {
 +
  font-size: 3.14285714em;
 +
  line-height: 1.31818182em;
 +
}
 +
h2,
 +
.h2 {
 +
  font-size: 2.35714286em;
 +
  line-height: 1.36363636em;
 +
}
 +
h3,
 +
.h3 {
 +
  font-size: 40px;
 +
  line-height: 1.5em;
 +
  color: #353535;
 +
  font-weight: 700;
 +
  margin-bottom: 0.2em !important;
 +
}
 +
h4,
 +
.h4 {
 +
  font-size: 30px;
 +
  line-height: 1.36842105em;
 +
  color: #000;
 +
  font-weight: 700;
 +
  margin-bottom: 0.8em !important;
 +
}
 +
h5,
 +
.h5 {
 +
  font-size: 30px;
 +
  line-height: 1.2em;
 +
}
 +
h6,
 +
.h6 {
 +
  font-size: 22px;
 +
  line-height:1.2em;
 +
 +
}
 +
.lead {
 +
  font-size: 1.35714286em;
 +
  line-height: 1.68421053em;
 +
}
 +
@media all and (max-width: 767px) {
 +
  h1,
 +
  .h1 {
 +
    font-size: 2.35714286em;
 +
    line-height: 1.36363636em;
 +
  }
 +
  h2,
 +
  .h2 {
 +
    font-size: 1.78571429em;
 +
    line-height: 1.5em;
 +
  }
 +
  h3,
 +
  .h3 {
 +
      font-size: 40px;
 +
      line-height: 1.5em;
 +
      color: #002E00;
 +
      font-weight: 700;
 +
      margin-bottom: 0.2em !important;
 +
  }
 +
  .lead {
 +
    font-size: 1.35714286em;
 +
    line-height: 1.36842105em;
 +
  }
 +
}
  
  
 +
p,
 +
ul,
 +
ol,
 +
pre,
 +
table,
 +
blockquote {
  
−
h5{
+
 
−
margin-bottom: 0.2em !important
+
 
}
 
}
  
  
−
::-moz-selection { background: #E9EACA; }
+
p {
−
::selection { background: #E9EACA; }
+
  
 +
text-indent:2em;
 +
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important;
 +
font-size:18px ! important;
 +
color: #000000;
 +
text-align:left ! important;
 +
line-height: 1.2em;
  
−
.aparece {
 
−
    opacity: 0;
 
−
    transition: opacity 0s ease-in 600ms, opacity 600ms;
 
−
    position: relative;
 
−
}
 
  
  
  
 +
}
  
−
.aparece-hover:hover .aparece {
+
ul,
−
    opacity: 1;
+
ol {
−
    transition: opacity 0s ease-in 600ms, opacity 600ms;
+
  list-style: none;
 +
  line-height: 1.85714286em;
 +
}
 +
ul.bullets {
 +
  list-style: inside;
 
}
 
}
  
−
.linkSinPadding{
+
ul.circle{
−
padding-right: 0 !important;
+
  list-style-type: circle;
 
}
 
}
  
−
.lb-outerContainer {
+
ol {
−
    background-color: transparent !important;
+
  list-style-type: upper-roman;
 +
  list-style-position: inside;
 +
  margin-left: 1.2em !important;
 +
}
 +
ul {
 +
  list-style-type: circle;
 +
  list-style-position: outside;
 +
 
 +
  margin: 0 !important
 
}
 
}
  
−
.flickity-enabled {
+
blockquote {
 +
  font-size: 1.78571429em;
 +
  line-height: 1.5em;
 +
  padding: 0;
 +
  margin: 0;
 +
  border-left: 0;
 +
}
 +
strong {
 +
  font-weight: 700;
 +
}
 +
hr {
 +
  margin: 1.85714286em 0;
 +
  border-color: #fafafa;
 +
}
 +
a:hover,
 +
a:focus,
 +
a:active {
 +
  text-decoration: none;
 +
  outline: none;
 +
}
 +
/*! Typography -- Helpers */
 +
.type--fade {
 +
  opacity: .6 !important;
 +
}
 +
.type--uppercase {
 +
  text-transform: uppercase;
 +
}
 +
.type--bold {
 +
  font-weight: bold;
 +
}
 +
.type--italic {
 +
  font-style: italic;
 +
}
 +
.type--fine-print {
 +
  font-size: 0.85714286em;
 +
}
 +
.type--strikethrough {
 +
  text-decoration: line-through;
 +
  opacity: .5;
 +
}
 +
.type--underline {
 +
  text-decoration: underline;
 +
}
 +
.type--body-font {
 +
  font-family: 'Open Sans', 'Helvetica';
 +
}
 +
/**! 03. Position **/
 +
body {
 +
  overflow-x: hidden;
 +
}
 +
.pos-relative {
 
   position: relative;
 
   position: relative;
 
}
 
}
−
 
+
.pos-absolute {
−
.flickity-enabled:focus { outline: none; }
+
  position: absolute;
−
 
+
}
−
.flickity-viewport {
+
.pos-absolute.container {
−
   overflow: hidden;
+
  left: 0;
 +
  right: 0;
 +
}
 +
.pos-top {
 +
  top: 0;
 +
}
 +
.pos-bottom {
 +
  bottom: 0;
 +
}
 +
.pos-right {
 +
   right: 0;
 +
}
 +
.pos-left {
 +
  left: 0;
 +
}
 +
.float-left {
 +
  float: left;
 +
}
 +
.float-right {
 +
  float: right;
 +
}
 +
@media all and (max-width: 767px) {
 +
  .float-left,
 +
  .float-right {
 +
    float: none;
 +
  }
 +
  .float-left-xs {
 +
    float: left;
 +
  }
 +
  .float-right-xs {
 +
    float: right;
 +
  }
 +
}
 +
.pos-vertical-center {
 
   position: relative;
 
   position: relative;
−
   height: 100%;
+
   top: 50%;
 +
  transform: translateY(-50%);
 +
  -webkit-transform: translateY(-50%);
 
}
 
}
−
 
+
@media all and (max-width: 767px) {
−
.flickity-slider {
+
  .pos-vertical-center {
 +
    top: 0;
 +
    transform: none;
 +
    -webkit-transform: none;
 +
  }
 +
}
 +
@media all and (max-height: 600px) {
 +
  .pos-vertical-center {
 +
    top: 0;
 +
    transform: none;
 +
    -webkit-transform: none;
 +
  }
 +
}
 +
.pos-vertical-align-columns {
 +
  display: table;
 +
  table-layout: fixed;
 +
  width: 100%;
 +
}
 +
.pos-vertical-align-columns > div[class*='col-'] {
 +
  display: table-cell;
 +
  float: none;
 +
  vertical-align: middle;
 +
}
 +
@media all and (max-width: 990px) {
 +
  .pos-vertical-align-columns {
 +
    display: block;
 +
    width: auto;
 +
  }
 +
  .pos-vertical-align-columns > div[class*='col-'] {
 +
    display: block;
 +
  }
 +
}
 +
.inline-block {
 +
  display: inline-block;
 +
}
 +
.block {
 +
  display: block;
 +
}
 +
@media all and (max-width: 767px) {
 +
  .block--xs {
 +
    display: block;
 +
  }
 +
}
 +
@media all and (max-width: 990px) {
 +
  .text-center-md {
 +
    text-align: center;
 +
  }
 +
  .text-left-md {
 +
    text-align: left;
 +
  }
 +
  .text-right-md {
 +
    text-align: right;
 +
  }
 +
}
 +
@media all and (max-width: 767px) {
 +
  .text-center-xs {
 +
    text-align: center;
 +
  }
 +
  .text-left-xs {
 +
    text-align: left;
 +
  }
 +
  .text-right-xs {
 +
    text-align: right;
 +
  }
 +
}
 +
/**! 04. Element Size **/
 +
.height-100,
 +
.height-90,
 +
.height-80,
 +
.height-70,
 +
.height-60,
 +
.height-50,
 +
.height-40,
 +
.height-30,
 +
.height-20,
 +
.height-10 {
 +
  height: auto;
 +
  padding: 5em 0;
 +
}
 +
@media all and (max-width: 767px) {
 +
  .height-100,
 +
  .height-90,
 +
  .height-80,
 +
  .height-70,
 +
  .height-60,
 +
  .height-50,
 +
  .height-40,
 +
  .height-30,
 +
  .height-20,
 +
  .height-10 {
 +
    height: auto;
 +
    padding: 4em 0;
 +
  }
 +
}
 +
@media all and (min-height: 600px) and (min-width: 767px) {
 +
  .height-10 {
 +
    height: 10vh;
 +
  }
 +
  .height-20 {
 +
    height: 20vh;
 +
  }
 +
  .height-30 {
 +
    height: 30vh;
 +
  }
 +
  .height-40 {
 +
    height: 40vh;
 +
  }
 +
  .height-50 {
 +
    height: 50vh;
 +
  }
 +
  .height-60 {
 +
    height: 60vh;
 +
  }
 +
  .height-70 {
 +
    height: 70vh;
 +
  }
 +
  .height-80 {
 +
    height: 80vh;
 +
  }
 +
  .height-90 {
 +
    height: 90vh;
 +
  }
 +
  .height-100 {
 +
    height: 100vh;
 +
  }
 +
}
 +
section.height-auto {
 +
  height: auto;
 +
}
 +
section.height-auto .pos-vertical-center {
 +
  top: 0;
 +
  position: relative;
 +
  transform: none;
 +
}
 +
@media all and (max-width: 767px) {
 +
  div[class*='col-'][class*='height-'] {
 +
    padding-top: 5.57142857em !important;
 +
    padding-bottom: 5.57142857em !important;
 +
  }
 +
}
 +
/**! 05. Images **/
 +
img {
 +
 
 +
  margin-bottom: 0.8em !important;
 +
  margin-top: 2.8em;
 +
  border-radius: 0.3em;
 +
}
 +
/*p+img, img:last-child{
 +
margin-bottom: 0;
 +
}*/
 +
.img--fullwidth {
 +
  width: 100%;
 +
}
 +
[data-grid="2"].masonry {
 +
  -webkit-column-count: 2;
 +
  -webkit-column-gap: 0;
 +
  -moz-column-count: 2;
 +
  -moz-column-gap: 0;
 +
  column-count: 2;
 +
  column-gap: 0;
 +
}
 +
[data-grid="2"].masonry li {
 +
  width: 100%;
 +
  float: none;
 +
}
 +
[data-grid="2"] li {
 +
  width: 50%;
 +
  display: inline-block;
 +
}
 +
[data-grid="3"].masonry {
 +
  -webkit-column-count: 3;
 +
  -webkit-column-gap: 0;
 +
  -moz-column-count: 3;
 +
  -moz-column-gap: 0;
 +
  column-count: 3;
 +
  column-gap: 0;
 +
}
 +
[data-grid="3"].masonry li {
 +
  width: 100%;
 +
  float: none;
 +
}
 +
[data-grid="3"] li {
 +
  width: 33.33333333%;
 +
  display: inline-block;
 +
}
 +
[data-grid="4"].masonry {
 +
  -webkit-column-count: 4;
 +
  -webkit-column-gap: 0;
 +
  -moz-column-count: 4;
 +
  -moz-column-gap: 0;
 +
  column-count: 4;
 +
  column-gap: 0;
 +
}
 +
[data-grid="4"].masonry li {
 +
  width: 100%;
 +
  float: none;
 +
}
 +
[data-grid="4"] li {
 +
  width: 25%;
 +
  display: inline-block;
 +
}
 +
[data-grid="5"].masonry {
 +
  -webkit-column-count: 5;
 +
  -webkit-column-gap: 0;
 +
  -moz-column-count: 5;
 +
  -moz-column-gap: 0;
 +
  column-count: 5;
 +
  column-gap: 0;
 +
}
 +
[data-grid="5"].masonry li {
 +
  width: 100%;
 +
  float: none;
 +
}
 +
[data-grid="5"] li {
 +
  width: 20%;
 +
  display: inline-block;
 +
}
 +
[data-grid="6"].masonry {
 +
  -webkit-column-count: 6;
 +
  -webkit-column-gap: 0;
 +
  -moz-column-count: 6;
 +
  -moz-column-gap: 0;
 +
  column-count: 6;
 +
  column-gap: 0;
 +
}
 +
[data-grid="6"].masonry li {
 +
  width: 100%;
 +
  float: none;
 +
}
 +
[data-grid="6"] li {
 +
  width: 16.66666667%;
 +
  display: inline-block;
 +
}
 +
[data-grid="7"].masonry {
 +
  -webkit-column-count: 7;
 +
  -webkit-column-gap: 0;
 +
  -moz-column-count: 7;
 +
  -moz-column-gap: 0;
 +
  column-count: 7;
 +
  column-gap: 0;
 +
}
 +
[data-grid="7"].masonry li {
 +
  width: 100%;
 +
  float: none;
 +
}
 +
[data-grid="7"] li {
 +
  width: 14.28571429%;
 +
  display: inline-block;
 +
}
 +
[data-grid="8"].masonry {
 +
  -webkit-column-count: 8;
 +
  -webkit-column-gap: 0;
 +
  -moz-column-count: 8;
 +
  -moz-column-gap: 0;
 +
  column-count: 8;
 +
  column-gap: 0;
 +
}
 +
[data-grid="8"].masonry li {
 +
  width: 100%;
 +
  float: none;
 +
}
 +
[data-grid="8"] li {
 +
  width: 12.5%;
 +
  display: inline-block;
 +
}
 +
@media all and (max-width: 767px) {
 +
  [data-grid]:not(.masonry) li {
 +
    width: 33.333333%;
 +
  }
 +
  [data-grid="2"]:not(.masonry) li {
 +
    width: 50%;
 +
  }
 +
  [data-grid].masonry {
 +
    -webkit-column-count: 1;
 +
    -moz-column-count: 1;
 +
    column-count: 1;
 +
  }
 +
}
 +
.background-image-holder {
 +
  position: absolute !important;
 +
  /*height: 100% !important;*/
 +
  top: 0 !important;
 +
  left: 0 !important;
 +
  background-size: cover !important;
 +
  background-position: 50% 50% !important;
 +
  z-index: 0 !important;
 +
  transition: opacity .3s linear !important;
 +
  -webkit-transition: opacity .3s linear !important;
 +
  opacity: 0 !important;
 +
  background: #252525 !important;
 +
}
 +
.background-image-holder:not([class*='col-']) {
 +
  width: 100%;
 +
}
 +
.background-image-holder.background--bottom {
 +
  background-position: 50% 0% !important;
 +
}
 +
.background-image-holder.background--top {
 +
  background-position: 50% 0% !important;
 +
}
 +
.image--light .background-image-holder {
 +
  background: none;
 +
}
 +
.background-image-holder img {
 +
  display: none;
 +
}
 +
[data-overlay] {
 +
  position: relative;
 +
}
 +
[data-overlay]:before {
 
   position: absolute;
 
   position: absolute;
 +
  content: '';
 +
  background: #252525;
 
   width: 100%;
 
   width: 100%;
 
   height: 100%;
 
   height: 100%;
 +
  top: 0;
 +
  left: 0;
 +
  z-index: 1;
 +
}
 +
[data-overlay] *:not(.container):not(.background-image-holder) {
 +
  z-index: 2;
 +
}
 +
[data-overlay].image--light:before {
 +
  background: #fff;
 +
}
 +
[data-overlay].bg--primary:before {
 +
  background: #4a90e2;
 +
}
 +
[data-overlay="1"]:before {
 +
  opacity: 0.1;
 +
}
 +
[data-overlay="2"]:before {
 +
  opacity: 0.2;
 +
}
 +
[data-overlay="3"]:before {
 +
  opacity: 0.3;
 +
}
 +
[data-overlay="4"]:before {
 +
  opacity: 0.4;
 +
}
 +
[data-overlay="5"]:before {
 +
  opacity: 0.5;
 +
}
 +
[data-overlay="6"]:before {
 +
  opacity: 0.6;
 +
}
 +
[data-overlay="7"]:before {
 +
  opacity: 0.7;
 +
}
 +
[data-overlay="8"]:before {
 +
  opacity: 0.8;
 +
}
 +
[data-overlay="9"]:before {
 +
  opacity: 0.9;
 +
}
 +
[data-overlay="10"]:before {
 +
  opacity: 1;
 +
}
 +
[data-overlay="0"]:before {
 +
  opacity: 0;
 +
}
 +
[data-scrim-bottom] {
 +
  position: relative;
 +
}
 +
[data-scrim-bottom]:before {
 +
  position: absolute;
 +
  content: '';
 +
  width: 100%;
 +
  height: 80%;
 +
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #252525 100%);
 +
  /* FF3.6+ */
 +
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, #252525));
 +
  /* Chrome,Safari4+ */
 +
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #252525 100%);
 +
  /* Chrome10+,Safari5.1+ */
 +
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #252525 100%);
 +
  /* Opera 11.10+ */
 +
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #252525 100%);
 +
  /* IE10+ */
 +
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #252525 100%);
 +
  bottom: 0;
 +
  left: 0;
 +
  z-index: 1;
 +
  backface-visibility: hidden;
 +
}
 +
[data-scrim-bottom]:not(.image--light) h1,
 +
[data-scrim-bottom]:not(.image--light) h2,
 +
[data-scrim-bottom]:not(.image--light) h3,
 +
[data-scrim-bottom]:not(.image--light) h4,
 +
[data-scrim-bottom]:not(.image--light) h5,
 +
[data-scrim-bottom]:not(.image--light) h6 {
 +
  color: #a5a5a5;
 +
  color: #f1f1f1;
 +
}
 +
[data-scrim-bottom]:not(.image--light) p,
 +
[data-scrim-bottom]:not(.image--light) span,
 +
[data-scrim-bottom]:not(.image--light) ul {
 +
  color: #e6e6e6;
 +
}
 +
[data-scrim-bottom].image--light:before {
 +
  background: #fff;
 +
}
 +
[data-scrim-bottom="1"]:before {
 +
  opacity: 0.1;
 +
}
 +
[data-scrim-bottom="2"]:before {
 +
  opacity: 0.2;
 +
}
 +
[data-scrim-bottom="3"]:before {
 +
  opacity: 0.3;
 +
}
 +
[data-scrim-bottom="4"]:before {
 +
  opacity: 0.4;
 +
}
 +
[data-scrim-bottom="5"]:before {
 +
  opacity: 0.5;
 +
}
 +
[data-scrim-bottom="6"]:before {
 +
  opacity: 0.6;
 +
}
 +
[data-scrim-bottom="7"]:before {
 +
  opacity: 0.7;
 +
}
 +
[data-scrim-bottom="8"]:before {
 +
  opacity: 0.8;
 +
}
 +
[data-scrim-bottom="9"]:before {
 +
  opacity: 0.9;
 +
}
 +
[data-scrim-bottom="10"]:before {
 +
  opacity: 1;
 +
}
 +
[data-scrim-top] {
 +
  position: relative;
 +
}
 +
[data-scrim-top]:before {
 +
  position: absolute;
 +
  content: '';
 +
  width: 100%;
 +
  height: 80%;
 +
  background: -moz-linear-gradient(bottom, #252525 0%, rgba(0, 0, 0, 0) 100%);
 +
  /* FF3.6+ */
 +
  background: -webkit-gradient(linear, left bottom, left bottom, color-stop(0%, #252525), color-stop(100%, rgba(0, 0, 0, 0)));
 +
  /* Chrome,Safari4+ */
 +
  background: -webkit-linear-gradient(bottom, #252525 0%, rgba(0, 0, 0, 0) 100%);
 +
  /* Chrome10+,Safari5.1+ */
 +
  background: -o-linear-gradient(bottom, #252525 0%, rgba(0, 0, 0, 0) 100%);
 +
  /* Opera 11.10+ */
 +
  background: -ms-linear-gradient(bottom, #252525 0%, rgba(0, 0, 0, 0) 100%);
 +
  /* IE10+ */
 +
  background: linear-gradient(to bottom, #252525 0%, rgba(0, 0, 0, 0) 100%);
 +
  top: 0;
 +
  left: 0;
 +
  z-index: 1;
 +
}
 +
[data-scrim-top]:not(.image--light) h1,
 +
[data-scrim-top]:not(.image--light) h2,
 +
[data-scrim-top]:not(.image--light) h3,
 +
[data-scrim-top]:not(.image--light) h4,
 +
[data-scrim-top]:not(.image--light) h5,
 +
[data-scrim-top]:not(.image--light) h6 {
 +
  color: #fff;
 +
}
 +
[data-scrim-top]:not(.image--light) p,
 +
[data-scrim-top]:not(.image--light) span,
 +
[data-scrim-top]:not(.image--light) ul {
 +
  color: #e6e6e6;
 +
}
 +
[data-scrim-top].image--light:before {
 +
  background: #fff;
 +
}
 +
[data-scrim-top="1"]:before {
 +
  opacity: 0.1;
 +
}
 +
[data-scrim-top="2"]:before {
 +
  opacity: 0.2;
 +
}
 +
[data-scrim-top="3"]:before {
 +
  opacity: 0.3;
 +
}
 +
[data-scrim-top="4"]:before {
 +
  opacity: 0.4;
 +
}
 +
[data-scrim-top="5"]:before {
 +
  opacity: 0.5;
 +
}
 +
[data-scrim-top="6"]:before {
 +
  opacity: 0.6;
 +
}
 +
[data-scrim-top="7"]:before {
 +
  opacity: 0.7;
 +
}
 +
[data-scrim-top="8"]:before {
 +
  opacity: 0.8;
 +
}
 +
[data-scrim-top="9"]:before {
 +
  opacity: 0.9;
 +
}
 +
[data-scrim-top="10"]:before {
 +
  opacity: 1;
 +
}
 +
.imagebg {
 +
  position: relative !important;
 +
}
 +
.imagebg .container {
 +
  z-index: 2 !important;
 +
}
 +
.imagebg .container:not(.pos-absolute) {
 +
  position: relative !important;
 +
}
 +
.imagebg:not(.image--light) h1,
 +
.imagebg:not(.image--light) h2,
 +
.imagebg:not(.image--light) h3,
 +
.imagebg:not(.image--light) h4,
 +
.imagebg:not(.image--light) h5,
 +
.imagebg:not(.image--light) h6,
 +
.imagebg:not(.image--light) p,
 +
.imagebg:not(.image--light) ul,
 +
.imagebg:not(.image--light) blockquote {
 +
  color: #fff;
 +
}
 +
.imagebg:not(.image--light) .bg--white h1,
 +
.imagebg:not(.image--light) .bg--white h2,
 +
.imagebg:not(.image--light) .bg--white h3,
 +
.imagebg:not(.image--light) .bg--white h4,
 +
.imagebg:not(.image--light) .bg--white h5,
 +
.imagebg:not(.image--light) .bg--white h6 {
 +
  color: #252525;
 +
}
 +
.imagebg:not(.image--light) .bg--white p,
 +
.imagebg:not(.image--light) .bg--white ul {
 +
  color: #666666;
 +
}
 +
div[data-overlay] h1,
 +
div[data-overlay] h2,
 +
div[data-overlay] h3,
 +
div[data-overlay] h4,
 +
div[data-overlay] h5,
 +
div[data-overlay] h6 {
 +
  color: #fff;
 +
}
 +
div[data-overlay] p,
 +
div[data-overlay] ul {
 +
  color: #fff;
 +
}
 +
.parallax {
 +
  overflow: hidden;
 +
}
 +
.parallax .background-image-holder {
 +
  transition: none !important;
 +
  -webkit-transition: none !important;
 +
  -moz-transition: none !important;
 
}
 
}
  
−
/* draggable */
+
#backgroundPrinteria {
  
−
.flickity-enabled.is-draggable {
+
  background-size: cover;
−
   -webkit-tap-highlight-color: transparent;
+
   background-image: url("880x492.png")/*tpa=http://via.placeholder.com/880x492*/;
−
          tap-highlight-color: transparent;
+
  background-attachment: fixed;
−
   -webkit-user-select: none;
+
   -webkit-transition: 0.3s ease;
−
    -moz-user-select: none;
+
  -moz-transition: 0.3s ease;
−
      -ms-user-select: none;
+
  transition: 0.3s ease;
−
          user-select: none;
+
 
}
 
}
  
−
.flickity-enabled.is-draggable .flickity-viewport {
+
 
−
   cursor: move;
+
 
−
  cursor: -webkit-grab;
+
.image--xxs {
−
  cursor: grab;
+
   max-height: 1.85714286em;
 
}
 
}
 +
.image--xs {
 +
  max-height: 3.71428571em;
 +
}
 +
.image--sm {
 +
  max-height: 5.57142857em;
 +
}
 +
.image--md {
 +
  max-height: 7.42857143em;
 +
}
 +
/**! 06. Buttons **/
 +
.btn {
 +
  font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
 +
  transition: 0.1s linear;
 +
  -webkit-transition: 0.1s linear;
 +
  -moz-transition: 0.1s linear;
 +
  border-radius: 6px;
 +
  padding-top: 0.46428571em;
 +
  padding-bottom: 0.46428571em;
 +
  padding-right: 2.78571429em;
 +
  padding-left: 2.78571429em;
 +
  border: 1px solid #252525;
 +
  border-width: 1px;
 +
  font-size: inherit;
 +
  line-height: 1.85714286em;
 +
}
 +
.btn .btn__text,
 +
.btn i {
 +
  color: #252525;
 +
  border-color: #252525;
 +
  font-weight: 700;
 +
  font-size: 0.85714286em;
 +
}
 +
.btn[class*='col-'] {
 +
  margin-left: 0;
 +
  margin-right: 0;
 +
}
 +
.btn:active {
 +
  box-shadow: none;
 +
  -webkit-box-shadow: none;
 +
}
 +
.btn.bg--facebook,
 +
.btn.bg--twitter,
 +
.btn.bg--instagram,
 +
.btn.bg--googleplus,
 +
.btn.bg--pinterest,
 +
.btn.bg--dribbble,
 +
.btn.bg--behance,
 +
.btn.bg--dark {
 +
  border-color: rgba(0, 0, 0, 0) !important;
 +
}
 +
.btn.bg--facebook .btn__text,
 +
.btn.bg--twitter .btn__text,
 +
.btn.bg--instagram .btn__text,
 +
.btn.bg--googleplus .btn__text,
 +
.btn.bg--pinterest .btn__text,
 +
.btn.bg--dribbble .btn__text,
 +
.btn.bg--behance .btn__text,
 +
.btn.bg--dark .btn__text {
 +
  color: #fff;
 +
}
 +
.btn.bg--facebook .btn__text i,
 +
.btn.bg--twitter .btn__text i,
 +
.btn.bg--instagram .btn__text i,
 +
.btn.bg--googleplus .btn__text i,
 +
.btn.bg--pinterest .btn__text i,
 +
.btn.bg--dribbble .btn__text i,
 +
.btn.bg--behance .btn__text i,
 +
.btn.bg--dark .btn__text i {
 +
  color: #fff;
 +
}
 +
.btn.bg--facebook:hover,
 +
.btn.bg--twitter:hover,
 +
.btn.bg--instagram:hover,
 +
.btn.bg--googleplus:hover,
 +
.btn.bg--pinterest:hover,
 +
.btn.bg--dribbble:hover,
 +
.btn.bg--behance:hover,
 +
.btn.bg--dark:hover {
 +
  opacity: .9;
 +
}
 +
.btn.bg--error {
 +
  background: #e23636;
 +
  border-color: #e23636 !important;
 +
}
 +
.btn.bg--error:hover {
 +
  background: #e54c4c;
 +
  border-color: #e54c4c !important;
 +
  color: #fff !important;
 +
}
 +
.btn.bg--error .btn__text {
 +
  color: #fff;
 +
}
 +
.btn.bg--error .btn__text i {
 +
  color: #fff;
 +
}
 +
@media all and (min-width: 768px) {
 +
  .btn + .btn {
 +
    margin-left: 1.85714286em;
 +
  }
 +
}
 +
.btn:first-child {
 +
  margin-left: 0;
 +
}
 +
.btn:last-child {
 +
  margin-right: 0;
 +
}
 +
.btn--xs {
 +
  padding-top: 0;
 +
  padding-bottom: 0;
 +
  padding-right: 1.39285714em;
 +
  padding-left: 1.39285714em;
 +
}
 +
.btn--sm {
 +
  padding-top: 0.30952381em;
 +
  padding-bottom: 0.30952381em;
 +
  padding-right: 1.85714286em;
 +
  padding-left: 1.85714286em;
 +
}
 +
.btn--lg {
 +
  padding-top: 0.58035714em;
 +
  padding-bottom: 0.58035714em;
 +
  padding-right: 3.48214286em;
 +
  padding-left: 3.48214286em;
 +
}
 +
.btn--lg .btn__text {
 +
  font-size: 1.07142857em;
 +
}
 +
.btn--primary,
 +
.btn--primary:visited {
 +
  background: #4a90e2;
 +
  border-color: #4a90e2;
 +
}
 +
.btn--primary .btn__text,
 +
.btn--primary:visited .btn__text {
 +
  color: #fff;
 +
}
 +
.btn--primary .btn__text i,
 +
.btn--primary:visited .btn__text i {
 +
  color: #fff;
 +
}
 +
.btn--primary:hover {
 +
  background: #609de6;
 +
}
 +
.btn--primary:active {
 +
  background: #3483de;
 +
}
 +
.btn--primary-1,
 +
.btn--primary-1:visited {
 +
  background: #31639c;
 +
  border-color: #31639c;
 +
}
 +
.btn--primary-1 .btn__text,
 +
.btn--primary-1:visited .btn__text {
 +
  color: #fff;
 +
}
 +
.btn--primary-1:hover {
 +
  background: #376faf;
 +
}
 +
.btn--primary-1:active {
 +
  background: #2b5789;
 +
}
 +
.btn--primary-2,
 +
.btn--primary-2:visited {
 +
  background: #465773;
 +
  border-color: #465773;
 +
}
 +
.btn--primary-2 .btn__text,
 +
.btn--primary-2:visited .btn__text {
 +
  color: #fff;
 +
}
 +
.btn--primary-2:hover {
 +
  background: #506383;
 +
}
 +
.btn--primary-2:active {
 +
  background: #3c4b63;
 +
}
 +
.btn--secondary {
 +
  background: #fafafa;
 +
  border-color: #fafafa;
 +
}
 +
.btn--secondary:hover {
 +
  background: #ffffff;
 +
}
 +
.btn--secondary:active {
 +
  background: #f5f5f5;
 +
}
 +
.btn--white {
 +
  background: #fff;
 +
  color: #252525;
 +
  border-color: #fff;
 +
}
 +
.btn--white i {
 +
  color: #252525;
 +
}
 +
.btn--transparent {
 +
  background: none;
 +
  border-color: rgba(0, 0, 0, 0);
 +
  padding-left: 0;
 +
  padding-right: 0;
 +
}
 +
.btn--transparent.btn--white .btn__text {
 +
  color: #fff;
 +
}
 +
.btn--unfilled {
 +
  background: none;
 +
}
 +
.btn--unfilled.btn--white .btn__text {
 +
  color: #fff;
 +
}
 +
.btn--unfilled.btn--white i {
 +
  color: #fff;
 +
}
 +
.btn--floating {
 +
  position: fixed;
 +
  bottom: 3.71428571em;
 +
  right: 3.71428571em;
 +
  z-index: 10;
 +
}
 +
/**! 07. Icons **/
 +
.icon {
 +
  line-height: 1em;
 +
  font-size: 3.14285714em;
 +
}
 +
.icon--xs {
 +
  font-size: 1em;
 +
}
 +
.icon--sm {
 +
  font-size: 2.35714286em;
 +
}
 +
.icon--lg {
 +
  font-size: 5.57142857em;
 +
}
 +
/**! 08. Lists **/
 +
ul:last-child {
 +
  margin: 0;
 +
}
 +
.list-inline li {
 +
  padding: 0 1em;
 +
  margin-left: 0;
 +
}
 +
.list-inline li:first-child {
 +
  padding-left: 0;
 +
}
 +
.list-inline li:last-child {
 +
  padding-right: 0;
 +
}
 +
.list-inline.list-inline--narrow li {
 +
  padding: 0 .5em;
 +
}
 +
.list-inline.list-inline--wide li {
 +
  padding: 0 2em;
 +
}
 +
/**! 09. Lightbox **/
 +
.lb-outerContainer {
 +
  border-radius: 0;
 +
}
 +
.lb-outerContainer .lb-container {
 +
  padding: 0;
 +
}
 +
.lb-outerContainer .lb-container img {
 +
  margin: 0;
 +
}
 +
.lightbox-gallery {
 +
  overflow: hidden;
 +
}
 +
.lightbox-gallery li {
 +
  float: left;
 +
}
 +
.lightbox-gallery li img {
 +
  margin: 0;
 +
  width: 100%;
 +
}
 +
.lightbox-gallery.gallery--gaps li {
 +
  padding: 0.46428571em;
 +
}
 +
/**! 10. Menus **/
 +
.menu-horizontal > li:not(:hover) > a,
 +
.menu-horizontal > li:not(:hover) > span,
 +
.menu-horizontal > li:not(:hover) > .modal-instance > .modal-trigger {
 +
  opacity: .5;
 +
}
 +
.menu-horizontal > li > a,
 +
.menu-horizontal > li > span,
 +
.menu-horizontal > li > .modal-instance > .modal-trigger {
 +
  transition: 0.3s ease;
 +
  -webkit-transition: 0.3s ease;
 +
  -moz-transition: 0.3s ease;
 +
  color: #252525;
 +
}
 +
.menu-horizontal > li > a:hover,
 +
.menu-horizontal > li > span:hover,
 +
.menu-horizontal > li > .modal-instance > .modal-trigger:hover {
 +
  color: #252525;
 +
}
 +
.bg--dark .menu-horizontal > li > a,
 +
.bg--dark .menu-horizontal > li > span {
 +
  color: #fff;
 +
}
 +
.bg--dark .menu-horizontal > li > a:hover,
 +
.bg--dark .menu-horizontal > li > span:hover {
 +
  color: #fff;
 +
}
 +
.menu-vertical {
 +
  width: 100%;
 +
}
 +
.menu-vertical li {
 +
  width: 100%;
 +
}
 +
.menu-vertical li a {
 +
  font-weight: normal;
 +
}
 +
@media all and (min-width: 990px) {
 +
  .menu-horizontal {
 +
    display: inline-block;
 +
  }
 +
  .menu-horizontal > li {
 +
    display: inline-block;
 +
  }
 +
  .menu-horizontal > li:not(:last-child) {
 +
    margin-right: 1.85714286em;
 +
  }
 +
  .menu-vertical {
 +
    display: inline-block;
 +
  }
 +
  .menu-vertical li {
 +
    white-space: nowrap;
 +
  }
 +
  .menu-vertical .dropdown__container {
 +
    top: 0;
 +
  }
 +
  .menu-vertical .dropdown__container .dropdown__content:not([class*='bg-']) {
 +
    background: #ffffff;
 +
  }
 +
  .menu-vertical .dropdown__container .dropdown__content {
 +
    transform: translateX(75%);
 +
  }
 +
}
 +
/**! 11. Dropdowns **/
 +
.dropdown {
 +
  position: relative;
 +
}
 +
.dropdown .dropdown__container {
 +
  transition: 0.3s ease;
 +
  -webkit-transition: 0.3s ease;
 +
  -moz-transition: 0.3s ease;
 +
  opacity: 0;
 +
  pointer-events: none;
 +
  position: absolute;
  
−
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
+
}
−
   cursor: -webkit-grabbing;
+
.dropdown .dropdown__container .dropdown__container:before {
−
   cursor: grabbing;
+
  height: 0;
 +
}
 +
.dropdown .dropdown__content {
 +
  padding: 1.85714286em;
 +
}
 +
.dropdown .dropdown__content:not([class*='col-']) {
 +
  width: 18.57142857em;
 +
}
 +
.dropdown .dropdown__content:not([class*='bg-']) {
 +
  background: #ffffff;
 +
}
 +
.dropdown .dropdown__content:not([class='bg--dark']) .menu-vertical a {
 +
  color: #666666;
 +
}
 +
.dropdown .dropdown__trigger {
 +
  cursor: pointer;
 +
  user-select: none;
 +
}
 +
.dropdown.dropdown--active > .dropdown__container {
 +
   opacity: 1;
 +
}
 +
.dropdown.dropdown--active > .dropdown__container > .container > .row > .dropdown__content {
 +
  pointer-events: all;
 +
}
 +
@media all and (min-width: 10px) {
 +
   .dropdown .dropdown__container:before {
 +
    height: 0.92857143em;
 +
    width: 100%;
 +
    content: '';
 +
    display: block;
 +
  }
 +
  .dropdown .dropdown__content.dropdown__content--md {
 +
    padding: 2.78571429em;
 +
  }
 +
  .dropdown .dropdown__content.dropdown__content--lg {
 +
    padding: 3.71428571em;
 +
  }
 +
  .dropdown .dropdown__content.dropdown__content--xlg {
 +
    padding: 4.64285714em;
 +
  }
 
}
 
}
  
−
/* ---- previous/next buttons ---- */
+
body.dropdowns--hover .dropdown:not(.dropdown--click):hover > .dropdown__container {
 +
  opacity: 1;
 +
}
 +
body.dropdowns--hover .dropdown:not(.dropdown--click):hover > .dropdown__container:before {
 +
  pointer-events: all;
 +
}
 +
body.dropdowns--hover .dropdown:not(.dropdown--click):hover > .dropdown__container .dropdown__content {
 +
  pointer-events: all;
 +
}
 +
body:not(.dropdowns--hover) .dropdown.dropdown--hover:hover > .dropdown__container {
 +
  opacity: 1;
 +
}
 +
body:not(.dropdowns--hover) .dropdown.dropdown--hover:hover > .dropdown__container:before {
 +
  pointer-events: all;
 +
}
 +
body:not(.dropdowns--hover) .dropdown.dropdown--hover:hover > .dropdown__container .dropdown__content {
 +
  pointer-events: all;
 +
}
 +
@media all and (max-width: 990px) {
 +
  body.dropdowns--hover .dropdown:not(.dropdown--click).dropdown--active > .dropdown__container {
 +
    display: block;
 +
  }
 +
  body.dropdowns--hover .dropdown:not(.dropdown--click).dropdown--active > .dropdown__container:before {
 +
    pointer-events: all;
 +
  }
 +
}
  
−
.flickity-prev-next-button {
+
/**! 12. Form Elements **/
 +
form {
 +
  max-width: 100%;
 +
}
 +
form + form {
 +
  margin-top: 30px;
 +
}
 +
form:before,
 +
form:after {
 +
  content: ".";
 +
  display: block;
 +
  height: 0;
 +
  overflow: hidden;
 +
}
 +
form:after {
 +
  clear: both;
 +
}
 +
label {
 +
  margin: 0;
 +
  font-size: 1.14285714em;
 +
  font-weight: 400;
 +
}
 +
input[type],
 +
textarea,
 +
select {
 +
  -webkit-appearance: none;
 +
  background: #fcfcfc;
 +
  padding: 0.46428571em;
 +
  border-radius: 6px;
 +
  border: 1px solid #ececec;
 +
}
 +
input[type]:focus,
 +
textarea:focus,
 +
select:focus {
 +
  outline: none;
 +
}
 +
input[type]:active,
 +
textarea:active,
 +
select:active {
 +
  outline: none;
 +
}
 +
input[type]::-webkit-input-placeholder,
 +
textarea::-webkit-input-placeholder,
 +
select::-webkit-input-placeholder {
 +
  color: #b3b3b3;
 +
  font-size: 1.14285714em;
 +
}
 +
input[type]:-moz-placeholder,
 +
textarea:-moz-placeholder,
 +
select:-moz-placeholder {
 +
  /* Firefox 18- */
 +
  color: #b3b3b3;
 +
  font-size: 1.14285714em;
 +
}
 +
input[type]::-moz-placeholder,
 +
textarea::-moz-placeholder,
 +
select::-moz-placeholder {
 +
  /* Firefox 19+ */
 +
  color: #b3b3b3;
 +
  font-size: 1.14285714em;
 +
}
 +
input[type]:-ms-input-placeholder,
 +
textarea:-ms-input-placeholder,
 +
select:-ms-input-placeholder {
 +
  color: #b3b3b3;
 +
  font-size: 1.14285714em;
 +
}
 +
input[type="image"] {
 +
  border: none;
 +
  padding: none;
 +
  width: auto;
 +
}
 +
textarea {
 +
  display: block;
 +
  width: 100%;
 +
  max-width: 100%;
 +
}
 +
select {
 +
  cursor: pointer;
 +
  padding-right: 1.85714286em;
 +
  -webkit-appearance: none;
 +
}
 +
select::ms-expand {
 +
  display: none;
 +
}
 +
input[type="submit"] {
 +
  background: none;
 +
  outline: none;
 +
  border: none;
 +
  background: #4a90e2;
 +
  padding: 0.46428571em 2.78571429em 0.46428571em 2.78571429em;
 +
  color: #fff;
 +
}
 +
@keyframes load {
 +
  0% {
 +
    opacity: 0;
 +
    width: 0;
 +
  }
 +
  50% {
 +
    width: 100%;
 +
    opacity: .8;
 +
    left: 0;
 +
  }
 +
  100% {
 +
    left: 100%;
 +
    opacity: 0;
 +
  }
 +
}
 +
button {
 +
  background: none;
 +
}
 +
button[type="submit"].btn--loading {
 +
  position: relative;
 +
  overflow: hidden;
 +
  pointer-events: none;
 +
  color: rgba(0, 0, 0, 0);
 +
}
 +
button[type="submit"].btn--loading * {
 +
  opacity: 0;
 +
}
 +
button[type="submit"].btn--loading:after {
 +
  content: '';
 +
  position: absolute;
 +
  width: 0;
 +
  height: 100%;
 +
  background: #ddd;
 +
  animation: load 1.5s ease-out infinite;
 +
  left: 0;
 +
  top: 0;
 +
}
 +
button[type="submit"].btn--loading .btn__text {
 +
  opacity: 0;
 +
}
 +
button:focus {
 +
  outline: none !important;
 +
}
 +
button.bg--error {
 +
  color: #fff;
 +
}
 +
.input-icon {
 +
  position: relative;
 +
}
 +
.input-icon i {
 +
  -webkit-user-select: none;
 +
  -moz-user-select: none;
 +
  -ms-user-select: none;
 +
  user-select: none;
 +
  cursor: default;
 +
  position: absolute;
 +
}
 +
.input-checkbox,
 +
.input-radio,
 +
.input-select {
 +
  -webkit-user-select: none;
 +
  -moz-user-select: none;
 +
  -ms-user-select: none;
 +
  user-select: none;
 +
  display: inline-block;
 +
}
 +
.input-checkbox input,
 +
.input-radio input,
 +
.input-select input {
 +
  opacity: 0 !important;
 +
  height: 0 !important;
 +
  width: 0 !important;
 +
  position: absolute !important;
 +
}
 +
.input-checkbox label,
 +
.input-radio label,
 +
.input-select label {
 +
  display: block !important;
 +
  cursor: pointer;
 +
}
 +
.input-checkbox {
 +
  padding: 0;
 +
}
 +
.input-checkbox label {
 +
  width: 1.85714286em;
 +
  height: 1.85714286em;
 +
  border-radius: 6px;
 +
  background: #000;
 +
}
 +
.input-radio {
 +
  padding: 0;
 +
}
 +
.input-radio label {
 +
  width: 1.85714286em;
 +
  height: 1.85714286em;
 +
  border-radius: 50%;
 +
  background: #000;
 +
}
 +
.input-select {
 +
  position: relative;
 +
}
 +
.input-select i {
 
   position: absolute;
 
   position: absolute;
 
   top: 50%;
 
   top: 50%;
−
   width: 44px;
+
   transform: translateY(-50%);
−
   height: 44px;
+
  -webkit-transform: translateY(-50%);
−
   border: none;
+
  right: 1em;
 +
  font-size: .87em;
 +
}
 +
.input-file {
 +
  position: relative;
 +
  display: inline-block;
 +
}
 +
.input-file input {
 +
  display: none;
 +
}
 +
.form-error {
 +
  margin-top: 1.5625em;
 +
  padding: 0.78125em;
 +
  background: #D84D4D;
 +
  color: #fff;
 +
  position: fixed;
 +
  min-width: 350px;
 +
   left: 50%;
 +
  bottom: 1.5625em;
 +
  transform: translate3d(-50%, 0, 0);
 +
  -webkit-transform: translate3d(-50%, 0, 0);
 +
  z-index: 999;
 +
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
 +
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
 +
}
 +
.form-success {
 +
  margin-top: 1.5625em;
 +
  padding: 0.78125em;
 +
  background: #1DC020;
 +
  color: #fff;
 +
  position: fixed;
 +
  min-width: 350px;
 +
  left: 50%;
 +
  bottom: 1.5625em;
 +
  transform: translate3d(-50%, 0, 0);
 +
  -webkit-transform: translate3d(-50%, 0, 0);
 +
  z-index: 999;
 +
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
 +
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
 +
}
 +
.attempted-submit .field-error {
 +
  border-color: #D84D4D !important;
 +
}
 +
.attempted-submit div.recaptcha.field-error {
 +
  border-color: #D84D4D !important;
 +
  border-style: solid;
 +
  border: 1px solid;
 +
  border-radius: 5px;
 +
  padding: 5px;
 +
}
 +
div.recaptcha iframe {
 +
  min-height: 0;
 +
}
 +
/**! 13. Accordions **/
 +
.accordion li .accordion__title,
 +
.accordion li .accordion__content,
 +
.accordion li .accordion__content * {
 +
  transition: 0.3s linear;
 +
  -webkit-transition: 0.3s linear;
 +
  -moz-transition: 0.3s linear;
 +
}
 +
.accordion li .accordion__title {
 +
  cursor: pointer;
 +
  padding: 0.46428571em 0.92857143em;
 +
   border: 1px solid #ececec;
 +
  border-bottom: none;
 +
  background: none;
 +
  -webkit-user-select: none;
 +
  -moz-user-select: none;
 +
  -ms-user-select: none;
 +
  user-select: none;
 +
}
 +
.accordion li:last-child .accordion__title {
 +
  border-bottom: 1px solid #ececec;
 +
}
 +
.accordion li .accordion__content {
 +
  opacity: 0;
 +
  visibility: hidden;
 +
  max-height: 0;
 +
}
 +
.accordion li .accordion__content > * {
 +
  display: none;
 +
}
 +
.accordion li .accordion__content > *:first-child {
 +
  padding-top: 0;
 +
}
 +
.accordion li .accordion__content > *:last-child {
 +
  padding-bottom: 0;
 +
}
 +
.accordion li.active .accordion__title {
 +
  background: #4a90e2;
 +
  border-bottom: 1px solid #ececec;
 +
}
 +
.accordion li.active .accordion__content {
 +
  opacity: 1;
 +
  visibility: visible;
 +
  max-height: 500px;
 +
}
 +
.accordion li.active .accordion__content > * {
 +
  display: inline-block;
 +
}
 +
/**! 14. Breadcrumbs **/
 +
.breadcrumb {
 +
  padding: 0;
 +
  margin: 0;
 +
  background: none;
 +
  display: inline-block;
 +
}
 +
.breadcrumb li {
 +
  font-size: 1em;
 +
}
 +
.breadcrumb li + li:before {
 +
  padding: 0 0.46428571em;
 +
}
 +
/**! 15. Pie Charts **/
 +
.radial {
 +
  position: relative;
 +
}
 +
.radial .radial__label {
 +
  position: absolute;
 +
  top: 50%;
 +
  left: 50%;
 +
  transform: translateX(-50%) translateY(-50%);
 +
  -webkit-transform: translateX(-50%) translateY(-50%);
 +
  margin-bottom: 0;
 +
}
 +
/**! 16. Tabs **/
 +
.tabs {
 +
  display: block;
 +
  margin-bottom: 0;
 +
}
 +
.tabs > li {
 +
  display: inline-block;
 +
  opacity: .5;
 +
  transition: 0.3s ease;
 +
  -webkit-transition: 0.3s ease;
 +
  -moz-transition: 0.3s ease;
 +
  -webkit-user-select: none;
 +
  -moz-user-select: none;
 +
  -ms-user-select: none;
 +
  user-select: none;
 +
}
 +
.tabs > .active,
 +
.tabs:hover {
 +
  opacity: 1;
 +
}
 +
.tabs .tab__title {
 +
  cursor: pointer;
 +
}
 +
.tabs .tab__title:not(.btn) {
 +
  padding: 0 1.85714286em;
 +
}
 +
.tabs li:first-child .tab__title:not(.btn) {
 +
  padding-left: 0;
 +
}
 +
.tabs .tab__content {
 +
  display: none;
 +
}
 +
.tabs-content {
 +
  margin-top: 1em;
 +
}
 +
.tabs-content li > .tab__content {
 +
  width: 100%;
 +
  display: none;
 +
}
 +
.tabs-content > .active > .tab__content {
 +
  display: block;
 +
}
 +
.tabs-container[data-content-align="left"] .tabs-content {
 +
  text-align: left;
 +
}
 +
@media all and (max-width: 767px) {
 +
  .tabs-content > li:not(.active) .tab__content {
 +
    display: none !important;
 +
  }
 +
}
 +
/**! 17. Boxes **/
 +
.boxed {
 +
  position: relative;
 +
  overflow: hidden;
 +
  padding: 1.85714286em;
 +
  margin-bottom: 30px;
 +
}
 +
.boxed.boxed--lg {
 +
  padding: 2.78571429em;
 +
}
 +
.boxed.boxed--sm {
 +
  padding: 1.23809524em;
 +
}
 +
.boxed.boxed--border {
 +
  border: 1px solid #ececec;
 +
}
 +
.boxed > div[class*='col-']:first-child:not(.boxed) {
 +
  padding-left: 0;
 +
}
 +
.boxed > div[class*='col-']:last-child:not(.boxed) {
 +
  padding-right: 0;
 +
}
 +
img + .boxed {
 +
  margin-top: -1.85714286em;
 +
}
 +
@media all and (max-width: 767px) {
 +
  .boxed {
 +
    padding: 1.23809524em;
 +
    margin-bottom: 15px;
 +
  }
 +
  .boxed.boxed--lg {
 +
    padding: 1.23809524em;
 +
  }
 +
  .boxed div[class*='col-']:not(.boxed) {
 +
    padding: 0;
 +
  }
 +
  .boxed:last-child {
 +
    margin-bottom: 15px;
 +
  }
 +
}
 +
/**! 18. Sliders Flickity **/
 +
.slides:not(.flickity-enabled) li.imagebg:not(:first-child) {
 +
  display: none;
 +
}
 +
.slides:not(.flickity-enabled) li.imagebg:first-child {
 +
  background: #252525;
 +
  animation: backgroundLoad .5s ease alternate infinite;
 +
}
 +
.slides:not(.flickity-enabled) li.imagebg:first-child .container {
 +
  opacity: 0;
 +
}
 +
@keyframes backgroundLoad {
 +
  0% {
 +
    background: #252525;
 +
  }
 +
  100% {
 +
    background: #3f3f3f;
 +
  }
 +
}
 +
.slider.height-10 {
 +
  height: auto;
 +
}
 +
.slider.height-10 .slides .flickity-slider > li {
 +
  height: 10vh;
 +
  padding: 0;
 +
}
 +
@media all and (min-width: 768px) {
 +
  .slider.height-10 .slides li.imagebg {
 +
    min-height: 10vh;
 +
  }
 +
}
 +
.slider.height-20 {
 +
  height: auto;
 +
}
 +
.slider.height-20 .slides .flickity-slider > li {
 +
  height: 20vh;
 +
  padding: 0;
 +
}
 +
@media all and (min-width: 768px) {
 +
  .slider.height-20 .slides li.imagebg {
 +
    min-height: 20vh;
 +
  }
 +
}
 +
.slider.height-30 {
 +
  height: auto;
 +
}
 +
.slider.height-30 .slides .flickity-slider > li {
 +
  height: 30vh;
 +
  padding: 0;
 +
}
 +
@media all and (min-width: 768px) {
 +
  .slider.height-30 .slides li.imagebg {
 +
    min-height: 30vh;
 +
  }
 +
}
 +
.slider.height-40 {
 +
  height: auto;
 +
}
 +
.slider.height-40 .slides .flickity-slider > li {
 +
  height: 40vh;
 +
  padding: 0;
 +
}
 +
@media all and (min-width: 768px) {
 +
  .slider.height-40 .slides li.imagebg {
 +
    min-height: 40vh;
 +
  }
 +
}
 +
.slider.height-50 {
 +
  height: auto;
 +
}
 +
.slider.height-50 .slides .flickity-slider > li {
 +
  height: 50vh;
 +
  padding: 0;
 +
}
 +
@media all and (min-width: 768px) {
 +
  .slider.height-50 .slides li.imagebg {
 +
    min-height: 50vh;
 +
  }
 +
}
 +
.slider.height-60 {
 +
  height: auto;
 +
}
 +
.slider.height-60 .slides .flickity-slider > li {
 +
  height: 60vh;
 +
  padding: 0;
 +
}
 +
@media all and (min-width: 768px) {
 +
  .slider.height-60 .slides li.imagebg {
 +
    min-height: 60vh;
 +
  }
 +
}
 +
.slider.height-70 {
 +
  height: auto;
 +
}
 +
.slider.height-70 .slides .flickity-slider > li {
 +
  height: 70vh;
 +
  padding: 0;
 +
}
 +
@media all and (min-width: 768px) {
 +
  .slider.height-70 .slides li.imagebg {
 +
    min-height: 70vh;
 +
  }
 +
}
 +
.slider.height-80 {
 +
  height: auto;
 +
}
 +
.slider.height-80 .slides .flickity-slider > li {
 +
  height: 80vh;
 +
  padding: 0;
 +
}
 +
@media all and (min-width: 768px) {
 +
  .slider.height-80 .slides li.imagebg {
 +
    min-height: 80vh;
 +
  }
 +
}
 +
.slider.height-90 {
 +
  height: auto;
 +
}
 +
.slider.height-90 .slides .flickity-slider > li {
 +
  height: 90vh;
 +
  padding: 0;
 +
}
 +
@media all and (min-width: 768px) {
 +
  .slider.height-90 .slides li.imagebg {
 +
    min-height: 90vh;
 +
  }
 +
}
 +
.slider.height-100 {
 +
  height: auto;
 +
}
 +
.slider.height-100 .slides .flickity-slider > li {
 +
  height: 100vh;
 +
  padding: 0;
 +
}
 +
@media all and (min-width: 768px) {
 +
  .slider.height-100 .slides li.imagebg {
 +
    min-height: 100vh;
 +
  }
 +
}
 +
.slider .slides .flickity-slider > li:not([class*='col-']) {
 +
  width: 100%;
 +
}
 +
.slider .slides.slides--gapless li[class*='col-'] {
 +
  padding-left: 0;
 +
  padding-right: 0;
 +
}
 +
.slider[data-arrows="true"].slider--arrows-hover:not(:hover) .flickity-prev-next-button {
 +
  opacity: 0;
 +
}
 +
.slider[data-paging="true"]:not(section) {
 +
  margin-bottom: 3.71428571em;
 +
}
 +
.slider[data-paging="true"]:not(section) .flickity-page-dots {
 +
  bottom: -3.71428571em;
 +
}
 +
.slider[data-paging="true"]:not([class*='text-']) .flickity-page-dots {
 +
  text-align: center;
 +
}
 +
.slider[data-children="1"] .flickity-prev-next-button {
 +
  display: none;
 +
}
 +
.slider:not([data-paging="true"]) .slides {
 +
  margin: 0;
 +
}
 +
.slider.controls--dark .flickity-page-dots .dot {
 +
  background: #252525;
 +
}
 +
.slider.controls--dark .flickity-prev-next-button:before {
 +
  color: #252525;
 +
}
 +
section.slider {
 +
  padding: 0;
 +
}
 +
section.slider.height-10 {
 +
  height: auto;
 +
}
 +
section.slider.height-10 .slides .flickity-slider > li {
 +
  height: 10vh;
 +
  padding: 0;
 +
}
 +
@media all and (min-width: 768px) {
 +
  section.slider.height-10 .slides li.imagebg {
 +
    min-height: 10vh;
 +
  }
 +
}
 +
section.slider.height-20 {
 +
  height: auto;
 +
}
 +
section.slider.height-20 .slides .flickity-slider > li {
 +
  height: 20vh;
 +
  padding: 0;
 +
}
 +
@media all and (min-width: 768px) {
 +
  section.slider.height-20 .slides li.imagebg {
 +
    min-height: 20vh;
 +
  }
 +
}
 +
section.slider.height-30 {
 +
  height: auto;
 +
}
 +
section.slider.height-30 .slides .flickity-slider > li {
 +
  height: 30vh;
 +
  padding: 0;
 +
}
 +
@media all and (min-width: 768px) {
 +
  section.slider.height-30 .slides li.imagebg {
 +
    min-height: 30vh;
 +
  }
 +
}
 +
section.slider.height-40 {
 +
  height: auto;
 +
}
 +
section.slider.height-40 .slides .flickity-slider > li {
 +
  height: 40vh;
 +
  padding: 0;
 +
}
 +
@media all and (min-width: 768px) {
 +
  section.slider.height-40 .slides li.imagebg {
 +
    min-height: 40vh;
 +
  }
 +
}
 +
section.slider.height-50 {
 +
  height: auto;
 +
}
 +
section.slider.height-50 .slides .flickity-slider > li {
 +
  height: 50vh;
 +
  padding: 0;
 +
}
 +
@media all and (min-width: 768px) {
 +
  section.slider.height-50 .slides li.imagebg {
 +
    min-height: 50vh;
 +
  }
 +
}
 +
section.slider.height-60 {
 +
  height: auto;
 +
}
 +
section.slider.height-60 .slides .flickity-slider > li {
 +
  height: 60vh;
 +
  padding: 0;
 +
}
 +
@media all and (min-width: 768px) {
 +
  section.slider.height-60 .slides li.imagebg {
 +
    min-height: 60vh;
 +
  }
 +
}
 +
section.slider.height-70 {
 +
  height: auto;
 +
}
 +
section.slider.height-70 .slides .flickity-slider > li {
 +
  height: 70vh;
 +
  padding: 0;
 +
}
 +
@media all and (min-width: 768px) {
 +
  section.slider.height-70 .slides li.imagebg {
 +
    min-height: 70vh;
 +
  }
 +
}
 +
section.slider.height-80 {
 +
  height: auto;
 +
}
 +
section.slider.height-80 .slides .flickity-slider > li {
 +
  height: 80vh;
 +
  padding: 0;
 +
}
 +
@media all and (min-width: 768px) {
 +
  section.slider.height-80 .slides li.imagebg {
 +
    min-height: 80vh;
 +
  }
 +
}
 +
section.slider.height-90 {
 +
  height: auto;
 +
}
 +
section.slider.height-90 .slides .flickity-slider > li {
 +
  height: 90vh;
 +
  padding: 0;
 +
}
 +
@media all and (min-width: 768px) {
 +
  section.slider.height-90 .slides li.imagebg {
 +
    min-height: 90vh;
 +
  }
 +
}
 +
section.slider.height-100 {
 +
  height: auto;
 +
}
 +
section.slider.height-100 .slides .flickity-slider > li {
 +
  height: 100vh;
 +
  padding: 0;
 +
}
 +
@media all and (min-width: 768px) {
 +
  section.slider.height-100 .slides li.imagebg {
 +
    min-height: 100vh;
 +
  }
 +
}
 +
section.slider[data-paging="true"] .flickity-page-dots {
 +
  bottom: 1.85714286em;
 +
}
 +
section.slider:not(.image--light)[data-paging="true"] .flickity-page-dots .dot {
 +
  background: #fff;
 +
}
 +
section.slider .slides {
 +
  margin: 0;
 +
}
 +
@media all and (max-width: 767px) {
 +
  section.slider[class*='height-'] .slides .flickity-slider > li {
 +
    height: auto;
 +
    padding: 7.42857143em 0;
 +
  }
 +
  section.slider.space--lg .slides .flickity-slider > li {
 +
    padding: 11.14285714em 0;
 +
  }
 +
  section.slider.space--xlg .slides .flickity-slider > li {
 +
    padding: 11.14285714em 0;
 +
  }
 +
}
 +
section.bg--dark .slider[data-paging="true"] .flickity-page-dots .dot,
 +
section.bg--primary .slider[data-paging="true"] .flickity-page-dots .dot {
 +
  background: #fff;
 +
}
 +
.flickity-page-dots .dot {
 +
  transition: 0.3s ease;
 +
  -webkit-transition: 0.3s ease;
 +
  -moz-transition: 0.3s ease;
 +
  width: 8px;
 +
  height: 8px;
 
   border-radius: 50%;
 
   border-radius: 50%;
−
   background: white;
+
   background: #252525;
−
   background: hsla(0, 0%, 100%, 0.75);
+
   border: none;
 +
  margin: 0 0.46428571em;
 +
}
 +
.flickity-page-dots .dot:hover:not(.is-selected) {
 +
  opacity: .6;
 +
}
 +
.text-center .flickity-page-dots,
 +
section.slider .flickity-page-dots {
 +
  text-align: center;
 +
}
 +
.flickity-prev-next-button svg {
 +
  display: none;
 +
}
 +
.flickity-prev-next-button:before {
 +
  font-family: 'stack-interface';
 +
  content: "\e80c";
 +
  font-size: 1em;
 +
  font-weight: normal;
 +
}
 +
.flickity-prev-next-button.previous:before {
 +
  content: "\e80b";
 +
}
 +
.imagebg:not(.image--light) .flickity-page-dots .dot,
 +
.bg--dark .flickity-page-dots .dot {
 +
  background: #fff;
 +
}
 +
/**! 19. Hover Elements **/
 +
.hover-element {
 +
  position: relative;
 +
  overflow: hidden;
 +
  margin-bottom: 30px;
 +
}
 +
.hover-element * {
 +
  transition: 0.3s ease;
 +
  -webkit-transition: 0.3s ease;
 +
  -moz-transition: 0.3s ease;
 +
}
 +
.hover-element .hover-element__reveal {
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  opacity: 0;
 +
  width: 100%;
 +
  height: 100%;
 +
}
 +
.hover-element .hover-element__reveal .boxed {
 +
  height: 100%;
 +
}
 +
.hover-element:hover .hover-element__reveal,
 +
.hover-element.hover--active .hover-element__reveal {
 +
  opacity: 1;
 +
}
 +
.hover-element img {
 +
  margin-bottom: 0;
 +
}
 +
@media all and (max-width: 1024px) {
 +
  .hover-element {
 +
    cursor: pointer;
 +
  }
 +
}
 +
.row:last-child div[class*='col-']:last-child .hover-element {
 +
  margin-bottom: 0;
 +
}
 +
/**! 20. Masonry **/
 +
.masonry .masonry__container.masonry--active .masonry__item {
 +
  opacity: 1;
 +
  pointer-events: all;
 +
}
 +
.masonry .masonry__container .masonry__item {
 +
  opacity: 0;
 +
  pointer-events: none;
 +
}
 +
.masonry .masonry__filters li {
 +
  display: inline-block;
 
   cursor: pointer;
 
   cursor: pointer;
−
   /* vertically center */
+
   text-transform: capitalize;
−
   -webkit-transform: translateY(-50%);
+
   -webkit-user-select: none;
−
          transform: translateY(-50%);
+
  -moz-user-select: none;
 +
  -ms-user-select: none;
 +
  user-select: none;
 
}
 
}
−
 
+
.masonry .masonry__filters li.active {
−
.flickity-prev-next-button:hover { background: white; }
+
  cursor: default;
−
 
+
}
−
.flickity-prev-next-button:focus {
+
.masonry.masonry--gapless .masonry__item {
 +
  padding: 0 !important;
 +
  margin-bottom: 0;
 +
}
 +
/**! 21. Modals **/
 +
.modal-instance .modal-body {
 +
  display: none;
 +
}
 +
.modal-container {
 +
  transition: 0.3s linear;
 +
  -webkit-transition: 0.3s linear;
 +
  -moz-transition: 0.3s linear;
 +
  padding: 0;
 +
  visibility: hidden;
 +
  opacity: 0;
 +
  z-index: 999;
 +
  pointer-events: none;
 +
  position: fixed;
 +
  width: 100%;
 +
  height: 100%;
 +
  top: 0;
 +
  left: 0;
 +
}
 +
.modal-container.modal-active {
 +
  opacity: 1;
 +
  visibility: visible;
 +
  pointer-events: all;
 +
}
 +
.modal-container:before {
 +
  background: rgba(0, 0, 0, 0.85);
 +
  content: '';
 +
  position: fixed;
 +
  width: 100%;
 +
  height: 100%;
 +
  top: 0;
 +
  left: 0;
 +
  z-index: 1;
 +
}
 +
.modal-container .modal-content {
 +
  backface-visibility: hidden;
 +
  position: fixed;
 +
  z-index: 2;
 +
  top: 50%;
 +
  left: 50%;
 +
  max-height: 100%;
 +
  overflow-y: scroll;
 +
  border: none;
 +
  transform: translate3d(-50%, -50%, 0);
 +
  -webkit-transform: translate3d(-50%, -50%, 0);
 +
  padding: 0;
 +
  border-radius: 0;
 +
  box-shadow: none;
 +
}
 +
.modal-container .modal-content:not(.height--natural) {
 +
  width: 50%;
 +
  height: 50%;
 +
}
 +
.modal-container .modal-content .modal-close-cross {
 +
  cursor: pointer;
 +
  position: absolute;
 +
  opacity: .5;
 +
  transition: 0.1s linear;
 +
  -webkit-transition: 0.1s linear;
 +
  -moz-transition: 0.1s linear;
 +
  top: 1em;
 +
  right: 1em;
 +
  z-index: 99;
 +
}
 +
.modal-container .modal-content .modal-close-cross:before {
 +
  content: '\00D7';
 +
  font-size: 1.5em;
 +
}
 +
.modal-container .modal-content .modal-close-cross:hover {
 +
  opacity: 1;
 +
}
 +
.modal-container .modal-content.imagebg:not(.image--light) .modal-close-cross:before {
 +
  color: #fff;
 +
}
 +
.modal-container .modal-content iframe {
 +
  width: 100%;
 
   outline: none;
 
   outline: none;
−
   box-shadow: 0 0 0 5px #09F;
+
   border: none;
 +
  height: 100%;
 +
  backface-visibility: hidden;
 
}
 
}
−
 
+
.modal-container .modal-content iframe:first-child + .modal-close-cross:last-child {
−
.flickity-prev-next-button:active {
+
   top: -3.71428571em;
−
   opacity: 0.6;
+
 
}
 
}
−
 
+
.modal-content.section-modal {
−
.flickity-prev-next-button.previous { left: 10px; }
+
  pointer-events: none;
−
.flickity-prev-next-button.next { right: 10px; }
+
}
−
/* right to left */
+
.modal-content.section-modal [class*='col-'] {
−
.flickity-rtl .flickity-prev-next-button.previous {
+
  pointer-events: all;
 +
}
 +
@media all and (max-width: 767px) {
 +
  .modal-container .modal-content {
 +
    width: 97% !important;
 +
    height: auto !important;
 +
    padding-top: 2em;
 +
    padding-bottom: 2em;
 +
  }
 +
}
 +
/**! 22. Maps **/
 +
.map-container {
 +
  position: relative;
 +
  overflow: hidden;
 +
}
 +
.map-container iframe,
 +
.map-container .map-canvas {
 +
  position: absolute;
 +
  width: 100%;
 +
  height: 100%;
 +
  top: 0;
 +
}
 +
/**! 23. Parallax **/
 +
.parallax > .background-image-holder,
 +
.parallax .slides li > .background-image-holder {
 +
  height: 100% !important;
 +
  min-height: 100vh !important;
 +
  top: -50vh !important;
 +
  transition: opacity 0.3s ease !important;
 +
  -webkit-transition: opacity 0.3s ease !important;
 +
  -webkit-transform-style: preserve-3d !important;
 +
}
 +
.parallax:first-child .slides li > .background-image-holder,
 +
.parallax:first-child .background-image-holder {
 +
  top: 0;
 +
}
 +
.main-container > a:first-child + .parallax .background-image-holder {
 +
  top: 0;
 +
}
 +
@media all and (max-width: 1024px) {
 +
  .parallax > .background-image-holder,
 +
  .parallax .slides li > .background-image-holder {
 +
    -webkit-transition: transform 0.016s linear !important;
 +
    transition: transform 0.016s linear !important;
 +
  }
 +
  .parallax.parallax-disable-mobile .background-image-holder,
 +
  .parallax.parallax-disable-mobile .slides li > .background-image-holder {
 +
    top: 0 !important;
 +
    transform: none !important;
 +
  }
 +
}
 +
/**! 24. Notifications **/
 +
.notification {
 +
  max-width: 100%;
 +
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
 +
  position: fixed;
 +
  z-index: 99;
 +
  pointer-events: none;
 +
  padding: 0;
 +
  margin: 1em;
 +
  opacity: 0;
 +
  transition: 0.3s linear;
 +
  -webkit-transition: 0.3s linear;
 +
  -moz-transition: 0.3s linear;
 +
}
 +
.notification:not([class*='bg-']) {
 +
  background: #fff;
 +
}
 +
.notification[class*='col-'] {
 +
  min-width: 400px;
 +
}
 +
.notification .notification-close-cross {
 +
  position: absolute;
 +
  top: 1em;
 +
  z-index: 99;
 +
  right: 1em;
 +
  cursor: pointer;
 +
  transition: 0.1s linear;
 +
  -webkit-transition: 0.1s linear;
 +
  -moz-transition: 0.1s linear;
 +
  opacity: .7;
 +
}
 +
.notification .notification-close-cross:before {
 +
  content: '\00D7';
 +
  font-size: 1.5em;
 +
}
 +
.notification .notification-close-cross:hover {
 +
  opacity: 1;
 +
}
 +
.notification.notification--reveal {
 +
  z-index: 99;
 +
  pointer-events: initial;
 +
}
 +
.notification.notification--reveal[data-animation="from-bottom"] {
 +
  animation: from-bottom 0.3s linear 0s forwards;
 +
  -webkit-animation: from-bottom 0.3s linear 0s forwards;
 +
  -moz-animation: from-bottom 0.3s linear 0s forwards;
 +
}
 +
.notification.notification--reveal[data-animation="from-top"] {
 +
  animation: from-top 0.3s linear 0s forwards;
 +
  -webkit-animation: from-top 0.3s linear 0s forwards;
 +
  -moz-animation: from-top 0.3s linear 0s forwards;
 +
}
 +
.notification.notification--reveal[data-animation="from-left"] {
 +
  animation: from-left 0.3s linear 0s forwards;
 +
  -webkit-animation: from-left 0.3s linear 0s forwards;
 +
  -moz-animation: from-left 0.3s linear 0s forwards;
 +
}
 +
.notification.notification--reveal[data-animation="from-right"] {
 +
  animation: from-right 0.3s linear 0s forwards;
 +
  -webkit-animation: from-right 0.3s linear 0s forwards;
 +
  -moz-animation: from-right 0.3s linear 0s forwards;
 +
}
 +
.notification.notification--dismissed {
 +
  animation: fade-out 0.4s linear 0s forwards !important;
 +
  -webkit-animation: fade-out 0.4s linear 0s forwards !important;
 +
  -moz-animation: fade-out 0.4s linear 0s forwards !important;
 +
  pointer-events: none;
 +
}
 +
.bg--dark + .notification-close-cross:before {
 +
  color: #fff;
 +
}
 +
a[data-notification-link] {
 +
  text-decoration: none;
 +
}
 +
a[data-notification-link]:hover {
 +
  text-decoration: none;
 +
}
 +
@media all and (max-width: 767px) {
 +
  .notification[class*='col-'] {
 +
    min-width: 0;
 +
  }
 +
}
 +
@keyframes from-bottom {
 +
  from {
 +
    transform: translate3d(0, 100%, 0);
 +
    -webkit-transform: translate3d(0, 100%, 0);
 +
    opacity: 0;
 +
  }
 +
  to {
 +
    transform: translate3d(0, 0, 0);
 +
    -webkit-transform: translate3d(0, 0, 0);
 +
    opacity: 1;
 +
  }
 +
}
 +
@-moz-keyframes from-bottom {
 +
  from {
 +
    transform: translate3d(0, 100%, 0);
 +
    -webkit-transform: translate3d(0, 100%, 0);
 +
    opacity: 0;
 +
  }
 +
  to {
 +
    transform: translate3d(0, 0, 0);
 +
    -webkit-transform: translate3d(0, 0, 0);
 +
    opacity: 1;
 +
  }
 +
}
 +
@-webkit-keyframes from-bottom {
 +
  from {
 +
    transform: translate3d(0, 100%, 0);
 +
    -webkit-transform: translate3d(0, 100%, 0);
 +
    opacity: 0;
 +
  }
 +
  to {
 +
    transform: translate3d(0, 0, 0);
 +
    -webkit-transform: translate3d(0, 0, 0);
 +
    opacity: 1;
 +
  }
 +
}
 +
@keyframes from-top {
 +
  from {
 +
    transform: translate3d(0, -100%, 0);
 +
    -webkit-transform: translate3d(0, -100%, 0);
 +
    opacity: 0;
 +
  }
 +
  to {
 +
    transform: translate3d(0, 0, 0);
 +
    -webkit-transform: translate3d(0, 0, 0);
 +
    opacity: 1;
 +
  }
 +
}
 +
@-moz-keyframes from-top {
 +
  from {
 +
    transform: translate3d(0, -100%, 0);
 +
    -webkit-transform: translate3d(0, -100%, 0);
 +
    opacity: 0;
 +
  }
 +
  to {
 +
    transform: translate3d(0, 0, 0);
 +
    -webkit-transform: translate3d(0, 0, 0);
 +
    opacity: 1;
 +
  }
 +
}
 +
@-webkit-keyframes from-top {
 +
  from {
 +
    transform: translate3d(0, -100%, 0);
 +
    -webkit-transform: translate3d(0, -100%, 0);
 +
    opacity: 0;
 +
  }
 +
  to {
 +
    transform: translate3d(0, 0, 0);
 +
    -webkit-transform: translate3d(0, 0, 0);
 +
    opacity: 1;
 +
  }
 +
}
 +
@keyframes from-left {
 +
  from {
 +
    transform: translate3d(-100%, 0, 0);
 +
    -webkit-transform: translate3d(-100%, 0, 0);
 +
    opacity: 0;
 +
  }
 +
  to {
 +
    transform: translate3d(0, 0, 0);
 +
    -webkit-transform: translate3d(0, 0, 0);
 +
    opacity: 1;
 +
  }
 +
}
 +
@-moz-keyframes from-left {
 +
  from {
 +
    transform: translate3d(-100%, 0, 0);
 +
    -webkit-transform: translate3d(-100%, 0, 0);
 +
    opacity: 0;
 +
  }
 +
  to {
 +
    transform: translate3d(0, 0, 0);
 +
    -webkit-transform: translate3d(0, 0, 0);
 +
    opacity: 1;
 +
  }
 +
}
 +
@-webkit-keyframes from-left {
 +
  from {
 +
    transform: translate3d(-100%, 0, 0);
 +
    -webkit-transform: translate3d(-100%, 0, 0);
 +
    opacity: 0;
 +
  }
 +
  to {
 +
    transform: translate3d(0, 0, 0);
 +
    -webkit-transform: translate3d(0, 0, 0);
 +
    opacity: 1;
 +
  }
 +
}
 +
@keyframes from-right {
 +
  from {
 +
    transform: translate3d(100%, 0, 0);
 +
    -webkit-transform: translate3d(100%, 0, 0);
 +
    opacity: 1;
 +
  }
 +
  to {
 +
    transform: translate3d(0, 0, 0);
 +
    -webkit-transform: translate3d(0, 0, 0);
 +
    opacity: 1;
 +
  }
 +
}
 +
@-moz-keyframes from-right {
 +
  from {
 +
    transform: translate3d(100%, 0, 0);
 +
    -webkit-transform: translate3d(100%, 0, 0);
 +
    opacity: 0;
 +
  }
 +
  to {
 +
    transform: translate3d(0, 0, 0);
 +
    -webkit-transform: translate3d(0, 0, 0);
 +
    opacity: 1;
 +
  }
 +
}
 +
@-webkit-keyframes from-right {
 +
  from {
 +
    transform: translate3d(100%, 0, 0);
 +
    -webkit-transform: translate3d(100%, 0, 0);
 +
    opacity: 0;
 +
  }
 +
  to {
 +
    transform: translate3d(0, 0, 0);
 +
    -webkit-transform: translate3d(0, 0, 0);
 +
    opacity: 1;
 +
  }
 +
}
 +
@keyframes fade-out {
 +
  0% {
 +
    opacity: 1;
 +
  }
 +
  100% {
 +
    opacity: 0;
 +
  }
 +
}
 +
@-webkit-keyframes fade-out {
 +
  0% {
 +
    opacity: 1;
 +
  }
 +
  100% {
 +
    opacity: 0;
 +
  }
 +
}
 +
@-moz-keyframes fade-out {
 +
  0% {
 +
    opacity: 1;
 +
  }
 +
  100% {
 +
    opacity: 0;
 +
  }
 +
}
 +
/**! 25. Video **/
 +
iframe {
 +
  width: 100%;
 +
  min-height: 350px;
 +
  border: none;
 +
}
 +
@media all and (max-width: 767px) {
 +
  iframe {
 +
    min-height: 220px;
 +
  }
 +
}
 +
.videobg {
 +
  background: #252525;
 +
  position: relative;
 +
  overflow: hidden;
 +
}
 +
.videobg .container,
 +
.videobg .background-image-holder {
 +
  opacity: 0;
 +
  transition: 0.3s linear;
 +
  -webkit-transition: 0.3s linear;
 +
  -moz-transition: 0.3s linear;
 +
}
 +
.videobg .background-image-holder {
 +
  opacity: 0 !important;
 +
}
 +
.videobg.video-active .container {
 +
  opacity: 1;
 +
}
 +
.videobg.video-active .loading-indicator {
 +
  opacity: 0;
 +
  visibility: hidden;
 +
}
 +
.videobg video {
 +
  object-fit: cover;
 +
  height: 100%;
 +
  min-width: 100%;
 +
  position: absolute;
 +
  top: 0;
 +
  z-index: 0 !important;
 +
  left: 0;
 +
}
 +
@media all and (max-width: 1024px) {
 +
  .videobg .background-image-holder,
 +
  .videobg .container {
 +
    opacity: 1 !important;
 +
  }
 +
  .videobg .loading-indicator {
 +
    display: none;
 +
  }
 +
  .videobg video {
 +
    display: none;
 +
  }
 +
}
 +
.youtube-background {
 +
  position: absolute;
 +
  height: 100%;
 +
  width: 100%;
 +
  top: 0;
 +
  z-index: 0 !important;
 +
}
 +
.youtube-background .mb_YTPBar {
 +
  opacity: 0;
 +
  height: 0;
 +
  visibility: hidden;
 +
}
 +
@media all and (max-width: 1024px) {
 +
  .youtube-background {
 +
    display: none;
 +
  }
 +
}
 +
.loading-indicator {
 +
  position: absolute !important;
 +
  top: 50%;
 +
  left: 50%;
 +
  z-index: 99 !important;
 +
  width: 50px;
 +
  height: 50px;
 +
  margin-top: -25px;
 +
  margin-left: -25px;
 +
  background-color: #fff;
 +
  border-radius: 100%;
 +
  -webkit-animation: loading-spinner 1s infinite ease-in-out;
 +
  animation: loading-spinner 1s infinite ease-in-out;
 +
  transition: 0.3s linear;
 +
  -webkit-transition: 0.3s linear;
 +
  -moz-transition: 0.3s linear;
 +
}
 +
@-webkit-keyframes loading-spinner {
 +
  0% {
 +
    -webkit-transform: scale(0);
 +
  }
 +
  100% {
 +
    -webkit-transform: scale(1);
 +
    opacity: 0;
 +
  }
 +
}
 +
@keyframes loading-spinner {
 +
  0% {
 +
    -webkit-transform: scale(0);
 +
    transform: scale(0);
 +
  }
 +
  100% {
 +
    -webkit-transform: scale(1);
 +
    transform: scale(1);
 +
    opacity: 0;
 +
  }
 +
}
 +
.video-cover {
 +
  position: relative;
 +
}
 +
.video-cover video {
 +
  max-width: 100%;
 +
}
 +
.video-cover iframe {
 +
  background: #252525;
 +
}
 +
.video-cover .background-image-holder {
 +
  z-index: 3;
 +
}
 +
.video-cover .video-play-icon {
 +
  position: absolute;
 +
  top: 50%;
 +
  left: 50%;
 +
  transform: translate3d(-50%, -50%, 0);
 +
  -webkit-transform: translate3d(-50%, -50%, 0);
 +
}
 +
.video-cover .video-play-icon,
 +
.video-cover .background-image-holder {
 +
  transition: 0.3s linear;
 +
  -webkit-transition: 0.3s linear;
 +
  -moz-transition: 0.3s linear;
 +
}
 +
.video-cover.reveal-video .video-play-icon,
 +
.video-cover.reveal-video .background-image-holder {
 +
  opacity: 0 !important;
 +
  pointer-events: none;
 +
}
 +
.video-cover[data-scrim-bottom]:before,
 +
.video-cover[data-overlay]:before,
 +
.video-cover[data-scrim-top]:before {
 +
  transition: 0.3s linear;
 +
  -webkit-transition: 0.3s linear;
 +
  -moz-transition: 0.3s linear;
 +
  z-index: 4;
 +
}
 +
.video-cover.reveal-video[data-scrim-bottom]:before,
 +
.video-cover.reveal-video[data-overlay]:before,
 +
.video-cover.reveal-video[data-scrim-top]:before {
 +
  opacity: 0;
 +
  pointer-events: none;
 +
}
 +
.video-play-icon {
 +
  width: 7.42857143em;
 +
  height: 7.42857143em;
 +
  border-radius: 50%;
 +
  position: relative;
 +
  z-index: 4;
 +
  display: inline-block;
 +
  border: 2px solid #ffffff;
 +
  cursor: pointer;
 +
  background: #ffffff;
 +
}
 +
.video-play-icon.video-play-icon--sm {
 +
  width: 3.71428571em;
 +
  height: 3.71428571em;
 +
}
 +
.video-play-icon.video-play-icon--sm:before {
 +
  border-width: 4px 0 4px 9px;
 +
}
 +
.video-play-icon.video-play-icon--xs {
 +
  width: 1.85714286em;
 +
  height: 1.85714286em;
 +
}
 +
.video-play-icon.video-play-icon--xs:before {
 +
  border-width: 3px 0 3px 6px;
 +
  margin-left: -3px;
 +
}
 +
.video-play-icon.bg--primary:before {
 +
  border-color: transparent transparent transparent #fff;
 +
}
 +
.video-play-icon:before {
 +
  position: absolute;
 +
  top: 50%;
 +
  margin-top: -5px;
 +
  left: 50%;
 +
  margin-left: -4px;
 +
  content: '';
 +
  width: 0;
 +
  height: 0;
 +
  border-style: solid;
 +
  border-width: 6px 0 6px 12px;
 +
  border-color: transparent transparent transparent #ffffff;
 +
  border-color: transparent transparent transparent #808080;
 +
}
 +
.video-play-icon.video-play-icon--dark {
 +
  border-color: #252525;
 +
  background: #252525;
 +
}
 +
.video-play-icon.video-play-icon--dark:before {
 +
  border-color: transparent transparent transparent #252525;
 +
}
 +
.video-play-icon.video-play-icon--dark:before {
 +
  border-color: transparent transparent transparent #fff;
 +
}
 +
@media all and (max-width: 767px) {
 +
  .video-play-icon {
 +
    width: 4.95238095em;
 +
    height: 4.95238095em;
 +
  }
 +
}
 +
.col-12:not([class*='col-lg']):not([class*='col-md']) .video-cover iframe {
 +
  min-height: 550px;
 +
}
 +
@media all and (max-width: 990px) {
 +
  div[class*='col-'][class*='-12']:not([class*='xs-12']) .video-cover iframe {
 +
    min-height: 350px;
 +
  }
 +
}
 +
div[class*='col-'][class*='-10'] .video-cover iframe {
 +
  min-height: 450px;
 +
}
 +
div[class*='col-'][class*='-8'] .video-cover iframe {
 +
  min-height: 400px;
 +
}
 +
div[class*='col-'][class*='-6'] .video-cover iframe {
 +
  min-height: 350px;
 +
}
 +
@media all and (max-width: 1200px) {
 +
  div[class*='col-'][class*='-6'] .video-cover iframe {
 +
    min-height: 300px;
 +
  }
 +
}
 +
@media all and (max-width: 990px) {
 +
  div[class*='col-'][class*='-6'] .video-cover iframe {
 +
    min-height: 220px;
 +
  }
 +
}
 +
@media all and (max-width: 767px) {
 +
  div[class*='col-'] .video-cover iframe {
 +
    min-height: 220px !important;
 +
  }
 +
}
 +
.modal-container video {
 +
  max-width: 100%;
 +
}
 +
/**! 26. Colors **/
 +
body {
 +
  background:#fff;
 +
}
 +
.color--primary {
 +
  color: #4a90e2 !important;
 +
}
 +
a {
 +
  color: #4a90e2;
 +
}
 +
.color--primary-1 {
 +
  color: #31639c !important;
 +
}
 +
.color--primary-2 {
 +
  color: #465773 !important;
 +
}
 +
.color--white {
 +
  color: #fff;
 +
}
 +
.color--dark {
 +
  color: #252525;
 +
}
 +
.color--success {
 +
  color: #4ebf56;
 +
}
 +
.color--error {
 +
  color: #e23636;
 +
}
 +
.bg--dark {
 +
  background: #252525;
 +
}
 +
.bg--dark:not(.nav-bar):not(.bar) {
 +
  color: #ffffff;
 +
}
 +
.bg--dark:not(.nav-bar):not(.bar) h1,
 +
.bg--dark:not(.nav-bar):not(.bar) h2,
 +
.bg--dark:not(.nav-bar):not(.bar) h3,
 +
.bg--dark:not(.nav-bar):not(.bar) h4,
 +
.bg--dark:not(.nav-bar):not(.bar) h5,
 +
.bg--dark:not(.nav-bar):not(.bar) h6,
 +
.bg--dark:not(.nav-bar):not(.bar) i,
 +
.bg--dark:not(.nav-bar):not(.bar) span:not(.btn__text),
 +
.bg--dark:not(.nav-bar):not(.bar) p {
 +
  color: #ffffff;
 +
}
 +
.bg--dark:not(.nav-bar):not(.bar) a:not(.btn) {
 +
  color: #fff;
 +
}
 +
.bg--site {
 +
  background: #ffffff;
 +
}
 +
.bg--secondary {
 +
  background: #fafafa;
 +
}
 +
.bg--primary {
 +
  background: #4a90e2;
 +
}
 +
.bg--primary p,
 +
.bg--primary span,
 +
.bg--primary ul,
 +
.bg--primary a:not(.btn) {
 +
  color: #fff;
 +
}
 +
.bg--primary h1,
 +
.bg--primary h2,
 +
.bg--primary h3,
 +
.bg--primary h4,
 +
.bg--primary h5,
 +
.bg--primary h6,
 +
.bg--primary i {
 +
  color: #fff;
 +
}
 +
.bg--primary .color--primary {
 +
  color: #fff !important;
 +
}
 +
.bg--white {
 +
  background: #fff;
 +
}
 +
.bg--white p,
 +
.bg--white span,
 +
.bg--white ul,
 +
.bg--white a:not(.btn) {
 +
  color: #666666;
 +
}
 +
.bg--white h1,
 +
.bg--white h2,
 +
.bg--white h3,
 +
.bg--white h4,
 +
.bg--white h5,
 +
.bg--white h6,
 +
.bg--white i {
 +
  color: #252525;
 +
}
 +
.bg--error {
 +
  background: #e23636;
 +
}
 +
.bg--success {
 +
  background: #4ebf56;
 +
}
 +
.imagebg:not(.image--light) .bg--white p,
 +
.imagebg:not(.image--light) .bg--white span,
 +
.imagebg:not(.image--light) .bg--white ul,
 +
.imagebg:not(.image--light) .bg--white a:not(.btn) {
 +
  color: #666666;
 +
}
 +
.imagebg:not(.image--light) .bg--white h1,
 +
.imagebg:not(.image--light) .bg--white h2,
 +
.imagebg:not(.image--light) .bg--white h3,
 +
.imagebg:not(.image--light) .bg--white h4,
 +
.imagebg:not(.image--light) .bg--white h5,
 +
.imagebg:not(.image--light) .bg--white h6,
 +
.imagebg:not(.image--light) .bg--white i {
 +
  color: #252525;
 +
}
 +
.imagebg:not(.image--light) .bg--secondary {
 +
  background: rgba(250, 250, 250, 0.2);
 +
}
 +
.bg--primary-1 {
 +
  background: #31639c;
 +
}
 +
.bg--primary-1 p,
 +
.bg--primary-1 span,
 +
.bg--primary-1 ul,
 +
.bg--primary-1 a:not(.btn) {
 +
  color: #fff;
 +
}
 +
.bg--primary-1 h1,
 +
.bg--primary-1 h2,
 +
.bg--primary-1 h3,
 +
.bg--primary-1 h4,
 +
.bg--primary-1 h5,
 +
.bg--primary-1 h6,
 +
.bg--primary-1 i {
 +
  color: #fff;
 +
}
 +
.bg--primary-2 {
 +
  background: #465773;
 +
}
 +
.bg--primary-2 p,
 +
.bg--primary-2 span,
 +
.bg--primary-2 ul,
 +
.bg--primary-2 a:not(.btn) {
 +
  color: #fff;
 +
}
 +
.bg--primary-2 h1,
 +
.bg--primary-2 h2,
 +
.bg--primary-2 h3,
 +
.bg--primary-2 h4,
 +
.bg--primary-2 h5,
 +
.bg--primary-2 h6,
 +
.bg--primary-2 i {
 +
  color: #fff;
 +
}
 +
.image-bg:not(.image-light) *:not(a) {
 +
  color: #fff;
 +
}
 +
.color--facebook {
 +
  color: #3b5998;
 +
}
 +
.color--twitter {
 +
  color: #00aced;
 +
}
 +
.color--googleplus {
 +
  color: #dd4b39;
 +
}
 +
.color--instagram {
 +
  color: #125688;
 +
}
 +
.color--pinterest {
 +
  color: #cb2027;
 +
}
 +
.color--dribbble {
 +
  color: #ea4c89;
 +
}
 +
.color--behance {
 +
  color: #053eff;
 +
}
 +
.bg--facebook {
 +
  background: #3b5998;
 +
  color: #fff;
 +
}
 +
.bg--twitter {
 +
  background: #00aced;
 +
  color: #fff;
 +
}
 +
.bg--googleplus {
 +
  background: #dd4b39;
 +
  color: #fff;
 +
}
 +
.bg--instagram {
 +
  background: #125688;
 +
  color: #fff;
 +
}
 +
.bg--pinterest {
 +
  background: #cb2027;
 +
  color: #fff;
 +
}
 +
.bg--dribbble {
 +
  background: #ea4c89;
 +
  color: #fff;
 +
}
 +
.bg--behance {
 +
  background: #053eff;
 +
  color: #fff;
 +
}
 +
/**! 27. Image Blocks **/
 +
.imageblock {
 +
  position: relative;
 +
  padding: 0;
 +
}
 +
.imageblock > .container,
 +
.imageblock > div[class*='col-']:not(.imageblock__content) {
 +
  padding-top: 7.42857143em;
 +
  padding-bottom: 7.42857143em;
 +
  float: none;
 +
  overflow: hidden;
 +
}
 +
.imageblock.imageblock--lg > .container,
 +
.imageblock.imageblock--lg > div[class*='col-']:not(.imageblock__content) {
 +
  padding-top: 9.28571429em;
 +
  padding-bottom: 9.28571429em;
 +
  float: none;
 +
  overflow: hidden;
 +
}
 +
.imageblock .imageblock__content {
 +
  position: absolute;
 +
  height: 100%;
 +
  top: 0;
 +
  z-index: 2;
 +
  padding: 0;
 +
}
 +
.imageblock .imageblock__content .slider {
 +
  position: absolute;
 +
  width: 100%;
 +
  height: 100%;
 +
  top: 0;
 +
}
 +
.imageblock .imageblock__content .slider .slides > li {
 +
  padding: 0;
 +
  min-height: 100%;
 +
  position: absolute !important;
 +
}
 +
.imageblock.allow-overflow .imageblock__content {
 +
  overflow: visible;
 +
}
 +
@media all and (max-height: 728px) {
 +
  .imageblock > .container,
 +
  .imageblock > div[class*='col-']:not(.imageblock__content) {
 +
    padding-top: 3.71428571em;
 +
    padding-bottom: 3.71428571em;
 +
  }
 +
}
 +
@media all and (max-width: 767px) {
 +
  .imageblock[class*='space-'] {
 +
    padding-bottom: 0;
 +
    padding-top: 0;
 +
  }
 +
  .imageblock .imageblock__content {
 +
    position: relative;
 +
    min-height: 18.57142857em;
 +
  }
 +
  .imageblock > .container,
 +
  .imageblock > div[class*='col-']:not(.imageblock__content) {
 +
    padding-top: 5.57142857em;
 +
    padding-bottom: 5.57142857em;
 +
    float: none;
 +
    overflow: hidden;
 +
  }
 +
  .imageblock.imageblock--lg > .container,
 +
  .imageblock.imageblock--lg > div[class*='col-']:not(.imageblock__content) {
 +
    padding-top: 5.57142857em;
 +
    padding-bottom: 5.57142857em;
 +
    float: none;
 +
    overflow: hidden;
 +
  }
 +
}
 +
/**! 28. MailChimp & Campaign Monitor **/
 +
form[action*='createsend.com'] * {
 +
  transition: 0.3s linear;
 +
  -webkit-transition: 0.3s linear;
 +
  -moz-transition: 0.3s linear;
 +
  opacity: 0;
 +
}
 +
form[action*='createsend.com'].form--active * {
 +
  opacity: 1;
 +
}
 +
form[action*='createsend.com'] .input-checkbox + br {
 +
  display: none;
 +
}
 +
form[action*='createsend.com'].no-labels label {
 +
  display: none;
 +
}
 +
form[action*='createsend.com'] br {
 +
  display: none;
 +
}
 +
form[action*='createsend.com'] p > label:first-child {
 +
  margin-bottom: 0.92857143em;
 +
}
 +
form[action*='list-manage.com'] h2 {
 +
  font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
 +
  color: #252525;
 +
  font-weight: 300;
 +
  font-variant-ligatures: common-ligatures;
 +
  margin-top: 0;
 +
  margin-bottom: 0;
 +
  font-size: 1.35714286em;
 +
  line-height: 1.36842105em;
 +
  margin-bottom: 1.36842105263158em;
 +
  font-weight: 400;
 +
}
 +
form[action*='list-manage.com'] h2.inline-block + .h4.inline-block:not(.typed-text) {
 +
  margin-left: 0.68421052631579em;
 +
}
 +
form[action*='list-manage.com'] .input-group ul {
 +
  overflow: hidden;
 +
}
 +
form[action*='list-manage.com'] .input-group ul li {
 +
  float: left;
 +
}
 +
form[action*='list-manage.com'] * {
 +
  transition: 0.3s linear;
 +
  -webkit-transition: 0.3s linear;
 +
  -moz-transition: 0.3s linear;
 +
  opacity: 0;
 +
}
 +
form[action*='list-manage.com'].form--active * {
 +
  opacity: 1;
 +
}
 +
form[action*='list-manage.com'].no-labels label {
 +
  display: none;
 +
}
 +
form[action*='list-manage.com'] .small-meta {
 +
  font-size: 0.5em;
 +
}
 +
/**! 29. Twitter **/
 +
.twitter-feed .user {
 +
  display: none;
 +
}
 +
.twitter-feed .interact {
 +
  display: none;
 +
}
 +
.twitter-feed .timePosted {
 +
  font-size: .87em;
 +
}
 +
/**! 30. Transitions **/
 +
[class*='transition--'] {
 +
  transition: 0.3s ease;
 +
  -webkit-transition: 0.3s ease;
 +
  -moz-transition: 0.3s ease;
 +
  opacity: 0;
 +
}
 +
[class*='transition--'].transition--active {
 +
  opacity: 1;
 +
}
 +
.transition--scale {
 +
  transform: scale(0.98);
 +
  -webkit-transform: scale(0.98);
 +
}
 +
.transition--scale.transition--active {
 +
  opacity: 1;
 +
  transform: scale(1);
 +
  -webkit-transform: scale(1);
 +
}
 +
.transition--slide {
 +
  transform: translate3d(200px, 0, 0);
 +
  -webkit-transform: translate3d(200px, 0, 0);
 +
  transform: translate3d(30vw, 0, 0);
 +
  -webkit-transform: translate3d(30vw, 0, 0);
 +
}
 +
.transition--slide.transition--active {
 +
  transform: translate3d(0, 0, 0);
 +
  -webkit-transform: translate3d(0, 0, 0);
 +
}
 +
/**! 31. Switchable Sections **/
 +
.switchable {
 +
  position: relative;
 +
}
 +
.switchable div[class*='col-']:first-child {
 +
  float: left;
 +
  right: auto;
 +
}
 +
.switchable div[class*='col-']:first-child:not([class*='pull']):not([class*='push']) {
 +
  left: 0;
 +
}
 +
.switchable div[class*='col-']:last-child {
 +
  float: right;
 
   left: auto;
 
   left: auto;
−
  right: 10px;
 
 
}
 
}
−
.flickity-rtl .flickity-prev-next-button.next {
+
.switchable div[class*='col-']:last-child:not([class*='pull']):not([class*='push']) {
 +
  right: 0;
 +
}
 +
.switchable.switchable--switch div[class*='col-']:first-child {
 +
  float: right;
 +
  right: 0;
 +
  left: auto;
 +
}
 +
.switchable.switchable--switch div[class*='col-']:first-child:not([class*='pull']):not([class*='push']) {
 +
  left: auto;
 +
}
 +
.switchable.switchable--switch div[class*='col-']:last-child {
 +
  float: left;
 +
  left: 0;
 
   right: auto;
 
   right: auto;
−
  left: 10px;
 
 
}
 
}
−
 
+
.switchable .switchable__text {
−
.flickity-prev-next-button:disabled {
+
   margin-top: 3.71428571em;
−
   opacity: 0.3;
+
−
  cursor: auto;
+
 
}
 
}
 +
.switchable > div[class*='col-'] {
 +
  padding: 0;
 +
}
 +
/**! 32. Typed Effect **/
 +
.typed-text {
 +
  display: inline-block;
 +
}
 +
.typed-text.typed-text--cursor:after {
 +
  content: '|';
 +
  font-size: 1.2em;
 +
  -webkit-animation: blink 0.7s infinite;
 +
  animation: blink 0.7s infinite;
 +
  position: relative;
 +
  right: 6px;
 +
}
 +
@keyframes blink {
 +
  0% {
 +
    opacity: 1;
 +
  }
 +
  50% {
 +
    opacity: 0;
 +
  }
 +
  100% {
 +
    opacity: 1;
 +
  }
 +
}
 +
@-webkit-keyframes blink {
 +
  0% {
 +
    opacity: 1;
 +
  }
 +
  50% {
 +
    opacity: 0;
 +
  }
 +
  100% {
 +
    opacity: 1;
 +
  }
 +
}
 +
/**! 33. Gradient BG **/
 +
[data-gradient-bg] {
 +
  position: relative;
 +
  background: #252525;
 +
}
 +
[data-gradient-bg] > canvas {
 +
  position: absolute;
 +
  width: 100%;
 +
  height: 100%;
 +
  top: 0;
 +
  left: 0;
 +
}
 +
[data-gradient-bg] > canvas + .background-image-holder {
 +
  opacity: .2 !important;
 +
}
 +
/**! 34. Bars **/
 +
.bar {
 +
  padding: 1.85714286em 0;
 +
}
 +
.bar .logo {
 +
  margin: 0;
 +
  position: relative;
 +
  top: 4px;
 +
}
 +
.bar .menu-horizontal {
 +
  position: relative;
 +
  top: 6px;
 +
}
 +
.bar:not([class*='visible-']) + .bar {
 +
  margin-top: 0.92857143em;
 +
}
 +
.bar.bar--xs {
 +
  padding: 0.46428571em 0;
 +
}
 +
.bar.bar--sm {
 +
  padding: 0.92857143em 0;
 +
}
 +
.bar.bar--lg {
 +
  padding: 2.78571429em 0;
 +
}
 +
.bar.bar--lg .logo {
 +
  top: 0;
 +
}
 +
.bar.bar--xlg {
 +
  padding: 4.64285714em 0;
 +
}
 +
.bar.bar--xlg .logo {
 +
  top: 0;
 +
}
 +
.bar.bg--dark .logo-dark {
 +
  display: none;
 +
}
 +
.bar:not(.bg--dark):not(.bar--transparent) .logo-light {
 +
  display: none;
 +
}
 +
@media all and (max-width: 767px) {
 +
  .bar.bar--mobile-sticky[data-scroll-class*='fixed'].pos-fixed {
 +
    position: fixed;
 +
    width: 100%;
 +
    background: #fff;
 +
    z-index: 999;
 +
  }
 +
  .bar.bar--mobile-sticky[data-scroll-class*='fixed'] + .bar.pos-fixed {
 +
    top: 3.71428571em;
 +
    position: fixed;
 +
    width: 100%;
 +
    background: #fff;
 +
    z-index: 999;
 +
  }
 +
}
 +
@media all and (min-width: 991px) {
 +
  .bar__module:not(:only-child) {
 +
    display: inline-block;
 +
  }
 +
  .bar__module:not(:last-child) {
 +
    margin-right: 0.92857143em;
 +
  }
 +
  .bar--transparent:not(.bar--dark) {
 +
    background: none;
 +
  }
 +
  .bar--transparent:not(.bar--dark) .logo-dark {
 +
    display: none;
 +
  }
 +
  .bar--transparent:not(.bar--dark) .logo-light {
 +
    display: inline-block;
 +
  }
 +
  .bar--transparent:not(.bar--dark):not(.pos-fixed) .menu-horizontal > li > a,
 +
  .bar--transparent:not(.bar--dark):not(.pos-fixed) .menu-horizontal > li > span {
 +
    color: #fff;
 +
  }
 +
  .bar--transparent:not(.bar--dark):not(.pos-fixed) .btn:not([class*='primary']) {
 +
    border-color: rgba(255, 255, 255, 0.3);
 +
  }
 +
  .bar--transparent:not(.bar--dark):not(.pos-fixed) .btn:not([class*='primary']) .btn__text {
 +
    color: #fff;
 +
  }
 +
  .bar--transparent:not(.bar--dark):not(.pos-fixed) .btn:not([class*='primary']):hover {
 +
    border-color: rgba(255, 255, 255, 0.7);
 +
  }
 +
  .bar--absolute {
 +
    position: absolute;
 +
  }
 +
  .bar--absolute,
 +
  .pos-fixed {
 +
    z-index: 99;
 +
    width: 100%;
 +
  }
 +
  .bar.pos-fixed {
 +
    position: fixed;
 +
    top: 0;
 +
    animation: fadeInDown 0.3s ease-out forwards;
 +
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
 +
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
 +
  }
 +
  .bar.pos-fixed:not([class*='bg-']) {
 +
    background: #ffffff;
 +
  }
 +
  .bar.pos-fixed:not([class*='bg-']) .logo-dark {
 +
    display: inline-block;
 +
  }
 +
  .bar.pos-fixed:not([class*='bg-']) .logo-light {
 +
    display: none;
 +
  }
 +
  .bar.pos-fixed.bg--dark {
 +
    background: #252525;
 +
  }
 +
}
 +
@media all and (max-width: 767px) {
 +
  .bar__module {
 +
    margin-bottom: 0.92857143em;
 +
  }
 +
  .bar__module + .bar__module {
 +
    margin-top: 1.85714286em;
 +
  }
 +
  .bar__module .btn {
 +
    display: block;
 +
  }
 +
  .bar__module .btn + .btn {
 +
    margin-left: 0 !important;
 +
  }
 +
  .bar__module .btn:not(:last-child) {
 +
    margin-bottom: 0.92857143em;
 +
  }
 +
  .bar + nav.bar {
 +
    padding-top: 0;
 +
  }
 +
}
 +
/**! 35. Navigation InPage **/
 +
.page-navigator {
 +
  position: fixed;
 +
  padding: 0;
 +
  top: 50%;
 +
  transform: translateY(-40%);
 +
  right: 1.85714286em;
 +
  z-index: 10;
 +
}
 +
.page-navigator ul {
 +
  display: inline-block;
 +
  padding: 0.92857143em;
 +
  background: transparent;
 +
  /*background: rgba(0, 0, 0, 0.4);*/
 +
  border-radius: 1.85714286em;
 +
  transition: all .2s ease;
 +
  list-style-type: circle;
 +
}
 +
.page-navigator ul:hover {
 +
  /*background: rgba(0, 0, 0, 0.6);*/
 +
  background: transparent;
 +
}
 +
.page-navigator ul li:not(:last-child) {
 +
  margin-bottom: 1.85714286em;
 +
}
 +
@media all and (max-width: 767px) {
 +
  .page-navigator {
 +
    right: 0;
 +
  }
 +
  .page-navigator ul {
 +
    border-radius: 1.85714286em 0 0 1.85714286em;
 +
    padding: 1.85714286em 0.92857143em;
 +
    list-style-type: circle;
 +
  }
 +
}
 +
.page-navigator li a {
 +
  width: 8px;
 +
  /*height: 8px;*/
 +
/* background: #fff; */
 +
  border-radius: 50%;
 +
  transition: all .2s ease;
 +
/* display: block; */
 +
  position: relative;
 +
}
 +
.page-navigator li a:not(:hover) {
 +
  opacity: .5;
 +
}
 +
.page-navigator li a.inner-link--active {
 +
  opacity: 1;
 +
  animation: bulge .5s ease;
 +
  -webkit-animation: bulge .5s ease;
 +
}
 +
@keyframes bulge {
 +
  0% {
 +
    transform: scale(1);
 +
  }
 +
  50% {
 +
    transform: scale(1.3);
 +
  }
 +
  100% {
 +
    transform: scale(1);
 +
  }
 +
}
 +
@-webkit-keyframes bulge {
 +
  0% {
 +
    transform: scale(1);
 +
  }
 +
  50% {
 +
    transform: scale(1.3);
 +
  }
 +
  100% {
 +
    transform: scale(1);
 +
  }
 +
}
 +
.page-navigator li a[data-title]:before {
 +
  content: attr(data-title);
 +
  position: absolute;
 +
  right: 12px;
 +
  top: -14px;
 +
  background: #222;
 +
  color: #fff;
 +
  border-radius: 6px;
 +
  padding: 4px 8px;
 +
  display: inline-block;
 +
  transition: all .2s ease;
 +
  white-space: nowrap;
 +
}
 +
.page-navigator li a[data-title]:not(:hover):before {
 +
  opacity: 0;
 +
  transform: translateX(-20px);
 +
}
 +
/**! 36. Helper Classes **/
 +
.clearfix {
 +
  overflow: hidden;
 +
}
 +
.clearfix-after:after {
 +
  content: "";
 +
  display: table;
 +
  clear: both;
 +
}
 +
.allow-overflow {
 +
  overflow: visible;
 +
}
 +
.container .row--gapless {
 +
  padding-left: 15px;
 +
  padding-right: 15px;
 +
}
 +
.container .row--gapless > div[class*='col-'] {
 +
  padding: 0;
 +
}
 +
@media all and (max-width: 767px) {
 +
  .text-left-xs {
 +
    text-align: left;
 +
  }
 +
}
 +
@media all and (max-width: 991px) {
 +
  .text-left-sm {
 +
    text-align: left;
 +
  }
 +
}
 +
section > .row--gapless {
 +
  padding-left: 0;
 +
  padding-right: 0;
 +
}
 +
section > .row--gapless > div[class*='col-'] {
 +
  padding: 0;
 +
}
 +
div.right {
 +
  float: right;
 +
}
 +
div.left {
 +
  float: left;
 +
}
 +
section.text-right > .container:last-child > .row:only-child > div[class*='col-']:only-child {
 +
  float: right;
 +
}
 +
/**! 37. Spacing **/
 +
section,
 +
footer {
 +
  padding-top: 7.42857143em;
  
−
.flickity-prev-next-button svg {
+
}
 +
section.space--xxs,
 +
footer.space--xxs {
 +
  padding-top: 1.85714286em;
 +
  padding-bottom: 1.85714286em;
 +
}
 +
section.space--xs,
 +
footer.space--xs {
 +
  padding-top: 3.71428571em;
 +
  padding-bottom: 3.71428571em;
 +
}
 +
section.space--sm,
 +
footer.space--sm {
 +
  padding-top: 4.95238095em;
 +
  padding-bottom: 4.95238095em;
 +
}
 +
section.space--md,
 +
footer.space--md {
 +
  padding-top: 11.14285714em;
 +
  padding-bottom: 11.14285714em;
 +
}
 +
section.space--lg,
 +
footer.space--lg {
 +
  padding-top: 14.85714286em;
 +
  padding-bottom: 14.85714286em;
 +
}
 +
section.space--xlg,
 +
footer.space--xlg {
 +
  padding-top: 29.71428571em;
 +
  padding-bottom: 29.71428571em;
 +
}
 +
section.space--0,
 +
footer.space--0 {
 +
  padding: 0;
 +
}
 +
section.section--even,
 +
footer.section--even {
 +
  padding-top: 7.42857143em;
 +
  padding-bottom: 7.42857143em;
 +
}
 +
section.space-bottom--sm,
 +
footer.space-bottom--sm {
 +
  padding-bottom: 4.95238095em;
 +
}
 +
@media all and (max-width: 767px) {
 +
  section,
 +
  footer,
 +
  section.section--even {
 +
    padding: 5.57142857em 0;
 +
  }
 +
  section.space--lg,
 +
  footer.space--lg,
 +
  section.section--even.space--lg,
 +
  section.space--md,
 +
  footer.space--md,
 +
  section.section--even.space--md {
 +
    padding: 5.57142857em 0;
 +
  }
 +
  section.space--xlg,
 +
  footer.space--xlg,
 +
  section.section--even.space--xlg {
 +
    padding: 8.35714286em 0;
 +
  }
 +
}
 +
div[class*='col-'] > div[class*='col-']:first-child {
 +
  padding-left: 0;
 +
}
 +
div[class*='col-'] > div[class*='col-']:last-child {
 +
  padding-right: 0;
 +
}
 +
@media all and (max-width: 767px) {
 +
  .col-xs-6:nth-child(odd) {
 +
    padding-right: 7.5px;
 +
  }
 +
  .col-xs-6:nth-child(even) {
 +
    padding-left: 7.5px;
 +
  }
 +
}
 +
@media all and (min-width: 768px) {
 +
  .mt--1 {
 +
    margin-top: 1.85714286em;
 +
  }
 +
  .mt--2 {
 +
    margin-top: 3.71428571em;
 +
  }
 +
  .mt--3 {
 +
    margin-top: 5.57142857em;
 +
  }
 +
  .mb--1 {
 +
    margin-bottom: 1.85714286em;
 +
  }
 +
  .mb--2 {
 +
    margin-bottom: 3.71428571em;
 +
  }
 +
  .mb--3 {
 +
    margin-bottom: 5.57142857em;
 +
  }
 +
}
 +
@media all and (max-width: 990px) {
 +
  .mt--1,
 +
  .mt--2 {
 +
    margin-top: 1.85714286em;
 +
  }
 +
  .mt--3 {
 +
    margin-top: 2.78571429em;
 +
  }
 +
}
 +
.unpad {
 +
  padding: 0;
 +
}
 +
.unpad--bottom {
 +
  padding-bottom: 0;
 +
}
 +
.unpad--top {
 +
  padding-top: 0;
 +
}
 +
section.unpad--bottom {
 +
  padding-bottom: 0;
 +
}
 +
section.unpad {
 +
  padding: 0;
 +
}
 +
section.unpad--top {
 +
  padding-top: 0;
 +
}
 +
.unmarg--bottom {
 +
  margin-bottom: 0;
 +
}
 +
.unmarg {
 +
  margin: 0;
 +
}
 +
.unmarg--top {
 +
  margin-top: 0;
 +
}
 +
/**! 38. Boxed Layout **/
 +
@media all and (min-width: 1280px) {
 +
  body.boxed-layout {
 +
    padding: 3.71428571em 0;
 +
    background: #ededed;
 +
  }
 +
  body.boxed-layout section:not([class*='bg-']):not(.imagebg),
 +
  body.boxed-layout footer:not([class*='bg-']):not(.imagebg),
 +
  body.boxed-layout nav:not([class*='bg-']):not(.bar--transparent):not(.bar--absolute),
 +
  body.boxed-layout .tabs-container:not([class*='bg-']):not(.imagebg) {
 +
    background: #ffffff;
 +
  }
 +
  body.boxed-layout .nav-container,
 +
  body.boxed-layout .main-container,
 +
  body.boxed-layout > section,
 +
  body.boxed-layout nav {
 +
    max-width: 1280px;
 +
    margin: 0 auto;
 +
  }
 +
}
 +
/**! 39. Wizard **/
 +
.wizard__body {
 +
  list-style: none;
 +
}
 +
.wizard__step:not(.active) {
 +
  display: none;
 +
}
 +
.wizard__step .wizard__title {
 +
  display: none;
 +
}
 +
.wizard__controls {
 +
  overflow: hidden;
 +
}
 +
.wizard__controls .wizard-prev {
 +
  float: left;
 +
}
 +
.wizard__controls .wizard-next {
 +
  float: right;
 +
}
 +
.wizard__controls .wizard-prev:hover,
 +
.wizard__controls .wizard-next:hover {
 +
  transform: none !important;
 +
}
 +
.wizard__controls .wizard-prev.inactive,
 +
.wizard__controls .wizard-next.inactive {
 +
  pointer-events: none;
 +
  opacity: .3;
 +
  cursor: not-allowed;
 +
}
 +
/**! 40. Alerts **/
 +
.alert {
 +
  overflow: hidden;
 +
  border: 1px solid #e6e6e6;
 +
  padding: 0.92857143em;
 +
}
 +
.alert .alert__body,
 +
.alert .alert__close {
 +
  display: inline-block;
 +
  user-select: none;
 +
}
 +
.alert .alert__body {
 +
  float: left;
 +
}
 +
.alert .alert__close {
 +
  float: right;
 +
  cursor: pointer;
 +
}
 +
.alert.bg--error {
 +
  background: #fce8e8;
 +
  border-color: #e23636;
 +
}
 +
.alert.bg--error .alert__close {
 +
  color: #e23636;
 +
}
 +
.alert.bg--success {
 +
  background: #e4f5e5;
 +
  border-color: #4ebf56;
 +
}
 +
.alert.bg--success .alert__close {
 +
  color: #4ebf56;
 +
}
 +
.alert.bg--primary {
 +
  background: #fafcfe;
 +
  border-color: #4a90e2;
 +
}
 +
.alert.bg--primary .alert__body > span {
 +
  color: #666666;
 +
}
 +
.alert.bg--primary .alert__close {
 +
  color: #4a90e2;
 +
}
 +
.alert.alert--dismissed {
 +
  display: none;
 +
}
 +
/**! 41. Progress - Horizontal **/
 +
.progress-horizontal:after {
 +
  content: "";
 +
  display: table;
 +
  clear: both;
 +
}
 +
.progress-horizontal .progress-horizontal__bar {
 +
  position: relative;
 +
  overflow: hidden;
 +
}
 +
.progress-horizontal .progress-horizontal__progress {
 
   position: absolute;
 
   position: absolute;
−
   left: 20%;
+
  top: 0;
−
   top: 20%;
+
   left: 0;
−
   width: 60%;
+
  height: 100%;
−
   height: 60%;
+
}
 +
/**! 42. Theme Overrides **/
 +
/*! -- Stack Customizers -- */
 +
.box-shadow {
 +
   box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
 +
}
 +
.box-shadow-shallow {
 +
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06);
 +
}
 +
.box-shadow-wide {
 +
  box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);
 +
}
 +
.border--round {
 +
  border-radius: 6px;
 +
}
 +
.border--round:before {
 +
  border-radius: 6px;
 +
}
 +
.border--round .background-image-holder {
 +
  border-radius: 6px;
 +
}
 +
.border--round [data-scrim-top]:before,
 +
.border--round [data-scrim-bottom]:before,
 +
.border--round [data-overlay]:before {
 +
  border-radius: 6px;
 +
}
 +
.imageblock.border--round .background-image-holder {
 +
   border-radius: 6px 0 0 6px;
 +
}
 +
@media all and (max-width: 767px) {
 +
  .imageblock.border--round .background-image-holder {
 +
    border-radius: 6px 6px 0 0;
 +
  }
 +
}
 +
.theme--square .border--round,
 +
.theme--square .btn {
 +
  border-radius: 0px;
 +
}
 +
.theme--bordered {
 +
  border: 0.92857143em solid #252525;
 +
}
 +
.main-container.transition--fade:not(.transition--active) {
 +
  cursor: wait;
 +
}
 +
@media all and (min-width: 1280px) {
 +
  body.boxed-layout > section.bar-3:first-of-type {
 +
    border-radius: 6px 6px 0 0;
 +
  }
 +
  body.boxed-layout .main-container > footer:last-child {
 +
    border-radius: 0 0 6px 6px;
 +
  }
 +
}
 +
body.boxed-layout .modal-container section:not([class*='bg-']) {
 +
  background: none;
 +
}
 +
/*! -- Stack Helpers -- */
 +
@media all and (max-width: 767px) {
 +
  .block--xs {
 +
    margin-top: 0.92857143em;
 +
  }
 +
}
 +
.container .container {
 +
  max-width: 100%;
 +
}
 +
.switchable-toggle {
 +
  cursor: pointer;
 +
  user-select: none;
 +
  -webkit-user-select: none;
 +
}
 +
.back-to-top {
 +
  position: fixed;
 +
  width: 3.71428571em;
 +
   height: 3.71428571em;
 +
  background: #fff;
 +
  border-radius: 50%;
 +
  text-align: center;
 +
  right: 1.85714286em;
 +
  bottom: 3.71428571em;
 +
  padding-top: 12px;
 +
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
 +
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
 +
  z-index: 99;
 +
  border: 1px solid #ececec;
 +
  transition: 0.2s ease-out;
 +
  -webkit-transition: 0.2s ease-out;
 +
  -moz-transition: 0.2s ease-out;
 +
}
 +
.back-to-top i {
 +
  color: #252525;
 +
}
 +
.back-to-top:not(.active) {
 +
  opacity: 0;
 +
  transform: translate3d(0, 20px, 0);
 +
  -webkit-transform: translate3d(0, 20px, 0);
 +
  pointer-events: none;
 +
}
 +
.back-to-top.active:hover {
 +
  transform: translate3d(0, -5px, 0);
 +
  -webkit-transform: translate3d(0, -5px, 0);
 +
}
 +
.disable-scroll-bars {
 +
  -ms-overflow-style: none;
 +
}
 +
.disable-scroll-bars::-webkit-scrollbar {
 +
  display: none;
 +
}
 +
/*! -- Stack Animations -- */
 +
@keyframes fadeInUp {
 +
  from {
 +
    opacity: 0;
 +
    transform: translate3d(0, 50px, 0);
 +
    -webkit-transform: translate3d(0, 50px, 0);
 +
  }
 +
  to {
 +
    opacity: 1;
 +
    transform: translate3d(0, 0, 0);
 +
    -webkit-transform: translate3d(0, 0, 0);
 +
    -webkit-font-smoothing: antialiased;
 +
  }
 +
}
 +
@-webkit-keyframes fadeInUp {
 +
  from {
 +
    opacity: 0;
 +
    transform: translate3d(0, 50px, 0);
 +
    -webkit-transform: translate3d(0, 50px, 0);
 +
  }
 +
  to {
 +
    opacity: 1;
 +
    transform: translate3d(0, 0, 0);
 +
    -webkit-transform: translate3d(0, 0, 0);
 +
    -webkit-font-smoothing: antialiased;
 +
  }
 +
}
 +
@keyframes fadeInDown {
 +
  from {
 +
    opacity: 0;
 +
    transform: translate3d(0, -100px, 0);
 +
    -webkit-transform: translate3d(0, -100px, 0);
 +
  }
 +
  to {
 +
    opacity: 1;
 +
    transform: translate3d(0, 0, 0);
 +
    -webkit-transform: translate3d(0, 0, 0);
 +
    -webkit-font-smoothing: antialiased;
 +
  }
 +
}
 +
@-webkit-keyframes fadeInDown {
 +
  from {
 +
    opacity: 0;
 +
    transform: translate3d(0, -100px, 0);
 +
    -webkit-transform: translate3d(0, -100px, 0);
 +
  }
 +
  to {
 +
    opacity: 1;
 +
    transform: translate3d(0, 0, 0);
 +
    -webkit-transform: translate3d(0, 0, 0);
 +
    -webkit-font-smoothing: antialiased;
 +
  }
 +
}
 +
@keyframes fadeOutUp {
 +
  from {
 +
    opacity: 1;
 +
    transform: translate3d(0, 0, 0);
 +
    -webkit-transform: translate3d(0, 0, 0);
 +
  }
 +
  to {
 +
    opacity: 0;
 +
    transform: translate3d(0, -50px, 0);
 +
    -webkit-transform: translate3d(0, -50px, 0);
 +
    -webkit-font-smoothing: antialiased;
 +
  }
 +
}
 +
@-webkit-keyframes fadeOutUp {
 +
  from {
 +
    opacity: 1;
 +
    transform: translate3d(0, 0, 0);
 +
    -webkit-transform: translate3d(0, 0, 0);
 +
  }
 +
  to {
 +
    opacity: 0;
 +
    transform: translate3d(0, -50px, 0);
 +
    -webkit-transform: translate3d(0, -50px, 0);
 +
    -webkit-font-smoothing: antialiased;
 +
  }
 +
}
 +
@keyframes fadeOutRight {
 +
  from {
 +
    opacity: 1;
 +
    transform: translate3d(0, 0, 0);
 +
    -webkit-transform: translate3d(0, 0, 0);
 +
  }
 +
  to {
 +
    opacity: 0;
 +
    transform: translate3d(50px, 0, 0);
 +
    -webkit-transform: translate3d(50px, 0, 0);
 +
    -webkit-font-smoothing: antialiased;
 +
  }
 +
}
 +
@-webkit-keyframes fadeOutRight {
 +
  from {
 +
    opacity: 1;
 +
    transform: translate3d(0, 0, 0);
 +
    -webkit-transform: translate3d(0, 0, 0);
 +
  }
 +
  to {
 +
    opacity: 0;
 +
    transform: translate3d(50px, 0, 0);
 +
    -webkit-transform: translate3d(50px, 0, 0);
 +
    -webkit-font-smoothing: antialiased;
 +
  }
 +
}
 +
@keyframes fadeInLeft {
 +
  from {
 +
    opacity: 0;
 +
    transform: translate3d(-50px, 0, 0);
 +
    -webkit-transform: translate3d(-50px, 0, 0);
 +
  }
 +
  to {
 +
    opacity: 1;
 +
    transform: translate3d(0, 0, 0);
 +
    -webkit-transform: translate3d(0, 0, 0);
 +
    -webkit-font-smoothing: antialiased;
 +
  }
 +
}
 +
@-webkit-keyframes fadeInLeft {
 +
  from {
 +
    opacity: 0;
 +
    transform: translate3d(-50px, 0, 0);
 +
    -webkit-transform: translate3d(-50px, 0, 0);
 +
  }
 +
  to {
 +
    opacity: 1;
 +
    transform: translate3d(0, 0, 0);
 +
    -webkit-transform: translate3d(0, 0, 0);
 +
    -webkit-font-smoothing: antialiased;
 +
  }
 +
}
 +
@keyframes pulse {
 +
  0% {
 +
    opacity: 0;
 +
    transform: scale(1);
 +
    -webkit-transform: scale(1);
 +
  }
 +
  50% {
 +
    opacity: 1;
 +
  }
 +
  100% {
 +
    opacity: 0;
 +
    transform: scale(2);
 +
    -webkit-transform: scale(2);
 +
  }
 +
}
 +
@-webkit-keyframes pulse {
 +
  0% {
 +
    opacity: 0;
 +
    transform: scale(1);
 +
    -webkit-transform: scale(1);
 +
  }
 +
  50% {
 +
    opacity: 1;
 +
  }
 +
  100% {
 +
    opacity: 0;
 +
    transform: scale(2);
 +
    -webkit-transform: scale(2);
 +
  }
 +
}
 +
@keyframes kenBurns {
 +
  0% {
 +
    transform: scale(1);
 +
  }
 +
  100% {
 +
    transform: scale(1.1);
 +
  }
 +
}
 +
@-webkit-keyframes kenBurns {
 +
  0% {
 +
    transform: scale(1);
 +
  }
 +
  100% {
 +
    transform: scale(1.1);
 +
  }
 +
}
 +
/*! -- Stack Sections -- */
 +
section:not(.unpad):not(.imagebg):not([class*='bg--']):not(.imageblock):not(.unpad--bottom):not(.border--bottom):not(.space--xxs) + section:not(.unpad):not(.imagebg):not([class*='bg--']):not(.imageblock):not(.border--bottom):not(.space--xxs) {
 +
  padding-top: 0;
 +
}
 +
section:not(.unpad):not(.imagebg):not([class*='bg--']):not(.imageblock):not(.unpad--bottom):not(.border--bottom) + footer:not(.unpad):not(.imagebg):not([class*='bg--']):not(.imageblock):not(.unpad--bottom):not(.border--bottom) {
 +
  padding-top: 0;
 +
}
 +
section:not(.imagebg):not([class*='bg-']) + section.bg--secondary {
 +
  border-top: 1px solid #ebebeb;
 +
}
 +
section.bg--secondary:not(.imagebg) + section:not(.imagebg):not([class*='bg-']) {
 +
  border-top: 1px solid #ebebeb;
 +
}
 +
section.bg--secondary:not(.unpad):not(.imageblock):not(.unpad--bottom):not(.border--bottom) + section.bg--secondary {
 +
  padding-top: 0;
 +
}
 +
section.bg--secondary + footer:not(.bg--dark):not(.bg--secondary) {
 +
  border-top: 1px solid #ebebeb;
 +
}
 +
section.bg--dark + section.bg--dark {
 +
  padding-top: 0;
 +
}
 +
section.bg--dark:last-of-type + footer.bg--dark {
 +
  background: #1b1b1b;
 +
}
 +
section.border--bottom:not([data-gradient-bg]) {
 +
  border-bottom: 1px solid #ececec;
 +
}
 +
section.unpad {
 +
  overflow: hidden;
 +
}
 +
section:not([class*='bg--']) + footer.bg--secondary {
 +
  border-top: 1px solid #ebebeb;
 +
}
 +
section.text-center div[class*='col-']:first-child:last-child {
 +
  margin: 0 auto;
 +
  float: none;
 +
}
 +
.section--overlap {
 +
  z-index: 2;
 +
  position: relative;
 +
}
 +
/*! -- Stack Typography -- */
 +
@media all and (max-width: 1024px) {
 +
  html {
 +
    font-size: 80%;
 +
  }
 +
}
 +
h1,
 +
.h1 {
 +
  letter-spacing: -0.01em;
 +
}
 +
h1:not(:last-child),
 +
.h1:not(:last-child) {
 +
  margin-bottom: 0.59090909090909em;
 +
}
 +
@media all and (min-width: 768px) {
 +
  h1.h1--large,
 +
  .h1.h1--large {
 +
    font-weight: 200;
 +
    font-size: 4.428571428571429em;
 +
    line-height: 1.048387096774194em;
 +
  }
 +
  h1.h1--large:not(:last-child),
 +
  .h1.h1--large:not(:last-child) {
 +
    margin-bottom: 0.419354838709677em;
 +
  }
 +
  h1.h1--large.type--uppercase,
 +
  .h1.h1--large.type--uppercase {
 +
    letter-spacing: 10px;
 +
    margin-right: -10px;
 +
  }
 +
  h1.h1--large + p.lead,
 +
  .h1.h1--large + p.lead {
 +
    margin-top: 2.052631578947368em;
 +
  }
 +
}
 +
h2,
 +
.h2 {
 +
  margin-bottom: 0.78787878787879em;
 +
}
 +
h3,
 +
.h3 {
 +
  margin-bottom: 1.04em;
 +
}
 +
h3 strong,
 +
.h3 strong {
 +
  font-weight: 400;
 +
}
 +
blockquote {
 +
  font-family: 'Merriweather', serif;
 +
  font-style: italic;
 +
  font-weight: 300;
 +
}
 +
blockquote:not(:last-child) {
 +
  margin-bottom: 1.04em;
 +
}
 +
blockquote > p {
 +
  font-size: 1em !important;
 +
}
 +
h4,
 +
.h4 {
 +
  margin-bottom: 1.36842105263158em;
 +
  font-weight: 700;
 +
}
 +
h4.inline-block + .h4.inline-block:not(.typed-text),
 +
.h4.inline-block + .h4.inline-block:not(.typed-text) {
 +
  margin-left: 0.68421052631579em;
 +
}
 +
h5,
 +
.h5 {
 +
  font-weight: 600;
 +
}
 +
h5:not(:last-child),
 +
.h5:not(:last-child) {
 +
  margin-bottom: 1.85714286em;
 +
}
 +
h6,
 +
.h6 {
 +
  font-weight: 700;
 +
}
 +
h6:not(:last-child),
 +
.h6:not(:last-child) {
 +
  margin-bottom: 2.16666666666667em;
 +
}
 +
h6.type--uppercase,
 +
.h6.type--uppercase {
 +
  letter-spacing: 1px;
 +
  margin-right: -1px;
 +
}
 +
span.h1:not(.inline-block),
 +
span.h2:not(.inline-block),
 +
span.h3:not(.inline-block),
 +
span.h4:not(.inline-block),
 +
span.h5:not(.inline-block),
 +
span.h6:not(.inline-block) {
 +
  display: block;
 +
}
 +
b {
 +
  font-weight: 600;
 +
}
 +
hr {
 +
  border-color: #ECECEC;
 +
}
 +
.bg--dark hr {
 +
  border-color: #585858;
 +
}
 +
[class*='bg-']:not(.bg--white):not(.bg--secondary) p,
 +
[class*='imagebg']:not(.image--light) p {
 +
  opacity: .9;
 +
}
 +
.lead {
 +
  font-weight: 400;
 +
  color: #353535;
 +
}
 +
.lead:not(:last-child) {
 +
  margin-bottom: 1.36842105263158em;
 +
}
 +
.lead + .btn:last-child {
 +
  margin-top: 0.92857143em;
 +
}
 +
p:last-child {
 +
  margin-bottom: 0;
 +
}
 +
p strong {
 +
  color: #252525;
 +
}
 +
pre {
 +
  padding: 0.92857143em;
 +
  background: #fafafa;
 +
  border: 1px solid #ececec;
 +
  border-radius: 6px;
 +
  line-height: 20px;
 +
  max-height: 500px;
 +
}
 +
.bg--secondary > pre {
 +
  background: #f5f5f5;
 +
  border-color: #ddd;
 +
}
 +
.text-block {
 +
  margin-bottom: 1.85714286em;
 +
}
 +
.text-block h2,
 +
.text-block .h2 {
 +
  margin-bottom: 0.3939393939394em;
 +
}
 +
.text-block h5,
 +
.text-block .h5 {
 +
  margin: 0;
 +
}
 +
.text-block h4:not(:last-child),
 +
.text-block .h4:not(:last-child) {
 +
  margin-bottom: 0.3421052631579em;
 +
}
 +
.text-block h3,
 +
.text-block .h3 {
 +
  margin-bottom: 0.52em;
 +
}
 +
@media all and (min-width: 768px) {
 +
  div[class*='col-'] .text-block + .text-block {
 +
    margin-top: 3.71428571em;
 +
  }
 +
}
 +
.heading-block {
 +
  margin-bottom: 3.71428571em;
 +
}
 +
.heading-block h1,
 +
.heading-block h2,
 +
.heading-block h3,
 +
.heading-block h4,
 +
.heading-block h5,
 +
.heading-block h6,
 +
.heading-block .h1,
 +
.heading-block .h2,
 +
.heading-block .h3,
 +
.heading-block .h4,
 +
.heading-block .h5,
 +
.heading-block .h6 {
 +
  margin-bottom: 0;
 +
}
 +
/*! -- Stack Colours -- */
 +
.bg--dark .bg--secondary {
 +
  background: #343434;
 +
}
 +
/*! -- Stack Links -- */
 +
a {
 +
  color: #4a90e2;
 
}
 
}
  
−
.flickity-prev-next-button .arrow {
+
a.lateral{
−
   fill: #333;
+
  color: black;
 +
  text-decoration: inherit;
 +
  opacity: 1;
 +
  color: gray;
 +
  font-weight: 500;
 +
   font-size: 16px;
 
}
 
}
  
−
/* ---- page dots ---- */
+
a:hover {
 +
 
 +
  text-decoration: underline;
 +
}
  
−
.flickity-page-dots {
+
a:hover.lateral {
 +
  color: #909090 !important;
 +
  color: black;
 +
  text-decoration: inherit;
 +
  font-size: 16px;
 +
  cursor: pointer;
 +
}
 +
 
 +
 
 +
a.block {
 +
  font-weight: normal;
 +
  text-decoration: none;
 +
  color: #666666;
 +
}
 +
 
 +
a:block.lateral{
 +
  font-weight: normal;
 +
  text-decoration: none;
 +
  color: black;
 +
  font-size: 16px;
 +
}
 +
 
 +
p a,
 +
span a,
 +
label a {
 +
  font-size: 1em;
 +
  text-decoration: underline;
 +
  font-weight: 400;
 +
  line-height: 1.85714286em;
 +
}
 +
p + a:not(.btn) {
 +
  font-size: 0.85714286em;
 +
  line-height: 2.16666667em;
 +
}
 +
.imagebg:not(.image--light) a {
 +
  color: #fff;
 +
  font-weight: 600;
 +
}
 +
/*! -- Stack Tables -- */
 +
table {
 +
  width: 100%;
 +
  border-collapse: separate;
 +
}
 +
table th,
 +
table td {
 +
  padding: 0.92857143em;
 +
}
 +
table th {
 +
  background: #fafafa;
 +
  color: #252525;
 +
}
 +
table tr:not(:last-of-type) {
 +
  border-bottom: 1px solid #ececec;
 +
}
 +
table.border--round {
 +
  border-radius: 6px;
 +
  border: 1px solid #ececec;
 +
}
 +
.table--alternate-column th:nth-child(odd) {
 +
  background: none;
 +
}
 +
.table--alternate-column td:nth-child(even) {
 +
  background: #fafafa;
 +
}
 +
.table--alternate-row tbody tr:nth-child(even) {
 +
  background: #fafafa;
 +
}
 +
.bg--dark table.border--round {
 +
  border-radius: 6px;
 +
  border: 1px solid #3f3f3f;
 +
}
 +
.bg--dark table th {
 +
  background: #3f3f3f;
 +
  color: #fff;
 +
}
 +
.bg--dark .table--alternate-row tbody tr:nth-child(even) {
 +
  background: #323232;
 +
}
 +
/*! -- Stack Lists -- */
 +
ul:not([class*='menu']) li > a {
 +
  font-weight: normal;
 +
  list-style-type: circle;
 +
}
 +
ul:not([class*='menu']) li > a:hover {
 +
  text-decoration: none;
 +
  list-style-type: circle;
 +
}
 +
ol {
 +
  list-style-position: outside;
 +
  list-style-type: decimal;
 +
  margin-left: 1.2em;
 +
}
 +
ol li:not(:last-child) {
 +
  margin-bottom: 0em;
 +
}
 +
ol.lead li:not(:last-child) {
 +
  margin-bottom: 0em;
 +
}
 +
.list-inline {
 +
  margin-left: 0;
 +
  display: inline-block;
 +
}
 +
.list-inline li {
 +
  display: inline-block;
 +
  padding: 0;
 +
}
 +
.list-inline li:not(:last-child) {
 +
  margin-right: 1.85714286em;
 +
}
 +
.list-inline:not(:last-child) {
 +
  margin-right: 1.85714286em;
 +
}
 +
.list-inline--images img {
 +
  max-height: 2.78571429em;
 +
}
 +
@media all and (min-width: 768px) {
 +
  .list-inline--images li:not(:last-child) {
 +
    margin-right: 5.57142857em;
 +
  }
 +
}
 +
@media all and (max-width: 767px) {
 +
  .list-inline--images li:not(:last-child) {
 +
    margin-bottom: 1.85714286em;
 +
  }
 +
}
 +
.list--loose > li:not(:last-child) {
 +
  margin-bottom: 0.46428571em;
 +
}
 +
.list--hover li {
 +
  transition: 0.2s ease;
 +
  -webkit-transition: 0.2s ease;
 +
  -moz-transition: 0.2s ease;
 +
}
 +
.list--hover li:not(:hover) {
 +
  opacity: .6;
 +
}
 +
.social-list a {
 +
  color: #252525;
 +
}
 +
.imagebg:not(.image--light) .social-list a {
 +
  color: #fff;
 +
}
 +
.results-list > li > a:first-child {
 +
  display: flex;
 +
  align-items: center;
 +
  margin-bottom: 0.92857143em;
 +
}
 +
.results-list > li > a:first-child span {
 +
  display: inline-block;
 +
  margin-left: 0.46428571em;
 +
}
 +
.results-list > li > a:first-child h4 {
 +
  display: inline-block;
 +
  margin-bottom: 0;
 +
}
 +
.results-list > li > a:first-child:hover h4,
 +
.results-list > li > a:first-child:hover span {
 +
  text-decoration: underline;
 +
}
 +
.results-list > li:not(:last-child) {
 +
  margin-bottom: 1.85714286em;
 +
  padding-bottom: 1.85714286em;
 +
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 +
}
 +
@media all and (max-width: 767px) {
 +
  .list-inline:not(.social-list):not(.list-inline--images) {
 +
    display: block;
 +
  }
 +
  .list-inline:not(.social-list):not(.list-inline--images) li {
 +
    display: block;
 +
    margin: 0;
 +
  }
 +
  .list-inline:not(.social-list):not(.list-inline--images) li:not(:last-child) {
 +
    margin-bottom: 0.46428571em;
 +
  }
 +
}
 +
@media all and (max-width: 767px) {
 +
  .list-inline {
 +
    min-width: 100%;
 +
  }
 +
}
 +
.row--list span.h6 {
 +
  margin-bottom: 0;
 +
}
 +
.row--list span.h3:last-child {
 +
  margin-bottom: 0;
 +
}
 +
@media all and (max-width: 767px) {
 +
  .row--list > li {
 +
    margin-bottom: 0.92857143em;
 +
  }
 +
}
 +
/*! -- Stack Rules -- */
 +
hr:first-child {
 +
  margin-top: 0;
 +
}
 +
hr.short {
 +
  width: 2.78571429em;
 +
  border-color: #4a90e2;
 +
}
 +
hr[data-title] {
 +
  margin: 2.78571429em 0;
 +
  text-align: center;
 +
}
 +
hr[data-title]:before {
 +
  content: attr(data-title);
 +
  background: #ffffff;
 +
  position: relative;
 +
  bottom: 14px;
 +
  padding: 0.92857143em;
 +
  font-style: italic;
 +
}
 +
.bg--dark hr:not(.short),
 +
.imagebg hr:not(.short),
 +
.bg--primary hr:not(.short) {
 +
  opacity: .3;
 +
}
 +
/*! -- Stack Buttons -- */
 +
.btn {
 +
  position: relative;
 +
}
 +
.btn:not([class*='primary']) {
 +
  border-color: #d3d3d3;
 +
}
 +
.btn:not([class*='primary']):hover {
 +
  border-color: #252525;
 +
}
 +
.btn.type--uppercase {
 +
  letter-spacing: .5px;
 +
}
 +
.btn.type--uppercase .btn__text {
 +
  letter-spacing: .5px;
 +
  margin-right: -0.5px;
 +
}
 +
.btn .label {
 +
  top: -0.92857143em;
 +
  right: -3.71428571em;
 +
}
 +
.btn.btn--lg .btn__text {
 +
  font-weight: 600;
 +
}
 +
.btn.btn--lg.type--uppercase .btn__text {
 +
  letter-spacing: 1px;
 +
}
 +
.btn + p.type--fine-print,
 +
.btn + span.type--fine-print {
 +
  margin-top: 1.08333333333334em;
 +
}
 +
.btn.block {
 +
  margin-left: 0;
 +
}
 +
.btn.block + .btn.block {
 +
  margin-top: 0.92857143em;
 +
}
 +
.btn:hover {
 +
  transform: translate3d(0, -2px, 0);
 +
  -webkit-transform: translate3d(0, -2px, 0);
 +
}
 +
.btn.down{
 +
border: none !important;
 +
}
 +
.btn.down:hover{
 +
border: none !important;
 +
}
 +
.btn.btn--sm + .btn--sm {
 +
  margin-left: 0.92857143em;
 +
}
 +
p > .btn {
 +
  text-decoration: none;
 +
}
 +
@media all and (max-width: 767px) {
 +
  .btn:not(:last-child) {
 +
    /*margin-bottom: 1.85714286em; */
 +
  }
 +
}
 +
.btn--icon {
 +
  padding-left: 5.57142857em;
 +
}
 +
.btn--icon i {
 +
  position: absolute;
 +
  height: 100%;
 +
  left: 0;
 +
  top: 0;
 +
  background: rgba(0, 0, 0, 0.1);
 +
  padding: 0 13px;
 +
  border-radius: 6px 0 0 6px;
 +
  font-size: 16px;
 +
  line-height: 41px;
 +
}
 +
.btn--icon i.socicon {
 +
  line-height: 42px;
 +
}
 +
.btn--cart {
 +
  width: 3.71428571em;
 +
  height: 3.71428571em;
 +
  border: 2px solid #252525;
 +
  display: block;
 +
  text-align: center;
 +
  border-radius: 6px;
 +
  opacity: .4;
 +
  padding: 0;
 +
}
 +
.btn--cart:hover {
 +
  opacity: 1;
 +
}
 +
.btn--cart .btn__text {
 
   position: absolute;
 
   position: absolute;
 
   width: 100%;
 
   width: 100%;
−
   bottom: -25px;
+
   left: 0;
 +
  top: 50%;
 +
  transform: translateY(-50%);
 +
  font-size: 1.142857142857143em;
 +
}
 +
.imagebg:not(.image--light) .btn--icon:not([class*='bg']):not([class*='primary']) i {
 +
  color: #fff;
 +
  background: rgba(255, 255, 255, 0.2);
 +
}
 +
@media all and (min-width: 768px) {
 +
  .btn-group .btn {
 +
    margin-bottom: 0 !important;
 +
    margin-left: 0;
 +
  }
 +
  .btn-group .btn + .btn {
 +
    margin-left: 0;
 +
  }
 +
  .btn-group .btn:not(:first-child):not(:last-child) {
 +
    border-radius: 0;
 +
  }
 +
  .btn-group .btn:first-child {
 +
    border-radius: 6px 0 0 6px;
 +
  }
 +
  .btn-group .btn:last-child {
 +
    border-radius: 0 6px 6px 0;
 +
  }
 +
  .btn-group .btn:first-child:nth-last-child(2),
 +
  .btn-group .btn:last-child:nth-child(2) {
 +
    width: 50%;
 +
  }
 +
}
 +
.btn-group {
 +
  border: none;
 
   padding: 0;
 
   padding: 0;
 +
}
 +
@media all and (max-width: 767px) {
 +
  .btn-group .btn {
 +
    display: block;
 +
  }
 +
}
 +
.bg--primary div:not([class*='feature']) .btn--primary {
 +
  background: #fff;
 +
  border-color: #fff;
 +
}
 +
.bg--primary div:not([class*='feature']) .btn--primary .btn__text {
 +
  color: #4a90e2;
 +
}
 +
.bg--primary > .btn--primary {
 +
  background: #fff;
 +
  border-color: #fff;
 +
}
 +
.bg--primary > .btn--primary .btn__text {
 +
  color: #4a90e2;
 +
}
 +
.bg--dark .btn:not(.btn--primary) {
 +
  border-color: #3f3f3f;
 +
}
 +
.bg--dark .btn:not(.btn--primary):hover {
 +
  border-color: #656565;
 +
}
 +
.bg--dark .btn .btn__text {
 +
  color: #fff;
 +
}
 +
.imagebg:not(.image--light) .btn:not([class*='primary']) {
 +
  border-color: rgba(255, 255, 255, 0.3);
 +
}
 +
.imagebg:not(.image--light) .btn:not([class*='primary']):hover {
 +
  border-color: #fff;
 +
}
 +
.imagebg.image--light .btn:not([class*='primary']) {
 +
  border-color: #252525;
 +
  background: rgba(255, 255, 255, 0.3);
 +
}
 +
.imagebg.image--light .btn:not([class*='primary']):hover {
 +
  background: rgba(255, 255, 255, 0.5);
 +
}
 +
h1 + .btn,
 +
.h1 + .btn {
 +
  margin-top: 1.85714286em;
 +
}
 +
h2 + .btn,
 +
.h2 + .btn {
 +
  margin-top: 0.92857143em;
 +
}
 +
/*! -- Stack Images -- */
 +
img:last-child {
 +
  margin-bottom: 0;
 +
}
 +
img.flag {
 +
  max-height: 1.85714286em;
 +
}
 +
img.image--sm:not(:last-child) {
 +
  margin-bottom: 0.92857143em;
 +
}
 +
img.promo.border--round {
 +
  border: 1px solid #ececec;
 +
}
 +
p.lead img {
 +
  max-height: 1.68421053em;
 +
}
 +
.imagebg h1,
 +
.imagebg h2,
 +
.imagebg h3,
 +
.imagebg h4,
 +
.imagebg h5,
 +
.imagebg h6 {
 +
  position: relative;
 +
}
 +
.imagebg:not(.image--light) span {
 +
  color: #fff;
 +
}
 +
.imagebg.border--round {
 +
  overflow: hidden;
 +
}
 +
section.parallax .row .background-image-holder {
 +
  transform: none !important;
 +
  top: 0 !important;
 +
}
 +
.triptych.border--round img {
 +
  position: relative;
 +
  border-radius: 6px;
 +
  width: 33.333333%;
 +
  float: left;
 
   margin: 0;
 
   margin: 0;
 +
}
 +
.triptych.border--round img:nth-child(2) {
 +
  transform: scale(1.2);
 +
  -webkit-transform: scale(1.2);
 +
  z-index: 2;
 +
  box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);
 +
}
 +
.gallery > div[class*='col-'] {
 +
  margin-bottom: 30px;
 +
}
 +
.gallery-1 {
 +
  overflow: hidden;
 +
  position: relative;
 +
}
 +
.gallery-1 .gallery__image:not(:last-child) {
 +
  margin-bottom: 30px;
 +
}
 +
.gallery-1 > div[class*='col-']:first-child > .gallery__image {
 +
  height: 800px;
 +
}
 +
.gallery-1 > div[class*='col-']:last-child > .gallery__image {
 +
  height: calc(385px);
 +
}
 +
.gallery__image {
 +
  position: relative;
 +
  overflow: hidden;
 +
}
 +
@media all and (max-width: 767px) {
 +
  .gallery-1 .gallery__image {
 +
    max-height: 300px;
 +
    margin-bottom: 15px;
 +
  }
 +
  .gallery-1 .gallery__image:not(:last-child) {
 +
    margin-bottom: 15px;
 +
  }
 +
}
 +
.section--ken-burns {
 +
  overflow: hidden;
 +
}
 +
.section--ken-burns > .background-image-holder,
 +
.section--ken-burns > img:only-child {
 +
  animation: kenBurns 15s ease alternate infinite;
 +
  -webkit-animation: kenBurns 15s ease alternate infinite;
 +
}
 +
/*! -- Stack Titles -- */
 +
.breadcrumbs {
 
   list-style: none;
 
   list-style: none;
 +
}
 +
.breadcrumbs li {
 +
  font-size: 0.85714285714286em;
 +
  display: inline-block;
 +
}
 +
.breadcrumbs li:not(:last-child) {
 +
  margin-right: 1.08333333333334em;
 +
}
 +
.breadcrumbs li:not(:last-child):after {
 +
  content: '\00bb';
 +
  margin-left: 1.08333333333334em;
 +
}
 +
.breadcrumbs li a {
 +
  font-weight: normal;
 +
}
 +
.imagebg .breadcrumbs,
 +
.bg--primary .breadcrumbs {
 +
  color: #fff;
 +
}
 +
.imagebg .breadcrumbs a,
 +
.bg--primary .breadcrumbs a {
 +
  color: #fff;
 +
  font-weight: 600;
 +
}
 +
.elements-title {
 +
  border-top: none !important;
 +
}
 +
.elements-title + .tabs-container:not( :nth-last-child(2)),
 +
.elements-title + section:not( :nth-last-child(2)) {
 +
  margin-bottom: 9.28571429em;
 +
}
 +
.elements-title + section:not(.imagebg):not([class*='bg-']):not(.unpad) {
 +
  padding-top: 1.85714286em;
 +
}
 +
/*! -- Stack Labels -- */
 +
.label {
 +
  display: inline-block;
 +
  font-size: 9px;
 +
  font-weight: 700;
 +
  letter-spacing: .5px;
 +
  color: #fff;
 +
  text-transform: uppercase;
 +
  height: 26px;
 +
  min-width: 65px;
 +
  padding: 0 10px;
 
   text-align: center;
 
   text-align: center;
−
   line-height: 1;
+
  border-radius: 50px;
 +
  position: absolute;
 +
  z-index: 3;
 +
  top: 1.23809524em;
 +
  right: 1.23809524em;
 +
}
 +
.label:not([class*='bg--']) {
 +
  background: #31639c;
 +
}
 +
.label.label--inline {
 +
  position: relative;
 +
  top: 0;
 +
  right: 0;
 +
}
 +
.label.label--inline:not(:last-child) {
 +
  margin-right: 0.92857143em;
 +
}
 +
.label.label--inline + span,
 +
.label.label--inline + p {
 +
  position: relative;
 +
  top: 1px;
 +
}
 +
.label.switchable-toggle {
 +
  left: 50%;
 +
  right: auto;
 +
  transform: translate3d(-50%, 0, 0);
 +
  -webkit-transform: translate3d(-50%, 0, 0);
 +
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06);
 +
}
 +
.bg--primary-1 .label:not([class*='bg--']) {
 +
  background: #465773;
 +
}
 +
/*! -- Stack Bars -- */
 +
.menu-horizontal > li,
 +
.menu-vertical > li {
 +
  font-family: 'Open Sans', 'Roboto', 'Helvetica', Sans-Serif;
 +
}
 +
.bar .logo {
 +
  max-height: 1.85714286em;
 +
  max-width: none;
 +
}
 +
.menu-horizontal > li > a,
 +
.menu-horizontal > li > .modal-instance > a {
 +
  font-weight: 500;
 +
}
 +
.menu-horizontal > li a:hover {
 +
  text-decoration: none;
 +
}
 +
.hamburger-toggle i {
 +
  color: #252525;
 +
}
 +
@media all and (min-width: 990px) {
 +
  .menu-horizontal li:not(:last-child) {
 +
    margin-right: 1.23809524em;
 +
  }
 +
  .bar__module:not(:only-child) .menu-horizontal {
 +
    top: 0;
 +
  }
 +
}
 +
@media all and (min-width: 768px) and (max-width: 1023px) {
 +
  .bar-2 .menu-horizontal > li,
 +
  .bar-1 .menu-horizontal > li {
 +
    display: inline-block;
 +
  }
 +
  .bar-2 .menu-horizontal > li:not(:first-child),
 +
  .bar-1 .menu-horizontal > li:not(:first-child) {
 +
    margin-left: 0.92857143em;
 +
  }
 +
  .bar-2 .bar__module,
 +
  .bar-1 .bar__module {
 +
    margin-bottom: 1.85714286em;
 +
  }
 +
  .bar-2 .row div[class*='col-']:last-child .bar__module:last-child,
 +
  .bar-1 .row div[class*='col-']:last-child .bar__module:last-child {
 +
    margin-bottom: 0;
 +
  }
 +
}
 +
.bar-1 .menu-horizontal > li > .dropdown__trigger,
 +
/*菜单栏格式****/
 +
.bar-1 .menu-horizontal > li > a {
 +
  font-size: 1em !important ;
 +
   line-height: 4em;
 +
  text-transform: uppercase;
 +
  font-weight: 600;
 +
  letter-spacing: -1px;
 +
}
 +
@media all and (min-width: 10px) {
 +
  .bar-1 .bar__module + .bar__module {
 +
    margin-left: 1.85714286em;
 +
  }
 
}
 
}
  
−
.flickity-rtl .flickity-page-dots { direction: rtl; }
+
.bar-3 {
 +
  font-size: 0.85714286em;
 +
}
 +
.bar-3 .menu-horizontal {
 +
  top: 0;
 +
}
  
−
.flickity-page-dots .dot {
+
 
 +
  .bar-4 .logo-dark {
 +
    margin-bottom: 1.85714286em;
 +
  }
 +
  .bar.bg--dark {
 +
    background: #252525;
 +
  }
 +
  .bar.bg--dark .hamburger-toggle i {
 +
    color: #fff;
 +
  }
 +
}
 +
/*! -- Stack Utilties -- */
 +
.hidden {
 +
  display: none !important;
 +
  visibility: hidden !important;
 +
}
 +
.visible-xs,
 +
.visible-sm,
 +
.visible-md,
 +
.visible-lg {
 +
  display: none !important;
 +
}
 +
.visible-xs-block,
 +
.visible-xs-inline,
 +
.visible-xs-inline-block,
 +
.visible-sm-block,
 +
.visible-sm-inline,
 +
.visible-sm-inline-block,
 +
.visible-md-block,
 +
.visible-md-inline,
 +
.visible-md-inline-block,
 +
.visible-lg-block,
 +
.visible-lg-inline,
 +
.visible-lg-inline-block {
 +
  display: none !important;
 +
}
 +
@media (max-width: 767px) {
 +
  .visible-xs {
 +
    display: block !important;
 +
  }
 +
  table.visible-xs {
 +
    display: table;
 +
  }
 +
  tr.visible-xs {
 +
    display: table-row !important;
 +
  }
 +
  th.visible-xs,
 +
  td.visible-xs {
 +
    display: table-cell !important;
 +
  }
 +
}
 +
@media (max-width: 767px) {
 +
  .visible-xs-block {
 +
    display: block !important;
 +
  }
 +
}
 +
@media (max-width: 767px) {
 +
  .visible-xs-inline {
 +
    display: inline !important;
 +
  }
 +
}
 +
@media (max-width: 767px) {
 +
  .visible-xs-inline-block {
 +
    display: inline-block !important;
 +
  }
 +
}
 +
@media (min-width: 768px) and (max-width: 991px) {
 +
  .visible-sm {
 +
    display: block !important;
 +
  }
 +
  table.visible-sm {
 +
    display: table;
 +
  }
 +
  tr.visible-sm {
 +
    display: table-row !important;
 +
  }
 +
  th.visible-sm,
 +
  td.visible-sm {
 +
    display: table-cell !important;
 +
  }
 +
}
 +
@media (min-width: 768px) and (max-width: 991px) {
 +
  .visible-sm-block {
 +
    display: block !important;
 +
  }
 +
}
 +
@media (min-width: 768px) and (max-width: 991px) {
 +
  .visible-sm-inline {
 +
    display: inline !important;
 +
  }
 +
}
 +
@media (min-width: 768px) and (max-width: 991px) {
 +
  .visible-sm-inline-block {
 +
    display: inline-block !important;
 +
  }
 +
}
 +
@media (min-width: 992px) and (max-width: 1199px) {
 +
  .visible-md {
 +
    display: block !important;
 +
  }
 +
  table.visible-md {
 +
    display: table;
 +
  }
 +
  tr.visible-md {
 +
    display: table-row !important;
 +
  }
 +
  th.visible-md,
 +
  td.visible-md {
 +
    display: table-cell !important;
 +
  }
 +
}
 +
@media (min-width: 992px) and (max-width: 1199px) {
 +
  .visible-md-block {
 +
    display: block !important;
 +
  }
 +
}
 +
@media (min-width: 992px) and (max-width: 1199px) {
 +
  .visible-md-inline {
 +
    display: inline !important;
 +
  }
 +
}
 +
@media (min-width: 992px) and (max-width: 1199px) {
 +
  .visible-md-inline-block {
 +
    display: inline-block !important;
 +
  }
 +
}
 +
@media (min-width: 1200px) {
 +
  .visible-lg {
 +
    display: block !important;
 +
  }
 +
  table.visible-lg {
 +
    display: table;
 +
  }
 +
  tr.visible-lg {
 +
    display: table-row !important;
 +
  }
 +
  th.visible-lg,
 +
  td.visible-lg {
 +
    display: table-cell !important;
 +
  }
 +
}
 +
@media (min-width: 1200px) {
 +
  .visible-lg-block {
 +
    display: block !important;
 +
  }
 +
}
 +
@media (min-width: 1200px) {
 +
  .visible-lg-inline {
 +
    display: inline !important;
 +
  }
 +
}
 +
@media (min-width: 1200px) {
 +
  .visible-lg-inline-block {
 +
    display: inline-block !important;
 +
  }
 +
}
 +
@media (max-width: 767px) {
 +
  .hidden-xs {
 +
    display: none !important;
 +
  }
 +
}
 +
@media (min-width: 768px) and (max-width: 991px) {
 +
  .hidden-sm {
 +
    display: none !important;
 +
  }
 +
}
 +
@media (min-width: 992px) and (max-width: 1199px) {
 +
  .hidden-md {
 +
    display: none !important;
 +
  }
 +
}
 +
@media (min-width: 1200px) {
 +
  .hidden-lg {
 +
    display: none !important;
 +
  }
 +
}
 +
.visible-print {
 +
  display: none !important;
 +
}
 +
@media print {
 +
  .visible-print {
 +
    display: block !important;
 +
  }
 +
  table.visible-print {
 +
    display: table;
 +
  }
 +
  tr.visible-print {
 +
    display: table-row !important;
 +
  }
 +
  th.visible-print,
 +
  td.visible-print {
 +
    display: table-cell !important;
 +
  }
 +
}
 +
.visible-print-block {
 +
  display: none !important;
 +
}
 +
@media print {
 +
  .visible-print-block {
 +
    display: block !important;
 +
  }
 +
}
 +
.visible-print-inline {
 +
  display: none !important;
 +
}
 +
@media print {
 +
  .visible-print-inline {
 +
    display: inline !important;
 +
  }
 +
}
 +
.visible-print-inline-block {
 +
  display: none !important;
 +
}
 +
@media print {
 +
  .visible-print-inline-block {
 +
    display: inline-block !important;
 +
  }
 +
}
 +
@media print {
 +
  .hidden-print {
 +
    display: none !important;
 +
  }
 +
}
 +
.text-left {
 +
  text-align: left;
 +
}
 +
.text-right {
 +
  text-align: right;
 +
}
 +
.text-center {
 +
  text-align: center;
 +
}
 +
.text-justify {
 +
  text-align: justify;
 +
}
 +
@media all and (min-width: 768px) and (max-width: 990px) {
 +
  .text-left-sm {
 +
    text-align: left;
 +
  }
 +
  .text-right-sm {
 +
    text-align: right;
 +
  }
 +
  .text-center-sm {
 +
    text-align: center;
 +
  }
 +
}
 +
@media all and (max-width: 767px) {
 +
  .text-left-xs {
 +
    text-align: left;
 +
  }
 +
  .text-right-xs {
 +
    text-align: right;
 +
  }
 +
  .text-center-xs {
 +
    text-align: center;
 +
  }
 +
}
 +
/*! -- Stack Alerts -- */
 +
.alert {
 +
  border-radius: 6px;
 +
}
 +
.alert:not(:last-child) {
 +
  margin-bottom: 1.85714286em;
 +
}
 +
.alert .alert__close {
 +
  font-size: 1.35714286em;
 +
}
 +
/*! -- Stack Menu Toggle -- */
 +
.menu-toggle {
 +
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
 +
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
 +
  width: 3.71428571em;
 +
  height: 3.71428571em;
 +
  border-radius: 50%;
 +
  text-align: center;
 +
  background: #fff;
 
   display: inline-block;
 
   display: inline-block;
−
   width: 10px;
+
   transition: 0.2s ease;
−
   height: 10px;
+
   -webkit-transition: 0.2s ease;
−
   margin: 0 8px;
+
   -moz-transition: 0.2s ease;
−
   background: #333;
+
}
 +
.menu-toggle i {
 +
   font-size: 1.78571429em;
 +
  position: relative;
 +
  top: 13px;
 +
  color: #252525;
 +
}
 +
.menu-toggle:hover {
 +
  box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);
 +
  transform: translate3d(0, -2px, 0);
 +
  -webkit-transform: translate3d(0, -2px, 0);
 +
}
 +
/*! -- Stack Nav Utility -- */
 +
.nav-utility {
 +
  padding: 0.92857143em 0;
 +
}
 +
.nav-utility .nav-utility__module {
 +
  font-size: 0.85714285714286em;
 +
}
 +
.nav-utility .nav-utility__module a {
 +
  color: #666666;
 +
  font-weight: normal;
 +
}
 +
.nav-utility .nav-utility__module a i {
 +
  transition: 0.3s ease;
 +
  -webkit-transition: 0.3s ease;
 +
  -moz-transition: 0.3s ease;
 +
  display: inline-block;
 +
}
 +
.nav-utility .nav-utility__module a:hover i {
 +
  transform: scale(1.5);
 +
  -webkit-transform: scale(1.5);
 +
}
 +
.nav-utility .nav-utility__module.right:not(:last-child) {
 +
  margin-left: 2.16666666666667em;
 +
}
 +
.utility-toggle {
 +
  display: inline-block;
 +
  cursor: pointer;
 +
  width: 3px;
 +
  height: 3px;
 +
  position: relative;
 +
  bottom: 8px;
 
   border-radius: 50%;
 
   border-radius: 50%;
−
   opacity: 0.25;
+
  background: #252525;
 +
}
 +
.utility-toggle:before,
 +
.utility-toggle:after {
 +
  content: '';
 +
  width: 3px;
 +
  height: 3px;
 +
  border-radius: 50%;
 +
  position: absolute;
 +
  background: #252525;
 +
}
 +
.utility-toggle:before {
 +
  top: 6px;
 +
}
 +
.utility-toggle:after {
 +
  top: 12px;
 +
}
 +
/*! -- Stack Nav Stacked -- */
 +
.bar-stacked .logo {
 +
  margin-bottom: 3.71428571em;
 +
}
 +
/*! -- Stack Nav Side Menu -- */
 +
.notification.side-menu {
 +
  z-index: 9999;
 +
  background: #ffffff;
 +
  padding-top: 1.85714286em;
 +
  margin: 0;
 +
  height: 100%;
 +
  box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);
 +
  width: 27.85714286em;
 +
}
 +
.notification.side-menu .side-menu__module {
 +
  overflow: hidden;
 +
  padding: 2.78571429em;
 +
}
 +
.notification.side-menu .side-menu__module + hr:not(:last-child) {
 +
  margin: 0;
 +
}
 +
.notification.side-menu .menu-vertical li a {
 +
  font-size: 1.35714286em;
 +
  line-height: 1.36842105em;
 +
}
 +
.notification.side-menu .menu-vertical li a:hover {
 +
  text-decoration: none;
 +
}
 +
.notification.side-menu .btn:not(:last-child) {
 +
  margin-bottom: 1.85714286em;
 +
}
 +
.notification.side-menu .btn + ul.list--loose {
 +
  margin-top: 0.92857143em;
 +
}
 +
.notification.side-menu .notification-close-cross {
 +
  top: 0.92857143em;
 +
  right: 2.78571429em;
 +
  margin-top: 8px;
 +
}
 +
.notification.side-menu .social-list:not(:first-child) {
 +
  margin-top: 1.85714286em;
 +
}
 +
.menu-toggle.pos-fixed {
 +
  position: fixed;
 +
  right: 5.57142857em;
 +
  animation: fadeInDown .3s ease forwards;
 +
}
 +
@media all and (min-width: 768px) {
 +
  .side-menu .side-menu__module span.type--fine-print {
 +
    position: relative;
 +
    top: 8px;
 +
  }
 +
}
 +
@media all and (max-width: 767px) {
 +
  .side-menu {
 +
    width: 100%;
 +
  }
 +
  .side-menu .side-menu__module .float-right,
 +
  .side-menu .side-menu__module .float-left {
 +
    display: block;
 +
  }
 +
}
 +
/*! -- Stack Nav Sidebar Column -- */
 +
.nav-container.nav-container--sidebar + .main-container {
 +
  width: calc(100vw - 20.428571428571463em);
 +
  float: right;
 +
}
 +
.nav-sidebar-column {
 +
  position: fixed;
 +
  z-index: 3;
 +
  left: 0;
 +
  width: 20.42857143em;
 +
  border-right: 1px solid #ececec;
 +
  height: 100vh;
 +
  overflow-y: scroll;
 +
  -ms-overflow-style: none;
 +
  padding: 2.78571429em 1.85714286em;
 +
}
 +
.nav-sidebar-column:not([class*='bg-']) {
 +
  background: #ffffff;
 +
}
 +
.nav-sidebar-column.bg--dark {
 +
  border-right: 1px solid #3f3f3f;
 +
}
 +
.nav-sidebar-column::-webkit-scrollbar {
 +
  display: none;
 +
}
 +
.nav-sidebar-column .logo {
 +
  max-height: 2.32142857em;
 +
  margin-bottom: 0.92857143em;
 +
}
 +
.nav-sidebar-column .text-block > p {
 +
  margin-bottom: 0.92857143em;
 +
}
 +
.nav-sidebar-column .menu-vertical li.dropdown:not(:hover):after {
 +
   opacity: .35;
 +
}
 +
.nav-sidebar-column .menu-vertical a:hover {
 +
  text-decoration: none;
 +
}
 +
.nav-sidebar-column .dropdown .dropdown__container,
 +
.nav-sidebar-column .dropdown .dropdown__content {
 +
  left: 0 !important;
 +
  position: relative;
 +
  pointer-events: all;
 +
}
 +
.nav-sidebar-column .dropdown .dropdown__container:before {
 +
  height: 0;
 +
}
 +
.nav-sidebar-column .dropdown .dropdown__content {
 +
  transform: none !important;
 +
  box-shadow: none;
 +
  -webkit-box-shadow: none;
 +
  padding-top: 0.46428571em;
 +
  padding-right: 0;
 +
  padding-left: 0.46428571em;
 +
  background: none !important;
 +
}
 +
.nav-sidebar-column .dropdown .menu-vertical li.dropdown:after {
 +
  right: 1.85714286em;
 +
}
 +
.nav-sidebar-column .dropdown:not(.dropdown--active) .dropdown__container {
 +
  display: none;
 +
}
 +
.nav-sidebar-column .dropdown.dropdown--hover:hover > .dropdown__container {
 +
  display: block;
 +
}
 +
.nav-sidebar-column .social-list {
 +
  margin-bottom: 0.92857143em;
 +
}
 +
body.dropdowns--hover .nav-sidebar-column .dropdown:hover > .dropdown__container {
 +
  display: block;
 +
}
 +
.nav-sidebar-column-toggle {
 +
  transition: all .3s ease;
 +
  left: 0;
 +
  width: 3.71428571em;
 +
  height: 3.71428571em;
 +
  background: #ffffff;
 +
  text-align: center;
 +
  position: fixed;
 +
  z-index: 4;
 
   cursor: pointer;
 
   cursor: pointer;
 +
  border-radius: 0 0 6px 0;
 +
  box-shadow: 2px 1px 4px rgba(0, 0, 0, 0.1);
 
}
 
}
 +
.nav-sidebar-column-toggle > i {
 +
  transition: all .3s ease;
 +
  font-size: 1.78571429em;
 +
  position: relative;
 +
  top: 11px;
 +
}
 +
.nav-sidebar-column-toggle:not(.toggled-class) > i {
 +
  opacity: .5;
 +
}
 +
.nav-sidebar-column-toggle.toggled-class i:before {
 +
  content: '\e80b';
 +
}
 +
@media all and (max-width: 990px) {
 +
  .nav-sidebar-column {
 +
    transition: all .3s ease;
 +
    left: -20.42857143em;
 +
    box-shadow: 2px 0px 4px rgba(0, 0, 0, 0);
 +
  }
 +
  .nav-sidebar-column.active {
 +
    left: 0;
 +
    box-shadow: 2px 0px 4px rgba(0, 0, 0, 0.1);
 +
  }
 +
  .nav-sidebar-column-toggle.toggled-class {
 +
    left: 20.42857143em;
 +
  }
 +
  .nav-container.nav-container--sidebar + .main-container {
 +
    width: 100%;
 +
    float: none;
 +
  }
 +
}
 +
.nav-container.nav-container--right .nav-sidebar-column {
 +
  right: 0;
 +
  left: auto;
 +
}
 +
.nav-container.nav-container--right + .main-container {
 +
  float: left;
 +
}
 +
.nav-container.nav-container--right .nav-sidebar-column-toggle {
 +
  left: auto;
 +
  right: 0;
 +
  border-radius: 0 0 0 6px;
 +
  box-shadow: -2px 1px 4px rgba(0, 0, 0, 0.1);
 +
}
 +
@media all and (max-width: 990px) {
 +
  .nav-container.nav-container--right .nav-sidebar-column {
 +
    right: -20.42857143em;
 +
    left: auto;
 +
  }
 +
  .nav-container.nav-container--right .nav-sidebar-column.active {
 +
    left: auto;
 +
    right: 0;
 +
    box-shadow: -2px 0px 4px rgba(0, 0, 0, 0.1);
 +
  }
 +
  .nav-container.nav-container--right .nav-sidebar-column-toggle.toggled-class {
 +
    left: auto;
 +
    right: 20.42857143em;
 +
  }
 +
}
 +
/*! -- Stack Nav Fullscreen -- */
 +
.menu-fullscreen {
 +
  color: #fff;
 +
}
 +
.menu-fullscreen .pos-absolute {
 +
  width: 100%;
 +
}
 +
.menu-fullscreen a {
 +
  color: #fff;
 +
}
 +
.menu-fullscreen a:hover {
 +
  text-decoration: none;
 +
}
 +
.menu-fullscreen .social-list {
 +
  margin-right: 0;
 +
}
 +
.menu-fullscreen:before {
 +
  background: rgba(0, 0, 0, 0.9);
 +
}
 +
.menu-fullscreen .modal-content .modal-close-cross {
 +
  right: 3.71428571em;
 +
  top: 1em;
 +
}
 +
@media all and (max-width: 767px) {
 +
  .menu-fullscreen .pos-bottom {
 +
    position: relative;
 +
  }
 +
}
 +
/*! -- Stack Dropdowns -- */
 +
.dropdown > .dropdown__trigger:after {
 +
  font-family: "Lato";
 +
  display: inline-block;
 +
  font-size: 8px;
 +
  position: relative;
 +
  bottom: 2px;
 +
}
 +
.dropdown > .dropdown__trigger .image--xxs {
 +
  margin-right: 0.46428571em;
 +
}
 +
.dropdown .dropdown__content {
 +
  border-radius: 6px;
 +
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.08);
 +
  -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.08);
 +
  padding: 1.23809524em 1.85714286em;
 +
}
 +
.dropdown .dropdown__content h5:not(:last-child) {
 +
  margin-bottom: 0.92857143em;
 +
}
 +
.dropdown .dropdown__content .background-image-holder {
 +
  border-radius: 6px 0 0 6px;
 +
}
 +
.dropdown .dropdown__content > .pos-absolute[class*='col-'] {
 +
  left: 0;
 +
  top: 0;
 +
  height: 100%;
 +
  position: absolute !important;
 +
}
 +
.dropdown .dropdown__content > .pos-absolute[class*='col-'][data-overlay]:before {
 +
  border-radius: 6px 0 0 6px;
 +
}
 +
.menu-horizontal > .dropdown > .dropdown__trigger:after {
 +
  content:"\25BC";
 +
  margin-left: 4px;
 +
}
 +
.menu-vertical > .dropdown > .dropdown__trigger {
 +
  display: inline-block;
 +
  width: 100%;
 +
}
 +
@media all and (max-width: 767px) {
 +
  .dropdown [class*='col-'] + [class*='col-'] {
 +
    margin-top: 0.92857143em;
 +
  }
 +
  .dropdown .dropdown__content:not([class*='bg-']) {
 +
    border: none;
 +
    box-shadow: none;
 +
  }
 +
}
 +
@media all and (max-width: 767px) {
 +
  .dropdown__container {
 +
    left: 0 !important;
 +
  }
 +
}
 +
.menu-vertical li {
 +
  transition: 0.3s ease;
 +
  -webkit-transition: 0.3s ease;
 +
  -moz-transition: 0.3s ease;
 +
}
 +
.menu-vertical li:not(:hover):not(.dropdown--active) {
 +
  opacity: .75;
 +
}
 +
.menu-vertical li:not(:last-child) {
 +
  margin-bottom: 0.30952381em;
 +
}
 +
.menu-vertical li.dropdown {
 +
  position: relative;
 +
}
 +
.menu-vertical li.dropdown:after {
 +
 
 +
  font-family: 'Lato';
 +
  right: 0;
 +
  top: 0;
 +
  position: absolute;
 +
  transition: 0.3s ease;
 +
  -webkit-transition: 0.3s ease;
 +
  -moz-transition: 0.3s ease;
 +
  display: inline-block;
 +
  transform: translate3d(-10px, 0, 0);
 +
  -webkit-transform: translate3d(-10px, 0, 0);
 +
}
 +
.menu-vertical li.dropdown:hover:after {
 +
  transform: translate3d(-5px, 0, 0);
 +
  -webkit-transform: translate3d(-5px, 0, 0);
 +
}
 +
.menu-vertical li.separate {
 +
  border-top: 1px solid #e6e6e6;
 +
  margin-top: 0.92857143em;
 +
  padding-top: 0.92857143em;
 +
}
 +
.menu-vertical li.separate.dropdown:after {
 +
  top: .92857143em;
 +
}
 +
.menu-vertical + h5 {
 +
  margin-top: 1.85714286em;
 +
}
 +
.dropdown__container > .container {
 +
  width: 100vw;
 +
  max-width: 1140px;
 +
}
 +
@media all and (max-width: 990px) {
 +
  .menu-vertical .dropdown.dropdown--active:after {
 +
    opacity: 0;
 +
  }
 +
}
 +
@media all and (min-width: 991px) {
 +
  .dropdown .dropdown__container:before {
 +
    height: 18px;
 +
  }
 +
}
 +
/*! -- Stack Twitter Feeds -- */
 +
.tweets-feed .interact {
 +
  display: none;
 +
}
 +
.tweets-feed .user a:hover {
 +
  text-decoration: none;
 +
}
 +
.tweets-feed .user img {
 +
  border-radius: 50%;
 +
}
 +
.tweets-feed-1 {
 +
  border-radius: 6px;
 +
  border: 1px solid #ececec;
 +
  overflow: hidden;
 +
}
 +
.tweets-feed-1 li {
 +
  overflow: hidden;
 +
  padding: 1.85714286em;
 +
  padding-bottom: 0;
 +
}
 +
.tweets-feed-1 li:not(:last-child) {
 +
  border-bottom: 1px solid #ececec;
 +
}
 +
.tweets-feed-1 .user {
 +
  width: 20%;
 +
  float: left;
 +
  margin-bottom: 0.92857143em;
 +
}
 +
.tweets-feed-1 .user img {
 +
  max-height: 3.71428571em;
 +
  margin-right: 0.46428571em;
 +
}
 +
.tweets-feed-1 .user [data-scribe="element:name"],
 +
.tweets-feed-1 .user [data-scribe="element:screen_name"] {
 +
  display: none;
 +
}
 +
.tweets-feed-1 .tweet,
 +
.tweets-feed-1 .timePosted {
 +
  width: 80%;
 +
  float: right;
 +
}
 +
.tweets-feed-1 .tweet {
 +
  margin-bottom: 0.46428571em;
 +
}
 +
.tweets-feed-1 .timePosted {
 +
  font-size: 0.85714286em;
 +
  line-height: 2.16666667em;
 +
}
 +
.tweets-feed-1:not(:last-child) + .btn {
 +
  margin-top: 2.78571429em;
 +
}
 +
.imagebg .tweets-feed-1,
 +
.bg--dark .tweets-feed-1 {
 +
  border-color: rgba(255, 255, 255, 0.1);
 +
}
 +
.imagebg .tweets-feed-1 li:not(:last-child),
 +
.bg--dark .tweets-feed-1 li:not(:last-child) {
 +
  border-color: rgba(255, 255, 255, 0.1);
 +
}
 +
.tweets-feed-2 .user {
 +
  display: none;
 +
}
 +
.tweets-feed-2 .timePosted {
 +
  display: none;
 +
}
 +
.tweets-feed-2 li {
 +
  overflow: hidden;
 +
}
 +
.tweets-feed-2 li:before {
 +
  font-family: 'Lato';
  
−
.flickity-page-dots .dot.is-selected {
+
}
 +
.tweets-feed-2 li .tweet {
 +
  width: 85%;
 +
  float: right;
 +
}
 +
.tweets-feed.slider .user img {
 +
  display: inline-block;
 +
  clear: both;
 +
  margin-bottom: 0.92857143em;
 +
}
 +
.tweets-feed.slider .user [data-scribe="element:name"] {
 +
  display: none;
 +
}
 +
.tweets-feed.slider .user [data-scribe="element:screen_name"] {
 +
  display: block;
 +
  font-size: 1.35714286em;
 +
  line-height: 1.36842105em;
 +
  font-weight: normal;
 +
}
 +
.tweets-feed.slider .tweet {
 +
  margin-top: 1.36842105263158em;
 +
  margin-bottom: 0.68421052631579em;
 +
  font-size: 1.35714286em;
 +
  line-height: 1.36842105em;
 +
}
 +
.tweets-feed.slider .timePosted {
 +
  margin: 0;
 +
}
 +
.tweets-feed.slider:not(:last-child) + .btn {
 +
  margin-top: 2.78571429em;
 +
}
 +
/*! -- Stack Instagram -- */
 +
.instafeed a {
 +
  transition: 0.3s ease;
 +
  -webkit-transition: 0.3s ease;
 +
  -moz-transition: 0.3s ease;
 +
}
 +
.instafeed a:hover {
 +
  opacity: .75;
 +
}
 +
.instafeed:not(.instafeed--gapless) li {
 +
  padding: 0.46428571em;
 +
}
 +
.instafeed.instafeed--gapless li {
 +
  margin-bottom: -1px;
 +
}
 +
.instafeed + .btn {
 +
  margin-top: 2.78571429em;
 +
}
 +
.instafeed[data-grid="1"][data-amount="8"] li {
 +
  display: inline-block;
 +
  width: 12.5%;
 +
}
 +
.instagram {
 +
  position: relative;
 +
}
 +
.instagram.unpad .btn {
 +
  position: absolute;
 +
  z-index: 2;
 +
  top: 50%;
 +
  transform: translate3d(-50%, -50%, 0);
 +
  -webkit-transform: translate3d(-50%, -50%, 0);
 +
  margin: 0;
 +
}
 +
/*! -- Stack Cards -- */
 +
.card__top {
 +
  position: relative;
 +
  overflow: hidden;
 +
}
 +
.card__action a {
 +
  color: #666666;
 +
  text-decoration: none;
 +
  transition: 0.3s ease;
 +
  -webkit-transition: 0.3s ease;
 +
  -moz-transition: 0.3s ease;
 +
}
 +
.card__action a i {
 +
  color: #252525;
 +
  font-size: 1em;
 +
}
 +
.card__action a span {
 +
  position: relative;
 +
  bottom: 2px;
 +
}
 +
.card__action a:not(:hover) {
 +
  opacity: .5;
 +
}
 +
.card p a {
 +
  text-decoration: none;
 +
}
 +
.masonry__item .card.boxed {
 +
  margin-bottom: 0;
 +
}
 +
.card-1 .card__avatar {
 +
  margin-bottom: 0.92857143em;
 +
}
 +
.card-1 .card__avatar img {
 +
  max-height: 2.78571429em;
 +
  margin-right: 0.46428571em;
 +
  margin-bottom: 0;
 +
}
 +
.card-1 .card__avatar,
 +
.card-1 .card__meta {
 +
  display: inline-block;
 +
}
 +
.card-1 .card__meta {
 +
  float: right;
 +
}
 +
.card-1 .card__body {
 +
  border-bottom: 1px solid #ececec;
 +
  padding-bottom: 0.92857143em;
 +
  margin-bottom: 0.92857143em;
 +
}
 +
.card-1 .card__body img {
 +
  margin-bottom: 0.92857143em;
 +
}
 +
.card-1 .card__body h4 {
 +
  margin-bottom: 0.342105263157895em;
 +
}
 +
.bg--dark .card-1 .card__body {
 +
  border-color: #3f3f3f;
 +
}
 +
@media all and (max-width: 767px) {
 +
  .card .list-inline:not(.social-list) li {
 +
    display: inline-block;
 +
  }
 +
  .card .list-inline:not(.social-list) li:not(:first-child) {
 +
    margin-left: 0.92857143em;
 +
  }
 +
}
 +
.card-2 .card__top img {
 +
  border-radius: 6px 6px 0 0;
 +
}
 +
.card-2 .card__body {
 +
  border-bottom: 1px solid #ececec;
 +
  padding-bottom: 1.85714286em;
 +
}
 +
.card-2 .card__body h4 {
 +
  margin: 0;
 +
}
 +
.card-2 .card__body p {
 +
  margin-top: 0.92857143em;
 +
}
 +
.card-2 .card__bottom {
 +
  overflow: hidden;
 +
}
 +
.card-2 .card__bottom > div {
 +
  display: inline-block;
 +
  width: 50%;
 +
  float: left;
 +
}
 +
.card-2 .card__bottom .h6 {
 +
  margin-bottom: 0.541666666666667em;
 +
}
 +
.card-2 .card__body,
 +
.card-2 .card__bottom {
 +
  padding: 1.85714286em;
 +
  border: 1px solid #ececec;
 +
}
 +
.card-2 .card__body {
 +
  border-bottom: none;
 +
  border-top: none;
 +
}
 +
.card-2 .card__bottom {
 +
  border-radius: 0 0 6px 6px;
 +
  padding: 0.92857143em 1.85714286em;
 +
}
 +
.card-2 .card__action i {
 +
  font-size: 1.78571429em;
 +
}
 +
.bg--dark .card-2 .card__body,
 +
.bg--dark .card-2 .card__bottom {
 +
  border-color: #3f3f3f;
 +
}
 +
/*! -- Stack Checkmarks & Crosses -- */
 +
.checkmark {
 +
  display: inline-block;
 +
  position: relative;
 +
  width: 1.23809524em;
 +
  height: 1.23809524em;
 +
  border-radius: 50%;
 +
  text-align: center;
 +
}
 +
.checkmark:not([class*='bg-']) {
 +
  background: #4a90e2;
 +
}
 +
.checkmark:before {
 +
  content: '\2713';
 +
  color: #fff;
 +
  font-size: 11px;
 +
  position: absolute;
 +
  width: 100%;
 +
  left: 0;
 +
  top: -4px;
 +
}
 +
.checkmark.checkmark--cross:before {
 +
  content: '\2717';
 +
}
 +
.checkmark:not(:last-child) {
 +
  margin-right: 13px;
 +
}
 +
/*! -- Stack Icons -- */
 +
.icon:not(.block) {
 +
  display: inline-block;
 +
}
 +
.icon.icon--xs {
 +
  font-size: 1.14285714285714em;
 +
}
 +
.text-block .icon + h4 {
 +
  margin-top: 0.6842105263158em;
 +
}
 +
.imagebg .icon {
 +
  color: #fff;
 +
}
 +
p .material-icons {
 +
  font-size: 1em;
 +
}
 +
p .material-icons:first-child {
 +
  margin-right: 0.30952381em;
 +
}
 +
.material-icons {
 +
  font-family: 'Lato' !important;
 +
}
 +
.icon-circle {
 +
  position: relative;
 +
  display: inline-block;
 +
  width: 3.71428571em;
 +
  height: 3.71428571em;
 +
  border-radius: 50%;
 +
  border: 1px solid #ececec;
 +
  background: #fafafa;
 +
  text-align: center;
 +
}
 +
.icon-circle i {
 +
  font-size: 24px;
 +
  position: absolute;
 +
  top: 50%;
 +
  transform: translateY(-50%);
 +
  width: 100%;
 +
  left: 0;
 +
}
 +
/*! -- Stack Tooltips -- */
 +
.tooltip {
 +
  position: relative;
 +
  top: 3px;
 +
  display: inline-block;
 +
  width: 1.23809524em;
 +
  height: 1.23809524em;
 +
  border-radius: 50%;
 +
  background: #252525;
 +
  text-align: center;
 +
  cursor: pointer;
 +
}
 +
.tooltip .tooltip__anchor {
 +
  color: #fff;
 +
  font-weight: 700;
 +
  font-size: 11px;
 +
  position: absolute;
 +
  top: -5px;
 +
  left: 6px;
 +
}
 +
.tooltip .tooltip__text {
 +
  transition: 0.2s ease;
 +
  -webkit-transition: 0.2s ease;
 +
  -moz-transition: 0.2s ease;
 +
  text-align: left;
 +
  z-index: 10;
 +
  position: absolute;
 +
  width: 280px;
 +
  background: #fafafa;
 +
  border: 1px solid #ececec;
 +
  padding: 0.61904762em;
 +
  left: 1.48571429em;
 +
  top: -0.92857143em;
 +
  opacity: 0;
 +
  pointer-events: none;
 +
  cursor: default;
 +
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
 +
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
 +
  line-height: 20px;
 +
}
 +
.tooltip:hover .tooltip__text {
 
   opacity: 1;
 
   opacity: 1;
 
}
 
}
 +
.tooltip:last-child {
 +
  margin-left: 0.92857143em;
 +
}
 +
[data-tooltip] {
 +
  position: relative;
 +
  overflow: visible;
 +
}
 +
[data-tooltip]:after {
 +
  transition: all .2s ease;
 +
  content: attr(data-tooltip);
 +
  position: absolute;
 +
  top: -24px;
 +
  left: 50%;
 +
  transform: translateX(-50%);
 +
  background: #252525;
 +
  color: #fff;
 +
  border: 1px solid #e7e7e7;
 +
  padding: 2px 12px;
 +
  pointer-events: none;
 +
  white-space: nowrap;
 +
  font-size: 11px;
 +
  line-height: 18px;
 +
  font-weight: 600;
 +
  border-radius: 2px;
 +
  z-index: 2;
 +
  font-family: 'Open Sans';
 +
}
 +
[data-tooltip]:not(:hover):after {
 +
  opacity: 0;
 +
}
 +
/*! -- Stack Boxes -- */
 +
.boxed {
 +
  border-radius: 6px;
 +
}
 +
.boxed .background-image-holder {
 +
  border-radius: 6px;
 +
}
 +
.boxed:before {
 +
  border-radius: 6px;
 +
}
 +
.boxed:not(:last-child) {
 +
  margin-bottom: 30px;
 +
}
 +
.boxed:not([class*='bg-']) {
 +
  background: #ffffff;
 +
}
 +
.boxed.bg--secondary .boxed {
 +
  background: #fafafa;
 +
}
 +
@media all and (min-width: 768px) {
 +
  .switchable .imagebg .boxed {
 +
    padding-left: 5.57142857em;
 +
  }
 +
}
 +
.bg--dark .boxed:not([class*='bg-']),
 +
.imagebg:not(.image--light) .boxed:not([class*='bg-']) {
 +
  background: none;
 +
  color: #fff;
 +
}
 +
.bg--dark .boxed:not([class*='bg-']).boxed--border,
 +
.imagebg:not(.image--light) .boxed:not([class*='bg-']).boxed--border {
 +
  border-color: #3f3f3f;
 +
}
 +
.bg--dark .boxed[class*='bg-'].boxed--border,
 +
.imagebg:not(.image--light) .boxed[class*='bg-'].boxed--border {
 +
  border: none;
 +
}
 +
.imagebg:not(.image--light) .boxed:not(.bg--white):not(.bg--none) {
 +
  background: rgba(20, 20, 20, 0.3);
 +
}
 +
.imagebg:not(.image--light) .boxed:not(.bg--white):not(.bg--none).boxed--border {
 +
  border: none;
 +
}
 +
.imagebg:not(.image--light) .boxed:not(.bg--white):not(.bg--none) .boxed {
 +
  background: none;
 +
}
 +
.bg--primary .boxed:not(.imagebg) {
 +
  color: #666666;
 +
}
 +
.bg--primary .boxed:not(.imagebg) p {
 +
  color: #666666;
 +
}
 +
.bg--primary .boxed:not(.imagebg) h1,
 +
.bg--primary .boxed:not(.imagebg) h2,
 +
.bg--primary .boxed:not(.imagebg) h3,
 +
.bg--primary .boxed:not(.imagebg) h4,
 +
.bg--primary .boxed:not(.imagebg) h5,
 +
.bg--primary .boxed:not(.imagebg) h6,
 +
.bg--primary .boxed:not(.imagebg) .h1,
 +
.bg--primary .boxed:not(.imagebg) .h2,
 +
.bg--primary .boxed:not(.imagebg) .h3,
 +
.bg--primary .boxed:not(.imagebg) .h4,
 +
.bg--primary .boxed:not(.imagebg) .h5,
 +
.bg--primary .boxed:not(.imagebg) .h6,
 +
.bg--primary .boxed:not(.imagebg) i {
 +
  color: #252525;
 +
}
 +
.bg--primary .boxed:not(.imagebg) a {
 +
  color: #4a90e2;
 +
}
 +
.bg--primary .boxed:not(.imagebg) .color--primary {
 +
  color: #4a90e2 !important;
 +
}
 +
@media all and (min-width: 768px) {
 +
  .boxed.boxed--emphasis {
 +
    transform: scale(1.075);
 +
    -webkit-transform: scale(1.075);
 +
  }
 +
}
 +
/*! -- Stack Features Small -- */
 +
.feature:not(.boxed) {
 +
  margin-bottom: 60px;
 +
}
 +
.feature.feature--featured:after {
 +
  content: '';
 +
  position: absolute;
 +
  bottom: 0;
 +
  width: 100%;
 +
  height: 4px;
 +
  background: #4a90e2;
 +
  left: 0;
 +
}
 +
.feature h5 {
 +
  margin: 0;
 +
}
 +
.feature h4 {
 +
  margin-bottom: 0.342105263157895em;
 +
}
 +
.feature h4 + p {
 +
  max-width: 22.28571429em;
 +
}
 +
.feature i + h5 {
 +
  margin-top: 1.85714286em;
 +
}
 +
.feature i + h4 {
 +
  margin-top: 0.68421052631579em;
 +
}
 +
.feature i.icon--lg + h4 {
 +
  margin-top: 1.36842105263158em;
 +
}
 +
.feature i.icon--lg + .h5 {
 +
  margin-top: 0.92857143em;
 +
}
 +
.feature img + .boxed {
 +
  border-radius: 0 0 6px 6px;
 +
  border-top: none;
 +
}
 +
a.feature {
 +
  display: block;
 +
  text-decoration: none;
 +
  font-weight: normal;
 +
  color: #666666;
 +
}
 +
a.feature img:first-child:not(:last-child) {
 +
  margin-bottom: 0.92857143em;
 +
}
 +
@media all and (max-width: 767px) {
 +
  a.feature {
 +
    margin-bottom: 0.92857143em !important;
 +
  }
 +
}
 +
.imagebg:not(.image--light) .feature.bg--white a:not(.btn) {
 +
  color: #4a90e2;
 +
}
 +
.imagebg:not(.image--light) .feature.bg--white .label {
 +
  color: #fff;
 +
}
 +
@media all and (max-width: 767px) {
 +
  .feature .feature__body form .row {
 +
    margin-left: 0;
 +
    margin-right: 0;
 +
  }
 +
}
 +
section.text-center .feature-6 h4 + p {
 +
  margin: 0 auto;
 +
}
 +
@media all and (min-width: 768px) {
 +
  .row div[class*='col-']:nth-child(1):nth-last-child(3) .feature,
 +
  .row div[class*='col-']:nth-child(2):nth-last-child(2) .feature,
 +
  .row div[class*='col-']:nth-child(3):last-child .feature {
 +
    margin-bottom: 0;
 +
  }
 +
}
 +
a.block > .feature {
 +
  transition: 0.3s ease;
 +
  -webkit-transition: 0.3s ease;
 +
  -moz-transition: 0.3s ease;
 +
}
 +
a.block:hover > .feature {
 +
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
 +
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
 +
}
 +
.feature-1 {
 +
  min-height: 11.14285714em;
 +
}
 +
.feature-1 p {
 +
  margin: 0;
 +
}
 +
.feature-1 p.lead {
 +
  min-height: 5.05263157894737em;
 +
}
 +
.feature-1 > img:first-child {
 +
  border-radius: 6px 6px 0 0;
 +
}
 +
.feature-1 > a.block img {
 +
  border-radius: 6px 6px 0 0;
 +
}
 +
.feature-1 > a.block + .feature__body {
 +
  border-radius: 0 0 6px 6px;
 +
}
 +
.feature-1[class*='box-shadow'] {
 +
  border-radius: 6px;
 +
  transition: 0.35s ease-out;
 +
  -webkit-transition: 0.35s ease-out;
 +
  -moz-transition: 0.35s ease-out;
 +
}
 +
.feature-1[class*='box-shadow']:hover {
 +
  transform: translate3d(0, -10px, 0);
 +
  -webkit-transform: translate3d(0, -10px, 0);
 +
  box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);
 +
}
 +
.hover-shadow {
 +
  border-radius: 6px;
 +
  backface-visibility: hidden;
 +
  overflow: hidden;
 +
  border: 1px solid #ececec;
 +
  transition: 0.35s ease-out;
 +
  -webkit-transition: 0.35s ease-out;
 +
  -moz-transition: 0.35s ease-out;
 +
}
 +
.hover-shadow:hover {
 +
  transform: translate3d(0, -10px, 0);
 +
  -webkit-transform: translate3d(0, -10px, 0);
 +
  box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);
 +
}
 +
.bg--dark .hover-shadow {
 +
  border-color: #222;
 +
}
 +
.bg--dark .hover-shadow:hover {
 +
  box-shadow: 0 23px 40px #000000;
 +
}
 +
.feature-2 {
 +
  overflow: hidden;
 +
}
 +
.feature-2 .feature__body {
 +
  width: 75%;
 +
  float: right;
 +
}
 +
.feature-2 h5 {
 +
  margin-bottom: 0.46428571em;
 +
}
 +
.feature-2 p:last-child {
 +
  margin: 0;
 +
}
 +
.feature-2 i {
 +
  width: 25%;
 +
  float: left;
 +
}
 +
.feature-large .feature-2 + .feature-2:last-child {
 +
  margin-bottom: 0;
 +
}
 +
@media all and (max-width: 990px) {
 +
  .feature-2 .feature__body,
 +
  .feature-2 i {
 +
    width: 100%;
 +
    float: none;
 +
  }
 +
  .feature-2 p:first-of-type {
 +
    margin-top: 0.92857143em;
 +
  }
 +
}
 +
.feature-3 i {
 +
  margin-bottom: 0.16666666666667em;
 +
}
 +
.feature-3 p {
 +
  min-height: 7.42857143em;
 +
}
 +
.feature-4 .btn {
 +
  position: absolute;
 +
  width: 100%;
 +
  bottom: 0;
 +
  left: 0;
 +
  border-radius: 0;
 +
  padding: 0.92857143em;
 +
}
 +
.feature-4 .btn:hover {
 +
  transform: none;
 +
}
 +
.feature-4 p {
 +
  min-height: 9.28571429em;
 +
}
 +
.feature-4 p:last-of-type {
 +
  margin-bottom: 3.71428571em;
 +
}
 +
.feature-5 i {
 +
  width: 25%;
 +
  float: left;
 +
}
 +
.feature-5 .feature__body {
 +
  width: 75%;
 +
  float: right;
 +
}
 +
.feature-5 p {
 +
  min-height: 5.57142857em;
 +
}
 +
.feature-5 p:last-of-type {
 +
  margin-bottom: 0.92857143em;
 +
}
 +
.feature-5:not([class*='bg-']) {
 +
  color: #252525;
 +
}
 +
.feature-6 p {
 +
  min-height: 9.28571429em;
 +
}
 +
.feature-6 p:last-child {
 +
  margin: 0;
 +
}
 +
.feature-7 {
 +
  height: 13em;
 +
  margin-bottom: 30px;
 +
}
 +
.feature-7[data-overlay]:before {
 +
  border-radius: 6px;
 +
  transition: 0.3s ease;
 +
  -webkit-transition: 0.3s ease;
 +
  -moz-transition: 0.3s ease;
 +
}
 +
.feature-7[data-overlay]:hover:before {
 +
  opacity: .75;
 +
}
 +
.feature-7 .background-image-holder {
 +
  border-radius: 6px;
 +
}
 +
.feature-7 h3 {
 +
  margin: 0;
 +
}
 +
.row--gapless .feature-7 {
 +
  margin: 0;
 +
  border-radius: 0;
 +
}
 +
.row--gapless .feature-7 .background-image-holder {
 +
  border-radius: 0;
 +
}
 +
.row--gapless .feature-7:before {
 +
  border-radius: 0;
 +
}
 +
@media all and (max-width: 767px) {
 +
  .feature-7 .pos-vertical-center {
 +
    top: 50%;
 +
    transform: translate3d(0, -50%, 0);
 +
    -webkit-transform: translate3d(0, -50%, 0);
 +
  }
 +
}
 +
.feature-8 {
 +
  padding: 2.78571429em 0 3.71428571em 0;
 +
}
 +
.feature-8:not(.boxed) {
 +
  margin-bottom: 0;
 +
}
 +
.feature-8 .feature__body {
 +
  max-width: 70%;
 +
  margin: 0 auto;
 +
}
 +
.feature-8 p {
 +
  min-height: 5.57142857em;
 +
}
 +
@media all and (max-width: 990px) {
 +
  .feature-8 .feature__body {
 +
    max-width: 85%;
 +
  }
 +
}
 +
@media all and (max-width: 767px) {
 +
  .feature p {
 +
    min-height: auto;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
  }
 +
  .feature.boxed {
 +
    margin-bottom: 15px;
 +
  }
 +
  .feature:not(.boxed) {
 +
    margin-bottom: 30px;
 +
  }
 +
  .feature.feature-8 {
 +
    margin-bottom: 0;
 +
  }
 +
}
 +
.feature-8 img {
 +
  max-height: 14.85714286em;
 +
}
 +
.feature-9 h4 {
 +
  margin: 0;
 +
}
 +
.feature-9:not(.boxed) {
 +
  margin-bottom: 30px;
 +
}
 +
@media all and (min-width: 768px) {
 +
  .features-small-14 .text-block {
 +
    margin-bottom: 3.71428571em;
 +
  }
 +
  .features-small-14 h4 {
 +
    min-height: 2.736842105263158em;
 +
  }
 +
}
 +
/*! -- Stack Features Large -- */
 +
@media all and (min-width: 768px) {
 +
  .staggered div[class*='col-']:nth-child(2):last-child {
 +
    margin-top: 13em;
 +
  }
 +
  .staggered div[class*='col-']:nth-child(2):last-child:not(:last-child) {
 +
    margin-bottom: 9.28571429em;
 +
  }
 +
  .staggered div[class*='col-'] .feature:not(:last-child) {
 +
    margin-bottom: 9.28571429em;
 +
  }
 +
}
 +
.feature-large h4:first-child {
 +
  margin-bottom: 0.68421052631579em;
 +
}
 +
.feature-large .feature:not(.boxed) {
 +
  margin-bottom: 30px;
 +
}
 +
.feature-large .feature-3.text-center p {
 +
  margin: 0 auto;
 +
}
 +
.feature-large .lead + .feature-large__group {
 +
  margin-top: 3.71428571em;
 +
}
 +
.feature-large .feature-large__group {
 +
  overflow: hidden;
 +
}
 +
.feature-large-1 .lead {
 +
  margin-bottom: 2.73684210526316em;
 +
}
 +
@media all and (min-width: 768px) {
 +
  .feature-large-2 div[class*='col-']:first-child {
 +
    margin-top: 5.57142857em;
 +
  }
 +
  .feature-large-2 div[class*='col-']:last-child {
 +
    margin-top: 7.42857143em;
 +
  }
 +
}
 +
@media all and (max-width: 767px) {
 +
  .feature-large-2 img {
 +
    margin: 1.85714286em 0;
 +
  }
 +
}
 +
.feature-large-7.switchable .boxed div[class*='col-']:only-child {
 +
  float: none;
 +
}
 +
.feature-large-13 p.lead + .text-block {
 +
  margin-top: 3.71428571em;
 +
}
 +
.feature-large-13 div[class*='col-'] .text-block + .text-block {
 +
  margin-top: 2.78571429em;
 +
}
 +
@media all and (min-width: 1200px) {
 +
  .feature-large-13:not(.text-center) .text-block p {
 +
    max-width: 26em;
 +
  }
 +
}
 +
.feature-large-14 h5 {
 +
  margin-bottom: 0.46428571em;
 +
}
 +
.feature-large-14 .boxed {
 +
  margin-bottom: 0;
 +
}
 +
.feature-large-14 .boxed.boxed--border img {
 +
  border-radius: 6px;
 +
}
 +
@media all and (min-width: 768px) {
 +
  .feature-large-14.switchable .switchable__text {
 +
    margin-top: 5.57142857em;
 +
  }
 +
}
 +
/*! -- Stack Accordions -- */
 +
.accordion .accordion__title {
 +
  transition: 0.5s ease;
 +
  -webkit-transition: 0.5s ease;
 +
  -moz-transition: 0.5s ease;
 +
  opacity: .5;
 +
  margin-bottom: 0.92857143em;
 +
}
 +
.accordion .accordion__title:hover {
 +
  opacity: 1;
 +
}
 +
.accordion .accordion__title:before {
 +
  font-family: "stack-interface";
 +
  content: '\e80d';
 +
  margin-right: 6px;
 +
  color: #252525;
 +
}
 +
.accordion .accordion__title span {
 +
  display: inline-block;
 +
}
 +
.accordion li.active {
 +
  margin-bottom: 0.92857143em;
 +
}
 +
.accordion li.active .accordion__title {
 +
  opacity: 1;
 +
}
 +
.accordion li.active .accordion__title:before {
 +
  content: '\e80a';
 +
}
 +
.accordion li.active .accordion__content {
 +
  animation: fadeUp .5s ease forwards;
 +
  -webkit-animation: fadeUp .5s ease forwards;
 +
}
 +
.accordion-1 li.active .accordion__title {
 +
  border-color: #4a90e2;
 +
}
 +
.accordion-1 li.active .accordion__title span {
 +
  color: #fff;
 +
}
 +
.accordion-1 li.active .accordion__title:before {
 +
  color: #fff;
 +
}
 +
.accordion-1 li .accordion__title {
 +
  border-radius: 6px;
 +
  border-bottom: 1px solid #ECECEC;
 +
}
 +
.accordion-2 li .accordion__title {
 +
  border-left: none;
 +
  border-right: none;
 +
  border-top: none;
 +
  border-bottom: 1px solid #ECECEC;
 +
  padding-left: 0;
 +
}
 +
.accordion-2 li.active .accordion__title {
 +
  background: none;
 +
  border-bottom: 1px solid rgba(0, 0, 0, 0);
 +
}
 +
.bg--dark .accordion-2 li .accordion__title,
 +
.imagebg:not(.image--light) .accordion-2 li .accordion__title,
 +
.bg--primary .accordion-2 li .accordion__title,
 +
.bg--dark .accordion-1 li .accordion__title,
 +
.imagebg:not(.image--light) .accordion-1 li .accordion__title,
 +
.bg--primary .accordion-1 li .accordion__title {
 +
  border-color: #4b4b4b;
 +
}
 +
.bg--dark .accordion-2 li .accordion__title:before,
 +
.imagebg:not(.image--light) .accordion-2 li .accordion__title:before,
 +
.bg--primary .accordion-2 li .accordion__title:before,
 +
.bg--dark .accordion-1 li .accordion__title:before,
 +
.imagebg:not(.image--light) .accordion-1 li .accordion__title:before,
 +
.bg--primary .accordion-1 li .accordion__title:before {
 +
  color: #fff;
 +
}
 +
.imagebg:not(.image--light) .accordion li .accordion__title,
 +
.bg--primary .accordion li .accordion__title {
 +
  border-color: rgba(255, 255, 255, 0.3);
 +
}
 +
/*! -- Stack Tabs -- */
 +
.tabs-container.tabs--vertical {
 +
  overflow: hidden;
 +
}
 +
.tabs-container.tabs--vertical .tabs {
 +
  width: 25%;
 +
  float: left;
 +
}
 +
.tabs-container.tabs--vertical .tabs li {
 +
  display: block;
 +
}
 +
.tabs-container.tabs--vertical .tabs li:not(:last-child) {
 +
  border-right: none;
 +
  border-bottom: 1px solid #ECECEC;
 +
}
 +
.tabs-container.tabs--vertical .tabs-content {
 +
  width: 70%;
 +
  float: right;
 +
  margin-top: 0;
 +
}
 +
.tabs-container.tabs--vertical .tabs-content > li:not(.active) .tab__content {
 +
  animation: fadeOutUp .5s ease forwards;
 +
  -webkit-animation: fadeOutUp .5s ease forwards;
 +
}
 +
.tabs-container.tabs--vertical .tabs-content > li.active .tab__content {
 +
  animation: fadeInUp .5s ease forwards;
 +
  -webkit-animation: fadeInUp .5s ease forwards;
 +
  backface-visibility: hidden;
 +
}
 +
.tabs-container.tabs--vertical.tabs--icons .tabs {
 +
  width: 15%;
 +
  text-align: center;
 +
}
 +
.tabs-container.tabs--vertical.tabs--icons .tabs-content {
 +
  width: 80%;
 +
}
 +
@media all and (max-width: 767px) {
 +
  .tabs-container.tabs--vertical .tabs,
 +
  .tabs-container.tabs--vertical .tabs-content {
 +
    width: 100%;
 +
    float: none;
 +
  }
 +
  .tabs-container.tabs--vertical .tabs {
 +
    margin-bottom: 1.85714286em;
 +
  }
 +
  .tabs-container.tabs--vertical .tabs-content > li:not(.active) .tab__content {
 +
    animation: fadeOutRight .5s ease forwards;
 +
    -webkit-animation: fadeOutRight .5s ease forwards;
 +
  }
 +
  .tabs-container.tabs--vertical .tabs-content > li.active .tab__content {
 +
    animation: fadeInLeft .5s ease forwards;
 +
    -webkit-animation: fadeInLeft .5s ease forwards;
 +
    backface-visibility: hidden;
 +
  }
 +
}
 +
.tabs {
 +
  display: inline-block;
 +
  border: 1px solid #ECECEC;
 +
  border-radius: 6px;
 +
  margin-bottom: 1.85714286em;
 +
}
 +
.tabs li {
 +
  transition: 0.3s ease;
 +
  -webkit-transition: 0.3s ease;
 +
  -moz-transition: 0.3s ease;
 +
  padding: 0.92857143em 1.85714286em;
 +
}
 +
.tabs li:not(:last-child) {
 +
  border-right: 1px solid #ECECEC;
 +
}
 +
.tabs li.active {
 +
  opacity: 1;
 +
}
 +
.tabs li.active .tab__title {
 +
  color: #4a90e2;
 +
}
 +
.tabs li.active .tab__title span {
 +
  color: #4a90e2;
 +
}
 +
.tabs li:not(.active) {
 +
  opacity: 1;
 +
}
 +
.tabs li:hover {
 +
  opacity: 1;
 +
  cursor: pointer;
 +
}
 +
.tabs .tab__title {
 +
  transition: 0.3s ease;
 +
  -webkit-transition: 0.3s ease;
 +
  -moz-transition: 0.3s ease;
 +
}
 +
.tabs .tab__title:not(.btn) {
 +
  padding-right: 0;
 +
  padding-left: 0;
 +
}
 +
.tabs .tab__title i + span {
 +
  margin-top: 0.46428571em;
 +
  display: inline-block;
 +
  margin-bottom: 0;
 +
}
 +
.bg--primary .tabs {
 +
  border-color: #fff;
 +
}
 +
.bg--primary .tabs li.active .tab__title {
 +
  color: #fff;
 +
}
 +
.bg--primary .tabs li.active .tab__title span {
 +
  color: #fff;
 +
}
 +
.bg--primary .tabs li:not(:last-child) {
 +
  border-color: #fff;
 +
}
 +
@media all and (min-width: 768px) {
 +
  .tabs.tabs--spaced {
 +
    margin-bottom: 3.71428571em;
 +
  }
 +
}
 +
.tabs-content {
 +
  position: relative;
 +
}
 +
.tabs-content > li:not(.active) .tab__content {
 +
  position: absolute;
 +
  left: 0;
 +
  top: 0;
 +
  display: block;
 +
  opacity: 0;
 +
  pointer-events: none;
 +
  animation: fadeOutRight .5s ease forwards;
 +
  -webkit-animation: fadeOutRight .5s ease forwards;
 +
}
 +
.tabs-content > li.active {
 +
  animation: fadeInLeft .5s ease forwards;
 +
  -webkit-animation: fadeInLeft .5s ease forwards;
 +
  backface-visibility: hidden;
 +
}
 +
@media all and (max-width: 767px) {
 +
  .tabs li {
 +
    display: block;
 +
  }
 +
  .tabs li:not(:last-child) {
 +
    border-bottom: 1px solid #ECECEC;
 +
    border-right: none;
 +
  }
 +
}
 +
.tabs--folder .tabs {
 +
  overflow: hidden;
 +
  margin-bottom: 0;
 +
  border-radius: 6px 6px 0 0;
 +
  border-bottom: none;
 +
}
 +
.tabs--folder .tabs > li {
 +
  border-top: 3px solid rgba(0, 0, 0, 0);
 +
}
 +
.tabs--folder .tabs > li.active {
 +
  border-top: 3px solid #4a90e2;
 +
}
 +
.tabs--folder .tabs-content {
 +
  overflow: hidden;
 +
  position: relative;
 +
  bottom: 8px;
 +
  padding: 1.85714286em;
 +
  border: 1px solid #ECECEC;
 +
  border-radius: 0 0 6px 6px;
 +
}
 +
.tabs--folder .tabs-content > li:not(.active) .tab__content {
 +
  top: 1.85714286em;
 +
  left: 1.85714286em;
 +
}
 +
.tabs--folder .tab__title .h5 {
 +
  margin: 0;
 +
  display: inline-block;
 +
}
 +
.tabs--folder .tab__title .label {
 +
  position: relative;
 +
  color: #fff !important;
 +
  top: -2px;
 +
  right: 0;
 +
  margin-left: 0.46428571em;
 +
  min-width: 0;
 +
}
 +
/*! -- Stack Switchable Sections -- */
 +
@media all and (min-width: 768px) {
 +
  .switchable .container > .row {
 +
    flex-flow: row-reverse;
 +
  }
 +
  .switchable.switchable--switch .container > .row {
 +
    flex-flow: row;
 +
  }
 +
}
 +
.switchable .switchable__text {
 +
  margin-top: 1.85714286em;
 +
}
 +
.switchable [class*='col-']:first-child .switchable__text {
 +
  margin-bottom: 2.78571429em;
 +
}
 +
.section--overlap .row {
 +
  position: relative;
 +
  margin-top: -13em;
 +
}
 +
@media all and (max-width: 990px) {
 +
  .switchable .switchable__text {
 +
    margin-top: 0;
 +
  }
 +
}
 +
@media all and (max-width: 767px) {
 +
  .switchable .switchable__text {
 +
    margin-top: 1.85714286em;
 +
  }
 +
  .switchable .imageblock__content[class*='col-'] {
 +
    float: none !important;
 +
  }
 +
  .switchable .row > div[class*='col-'] {
 +
    float: none !important;
 +
  }
 +
  .switchable .row > div[class*='col-']:last-child:not(:only-child) {
 +
    margin-top: 1.85714286em;
 +
  }
 +
}
 +
/*! -- Stack CTA -- */
 +
.cta .btn:first-child:not(:last-child) {
 +
  margin-bottom: 1.85714286em;
 +
}
 +
.cta.boxed:last-child {
 +
  margin-bottom: 0;
 +
}
 +
@media all and (min-width: 768px) {
 +
  .cta--horizontal h4,
 +
  .cta--horizontal .lead,
 +
  .cta--horizontal .btn {
 +
    margin: 0;
 +
  }
 +
  .cta--horizontal h4,
 +
  .cta--horizontal .lead {
 +
    position: relative;
 +
    top: 4px;
 +
  }
 +
  .bg--dark .cta-1 > div[class*='col-']:last-child,
 +
  .imagebg .cta-1 > div[class*='col-']:last-child {
 +
    border-left: none;
 +
  }
 +
}
 +
@media all and (min-width: 1200px) {
 +
  .cta-1.boxed--border {
 +
    padding: 0;
 +
  }
 +
  .cta-1 > div[class*='col-'] {
 +
    padding: 1.23809524em 15px;
 +
  }
 +
  .cta-1 > div[class*='col-']:last-child {
 +
    border-left: 1px solid #ECECEC;
 +
  }
 +
}
 +
@media all and (max-width: 990px) {
 +
  .cta-1 {
 +
    text-align: center;
 +
  }
 +
  .cta-1 > div[class*='col-'] {
 +
    padding-left: 0;
 +
    padding-right: 0;
 +
  }
 +
  .cta-1 > div[class*='col-']:not(:last-child) {
 +
    margin-bottom: 0.92857143em;
 +
  }
 +
  .cta-1 > div[class*='col-']:last-child {
 +
    margin-top: 1.85714286em;
 +
  }
 +
}
 +
@media all and (max-width: 767px) {
 +
  .cta .lead {
 +
    margin: 1.36842105263158em 0;
 +
  }
 +
}
 +
.cta-2 {
 +
  transition: 0.3s ease;
 +
  -webkit-transition: 0.3s ease;
 +
  -moz-transition: 0.3s ease;
 +
}
 +
.cta-2 h2 {
 +
  margin: 1.57575757575758em 0;
 +
}
 +
.cta-2.bg--primary:hover {
 +
  background: #5798e4;
 +
}
 +
.cta-2:hover {
 +
  background: #ffffff;
 +
}
 +
@media all and (min-width: 768px) {
 +
  .cta-3 .switchable__text {
 +
    margin-top: 5.57142857em;
 +
  }
 +
}
 +
/*! -- Stack Videos -- */
 +
.video-play-icon:before {
 +
  border-color: transparent transparent transparent #252525;
 +
  margin-top: -3px;
 +
}
 +
.modal-instance .video-play-icon + span {
 +
  position: relative;
 +
  display: inline-block;
 +
  margin-left: 0.92857143em;
 +
  white-space: nowrap;
 +
  bottom: 22px;
 +
}
 +
.modal-instance .video-play-icon.video-play-icon--xs + span {
 +
  bottom: 8px;
 +
  margin-left: 0.46428571em;
 +
}
 +
.video-cover {
 +
  background: #252525;
 +
}
 +
.video-cover.border--round {
 +
  overflow: hidden;
 +
}
 +
.video-cover.border--round iframe {
 +
  border-radius: 6px;
 +
}
 +
.video-cover:not(:last-child) {
 +
  margin-bottom: 1.85714286em;
 +
}
 +
.video-cover + span.h4 + span {
 +
  display: inline-block;
 +
  margin-left: 0.92857143em;
 +
}
 +
@media all and (min-width: 1025px) {
 +
  .video-play-icon {
 +
    transition: 0.2s ease-out;
 +
    -webkit-transition: 0.2s ease-out;
 +
    -moz-transition: 0.2s ease-out;
 +
  }
 +
  .video-play-icon:hover {
 +
    box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);
 +
    transform: translate3d(-50%, -52%, 0);
 +
    -webkit-transform: translate3d(-50%, -52%, 0);
 +
  }
 +
}
 +
.imagebg .video-cover .video-play-icon {
 +
  z-index: 10;
 +
}
 +
@media all and (min-width: 768px) {
 +
  h2 + .video-cover {
 +
    margin-top: 3.71428571em;
 +
  }
 +
}
 +
@media all and (min-width: 768px) {
 +
  .video-1 .video-play-icon {
 +
    margin-right: 1.85714286em;
 +
  }
 +
  .video-1 h2 {
 +
    display: inline-block;
 +
    position: relative;
 +
    bottom: 14px;
 +
  }
 +
  div[class*='col-sm-6'] .video-1 h2 {
 +
    bottom: 0;
 +
    display: block;
 +
  }
 +
  div[class*='col-sm-6'] .video-1 .video-play-icon {
 +
    margin-bottom: 0.46428571em;
 +
  }
 +
}
 +
.video-1 h2 {
 +
  margin: 0;
 +
}
 +
.imageblock__content .modal-instance {
 +
  position: absolute;
 +
  top: 50%;
 +
  left: 50%;
 +
  transform: translate3d(-50%, -50%, 0);
 +
  -webkit-transform: translate3d(-50%, -50%, 0);
 +
}
 +
/*! -- Stack Modals -- */
 +
.modal-container .modal-content:not(.height--natural) {
 +
  height: auto;
 +
  width: auto;
 +
}
 +
.modal-instance:not(.block) {
 +
  display: inline-block;
 +
}
 +
.modal-instance.block > .btn {
 +
  display: block;
 +
}
 +
@media all and (min-width: 768px) {
 +
  .modal-instance + span:last-child {
 +
    display: inline-block;
 +
    margin-left: 0.92857143em;
 +
  }
 +
}
 +
.modal-container .modal-content {
 +
  max-height: 95%;
 +
  transform: translateX(-50%) translateY(-50%);
 +
  -webkit-transform: translateX(-50%) translateY(-50%);
 +
}
 +
.modal-container .modal-content .feature:only-child {
 +
  margin-bottom: 0;
 +
}
 +
.modal-container .modal-content .feature:only-child .boxed {
 +
  margin-bottom: 0;
 +
}
 +
.modal-container .modal-content .imagebg:not(.image--light) .modal-close-cross:before {
 +
  color: #fff;
 +
}
 +
.modal-container .modal-content .container {
 +
  width: 100vw;
 +
}
 +
@media all and (max-width: 767px) {
 +
  .modal-container .modal-content > .modal-close-cross {
 +
    top: 3em;
 +
    background: #222;
 +
    width: 2em;
 +
    height: 2em;
 +
    text-align: center;
 +
    border-radius: 50%;
 +
    color: #fff;
 +
  }
 +
  .modal-container:not(.modal-active) .modal-content {
 +
    display: none;
 +
  }
 +
}
 +
.modal-content {
 +
  -ms-overflow-style: none;
 +
}
 +
.modal-content::-webkit-scrollbar {
 +
  display: none;
 +
}
 +
/*! -- Stack Notifications -- */
 +
.notification {
 +
  max-width: inherit;
 +
  margin: 1.85714286em;
 +
  box-shadow: none;
 +
}
 +
.notification:not([class*='bg--']) {
 +
  background: none;
 +
}
 +
.notification > .boxed {
 +
  margin: 0;
 +
}
 +
.notification > .feature,
 +
.notification .feature__body {
 +
  margin-bottom: 0;
 +
}
 +
.search-box {
 +
  width: 100%;
 +
  margin: 0;
 +
  padding: 1.85714286em;
 +
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
 +
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
 +
}
 +
.search-box.notification--reveal {
 +
  z-index: 9999;
 +
}
 +
.search-box .notification-close-cross {
 +
  top: 2.32142857em;
 +
  right: 1.85714286em;
 +
}
 +
.notification-close-cross.notification-close-cross--circle {
 +
  background: #222;
 +
  width: 2em;
 +
  height: 2em;
 +
  text-align: center;
 +
  border-radius: 50%;
 +
  color: #fff;
 +
}
 +
/*! -- Stack Loader -- */
 +
.loader {
 +
  border: 3px solid #4a90e2;
 +
  border-radius: 30px;
 +
  height: 30px;
 +
  left: 50%;
 +
  margin: -15px 0 0 -15px;
 +
  opacity: 0;
 +
  position: fixed;
 +
  z-index: 10;
 +
  top: 50%;
 +
  width: 30px;
 +
  animation: pulsate 0.7s ease-out infinite;
 +
}
 +
.loader.loader--fade {
 +
  opacity: 0;
 +
  animation: none;
 +
}
 +
@keyframes pulsate {
 +
  0% {
 +
    transform: scale(0.1);
 +
    opacity: 0.0;
 +
  }
 +
  50% {
 +
    opacity: 1;
 +
  }
 +
  100% {
 +
    transform: scale(1.2);
 +
    opacity: 0;
 +
  }
 +
}
 +
/*! -- Stack Lightboxes -- */
 +
.lb-close {
 +
  position: relative;
 +
  top: 10px;
 +
}
 +
.lb-close:before {
 +
  content: '\00D7';
 +
  color: #fff;
 +
  font-size: 2.5em;
 +
  font-weight: 400;
 +
}
 +
.lb-close:hover {
 +
  text-decoration: none;
 +
}
 +
.lb-prev:after,
 +
.lb-next:after {
 +
  font-family: 'stack-interface';
 +
  position: fixed;
 +
}
 +
.lb-prev:after {
 +
  content: '\e801';
 +
  left: 1.85714286em;
 +
}
 +
.lb-next:after {
 +
  content: '\e802';
 +
  right: 1.85714286em;
 +
}
 +
.lb-data {
 +
  overflow: hidden;
 +
  min-height: 30px;
 +
}
 +
a[data-lightbox] {
 +
  transition: 0.3s ease;
 +
  -webkit-transition: 0.3s ease;
 +
  -moz-transition: 0.3s ease;
 +
}
 +
a[data-lightbox]:hover {
 +
  opacity: .8;
 +
  cursor: zoom-in;
 +
}
 +
/*! -- Stack Covers -- */
 +
.cover .typed-headline {
 +
  margin-bottom: 3.71428571em;
 +
}
 +
.cover .typed-headline .type--bold {
 +
  font-weight: 400;
 +
}
 +
.cover .triptych {
 +
  margin-top: 3.71428571em;
 +
}
 +
.cover .btn + .modal-instance {
 +
  margin-top: 1.85714286em;
 +
}
 +
.cover h3 + form,
 +
.cover .h3 + form {
 +
  margin-top: 2.78571429em;
 +
}
 +
.cover .lead + .boxed {
 +
  margin-top: 3.71428571em;
 +
}
 +
.cover.unpad--bottom {
 +
  overflow: hidden;
 +
}
 +
.cover .modal-instance.block:not(:first-child):not(:last-child) {
 +
  margin: 2.78571429em 0;
 +
}
 +
.cover .pos-bottom {
 +
  margin-bottom: 1.85714286em;
 +
}
 +
@media all and (min-width: 768px) {
 +
  .cover .row .row:last-child {
 +
    margin-top: 5.57142857em;
 +
  }
 +
}
 +
@media all and (max-width: 767px) {
 +
  .cover .pos-bottom.pos-absolute {
 +
    position: relative;
 +
    margin-top: 1.85714286em;
 +
  }
 +
}
 +
@media all and (max-width: 990px) {
 +
  .cover .mt--3 {
 +
    margin-top: 0;
 +
  }
 +
}
 +
@media all and (min-width: 768px) {
 +
  .cover .triptych {
 +
    margin-top: 7.42857143em;
 +
  }
 +
}
 +
.cover-fullscreen {
 +
  min-height: 100vh;
 +
}
 +
.cover-fullscreen.slider[data-paging="true"] .slides .flickity-slider > li {
 +
  height: 100vh;
 +
}
 +
.cover-fullscreen.slider[data-paging="true"] .pos-bottom {
 +
  bottom: 5.57142857em;
 +
  width: 100%;
 +
}
 +
.cover-fullscreen.slider[data-paging="true"] h4 {
 +
  margin: 0;
 +
}
 +
.cover-slider {
 +
  overflow: hidden;
 +
}
 +
.cover-slider .slider {
 +
  position: relative;
 +
  width: 100%;
 +
  pointer-events: none;
 +
}
 +
.cover-slider .slider:nth-child(1) {
 +
  transform: translateY(-30%);
 +
}
 +
.cover-slider .slider:nth-child(2) {
 +
  transform: translateY(-25%);
 +
}
 +
.cover-slider .slider:nth-child(3) {
 +
  transform: translateY(-20%);
 +
}
 +
.cover-slider .slider .slide {
 +
  opacity: .05;
 +
}
 +
.cover-slider .typed-headline {
 +
  margin: 0;
 +
}
 +
.cover-slider .typed-headline + .btn {
 +
  margin-top: 0.92857143em;
 +
}
 +
.cover-slider .slider-container {
 +
  transform: rotateZ(-30deg) translateY(-10%);
 +
  -webkit-transform: rotateZ(-30deg) translateY(-10%);
 +
  position: absolute;
 +
  width: 100%;
 +
  height: 100%;
 +
  top: 0;
 +
}
 +
@media all and (min-width: 768px) {
 +
  .cover-slider + .cta-4 {
 +
    position: absolut

Latest revision as of 12:50, 19 October 2019

/* 

   Common
  • /

.wizard, .tabcontrol { 

   display: block;
   width: 100%;
   overflow: hidden;

}

.wizard a, .tabcontrol a { 

   outline: 0;

}

.wizard ul, .tabcontrol ul { 

   list-style: none !important;
   padding: 0;
   margin: 0;

}

.wizard ul > li, .tabcontrol ul > li { 

   display: block;
   padding: 0;

}

/* Accessibility */ .wizard > .steps .current-info, .tabcontrol > .steps .current-info { 

   position: absolute;
   left: -999em;

}

.wizard > .content > .title, .tabcontrol > .content > .title { 

   position: absolute;
   left: -999em;

}


/* 

   Wizard
  • /

.wizard > .steps { 

   position: relative;
   display: block;
   width: 100%;

}

.wizard.vertical > .steps { 

   display: inline;
   float: left;
   width: 30%;

}

.wizard > .steps .number { 

   font-size: 1.429em;

}

.wizard > .steps > ul > li { 

   width: 25%;

}

.wizard > .steps > ul > li, .wizard > .actions > ul > li { 

   float: left;

}

.wizard.vertical > .steps > ul > li { 

   float: none;
   width: 100%;

}

.wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active { 

   display: block;
   width: auto;
   margin: 0 0.5em 0.5em;
   padding: 1em 1em;
   text-decoration: none;

   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;

}

.wizard > .steps .disabled a, .wizard > .steps .disabled a:hover, .wizard > .steps .disabled a:active { 

   background: #eee;
   color: #aaa;
   cursor: default;

}

.wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active { 

   background: #2184be;
   color: #fff;
   cursor: default;

}

.wizard > .steps .done a, .wizard > .steps .done a:hover, .wizard > .steps .done a:active { 

   background: #9dc8e2;
   color: #fff;

}

.wizard > .steps .error a, .wizard > .steps .error a:hover, .wizard > .steps .error a:active { 

   background: #ff3111;
   color: #fff;

}

.wizard > .content { 

   background: #eee;
   display: block;
   margin: 0.5em;
   min-height: 35em;
   overflow: hidden;
   position: relative;
   width: auto;

   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;

}

.wizard.vertical > .content { 

   display: inline;
   float: left;
   margin: 0 2.5% 0.5em 2.5%;
   width: 65%;

}

.wizard > .content > .body { 

   float: left;
   position: absolute;
   width: 95%;
   height: 95%;
   padding: 2.5%;

}

.wizard > .content > .body ul { 

   list-style: disc !important;

}

.wizard > .content > .body ul > li { 

   display: list-item;

}

.wizard > .content > .body > iframe { 

   border: 0 none;
   width: 100%;
   height: 100%;

}

.wizard > .content > .body input { 

   display: block;
   border: 1px solid #ccc;

}

.wizard > .content > .body input[type="checkbox"] { 

   display: inline-block;

}

.wizard > .content > .body input.error { 

   background: rgb(251, 227, 228);
   border: 1px solid #fbc2c4;
   color: #8a1f11;

}

.wizard > .content > .body label { 

   display: inline-block;
   margin-bottom: 0.5em;

}

.wizard > .content > .body label.error { 

   color: #8a1f11;
   display: inline-block;
   margin-left: 1.5em;

}

.wizard > .actions { 

   position: relative;
   display: block;
   text-align: right;
   width: 100%;

}

.wizard.vertical > .actions { 

   display: inline;
   float: right;
   margin: 0 2.5%;
   width: 95%;

}

.wizard > .actions > ul { 

   display: inline-block;
   text-align: right;

}

.wizard > .actions > ul > li { 

   margin: 0 0.5em;

}

.wizard.vertical > .actions > ul > li { 

   margin: 0 0 0 1em;

}

.wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active { 

   background: #2184be;
   color: #fff;
   display: block;
   padding: 0.5em 1em;
   text-decoration: none;

   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;

}

.wizard > .actions .disabled a, .wizard > .actions .disabled a:hover, .wizard > .actions .disabled a:active { 

   background: #eee;
   color: #aaa;

}

.wizard > .loading { }

.wizard > .loading .spinner { }


/* 

   Tabcontrol
  • /

.tabcontrol > .steps { 

   position: relative;
   display: block;
   width: 100%;

}

.tabcontrol > .steps > ul { 

   position: relative;
   margin: 6px 0 0 0;
   top: 1px;
   z-index: 1;

}

.tabcontrol > .steps > ul > li { 

   float: left;
   margin: 5px 2px 0 0;
   padding: 1px;

   -webkit-border-top-left-radius: 5px;
   -webkit-border-top-right-radius: 5px;
   -moz-border-radius-topleft: 5px;
   -moz-border-radius-topright: 5px;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;

}

.tabcontrol > .steps > ul > li:hover { 

   background: #edecec;
   border: 1px solid #bbb;
   padding: 0;

}

.tabcontrol > .steps > ul > li.current { 

   background: #fff;
   border: 1px solid #bbb;
   border-bottom: 0 none;
   padding: 0 0 1px 0;
   margin-top: 0;

}

.tabcontrol > .steps > ul > li > a { 

   color: #5f5f5f;
   display: inline-block;
   border: 0 none;
   margin: 0;
   padding: 10px 30px;
   text-decoration: none;

}

.tabcontrol > .steps > ul > li > a:hover { 

   text-decoration: none;

}

.tabcontrol > .steps > ul > li.current > a { 

   padding: 15px 30px 10px 30px;

}

.tabcontrol > .content { 

   position: relative;
   display: inline-block;
   width: 100%;
   height: 35em;
   overflow: hidden;
   border-top: 1px solid #bbb;
   padding-top: 20px;

}

.tabcontrol > .content > .body { 

   float: left;
   position: absolute;
   width: 95%;
   height: 95%;
   padding: 2.5%;

}

.tabcontrol > .content > .body ul { 

   list-style: disc !important;

}

.tabcontrol > .content > .body ul > li { 

   display: list-item;

}




body:after { 

   display: none

}

.lightboxOverlay { 

   position: absolute;
   top: 0;
   left: 0;
   z-index: 9999;
   background-color: #000;
   filter: alpha(Opacity=80);
   opacity: .8;
   display: none

}

.lightbox { 

   position: fixed;
   top: 50% !important;
  	transform: translate3d(0,-50%,0);
   left: 0;
   width: 100%;
   z-index: 10000;
   text-align: center;
   line-height: 0;
   font-weight: 400

}

.lightbox .lb-image { 

   display: block;
   height: auto;
   max-width: inherit;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   border-radius: 3px

}

.lightbox a img { 

   border: none

}

.lb-outerContainer { 

   position: relative;
   background-color: #222;
   *zoom: 1;
   width: 250px;
   height: 250px;
   margin: 0 auto;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   -ms-border-radius: 4px;
   -o-border-radius: 4px;
   border-radius: 4px

}

.lb-outerContainer:after { 

   content: "";
   display: table;
   clear: both

}

.lb-container { 

   padding: 4px

}

.lb-loader { 

   position: absolute;
   top: 43%;
   left: 0;
   height: 25%;
   width: 100%;
   text-align: center;
   line-height: 0

}

.lb-cancel { 

   display: block;
   width: 32px;
   height: 32px;
   margin: 0 auto;

}

.lb-nav { 

   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   z-index: 10

}

.lb-container>.nav { 

   left: 0

}

.lb-nav a { 

   outline: 0;

}

.lb-next, .lb-prev { 

   height: 100%;
   cursor: pointer;
   display: block

}

.lb-nav a.lb-prev { 

   width: 34%;
   left: 0;
   float: left;
   filter: alpha(Opacity=0);
   opacity: .5;
   -webkit-transition: opacity .6s;
   -moz-transition: opacity .6s;
   -o-transition: opacity .6s;
   transition: opacity .6s

}

.lb-nav a.lb-prev:hover { 

   filter: alpha(Opacity=100);
   opacity: 1

}

.lb-nav a.lb-next { 

   width: 64%;
   right: 0;
   float: right;
   filter: alpha(Opacity=0);
   opacity: .5;
   -webkit-transition: opacity .6s;
   -moz-transition: opacity .6s;
   -o-transition: opacity .6s;
   transition: opacity .6s

}

.lb-nav a.lb-next:hover { 

   filter: alpha(Opacity=100);
   opacity: 1

}

.lb-prev:after,.lb-next:after{ content: '\2190'; position: absolute; top: 50%; color: #fff; font-size: 24px; } .lb-prev:after{ left: -60px; } .lb-next:after{ right: -60px; content: '\2192'; }

.lb-dataContainer { 

   margin: 0 auto;
   padding-top: 5px;
   min-height: 35px;
   *zoom: 1;
   width: 100%;
   -moz-border-radius-bottomleft: 4px;
   -webkit-border-bottom-left-radius: 4px;
   border-bottom-left-radius: 4px;
   -moz-border-radius-bottomright: 4px;
   -webkit-border-bottom-right-radius: 4px;
   border-bottom-right-radius: 4px

}

.lb-dataContainer:after { 

   content: "";
   display: table;
   clear: both

}

.lb-data { 

   padding: 0 4px;
   color: #ccc

}

.lb-data .lb-details { 

   width: 85%;
   float: left;
   text-align: left;
   line-height: 1.1em

}

.lb-data .lb-caption { 

   font-size: 13px;
   font-weight: 700;
   line-height: 1em

}

.lb-data .lb-number { 

   display: block;
   clear: left;
   padding-bottom: 1em;
   font-size: 12px;
   color: #999

}

.lb-data .lb-close { 

   display: block;
   float: right;
   width: 30px;
   height: 30px;
   text-align: right;
   outline: 0;
   filter: alpha(Opacity=70);
   opacity: .7;
   -webkit-transition: opacity .2s;
   -moz-transition: opacity .2s;
   -o-transition: opacity .2s;
   transition: opacity .2s

}

.lb-data .lb-close:hover { 

   cursor: pointer;
   filter: alpha(Opacity=100);
   opacity: 1

}


  • ,

h1, h2, h3, h4, h5, h6, ul, p, a { 

 padding: 0;

}

/**! 02. Typography **/ html { 

 font-size: 87.5%;

} @media all and (max-width: 768px) { 

 html {
   font-size: 81.25%;
 }

} body { 

 font-size: 1em;
 line-height: 1.2em;
 -moz-osx-font-smoothing: grayscale;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";



 font-weight: 400;

} h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { 

 font-weight: 300;
 font-variant-ligatures: common-ligatures;
 margin-top: 0;
 margin-bottom: 0;

} h1, .h1 { 

 font-size: 3.14285714em;
 line-height: 1.31818182em;

} h2, .h2 { 

 font-size: 2.35714286em;
 line-height: 1.36363636em;

} h3, .h3 { 

 font-size: 40px;
 line-height: 1.5em;
 color: #353535;
 font-weight: 700;
 margin-bottom: 0.2em !important;

} h4, .h4 { 

 font-size: 30px;
 line-height: 1.36842105em;
 color: #000;
 font-weight: 700;
 margin-bottom: 0.8em !important;

} h5, .h5 { 

 font-size: 30px;
 line-height: 1.2em;

} h6, .h6 { 

 font-size: 22px;
 line-height:1.2em;

} .lead { 

 font-size: 1.35714286em;
 line-height: 1.68421053em;

} @media all and (max-width: 767px) { 

 h1,
 .h1 {
   font-size: 2.35714286em;
   line-height: 1.36363636em;
 }
 h2,
 .h2 {
   font-size: 1.78571429em;
   line-height: 1.5em;
 }
 h3,
 .h3 {
     font-size: 40px;
     line-height: 1.5em;
     color: #002E00;
     font-weight: 700;
     margin-bottom: 0.2em !important;
 }
 .lead {
   font-size: 1.35714286em;
   line-height: 1.36842105em;
 }

}


p, ul, ol, pre, table, blockquote {


}


p {

text-indent:2em; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important; font-size:18px ! important; color: #000000; text-align:left ! important; line-height: 1.2em;



}

ul, ol { 

 list-style: none;
 line-height: 1.85714286em;

} ul.bullets { 

 list-style: inside;

}

ul.circle{ 

 list-style-type: circle;

}

ol { 

 list-style-type: upper-roman;
 list-style-position: inside;
 margin-left: 1.2em !important;

} ul { 

 list-style-type: circle;
 list-style-position: outside; 
 
 margin: 0 !important

}

blockquote { 

 font-size: 1.78571429em;
 line-height: 1.5em;
 padding: 0;
 margin: 0;
 border-left: 0;

} strong { 

 font-weight: 700;

} hr { 

 margin: 1.85714286em 0;
 border-color: #fafafa;

} a:hover, a:focus, a:active { 

 text-decoration: none;
 outline: none;

} /*! Typography -- Helpers */ .type--fade { 

 opacity: .6 !important;

} .type--uppercase { 

 text-transform: uppercase;

} .type--bold { 

 font-weight: bold;

} .type--italic { 

 font-style: italic;

} .type--fine-print { 

 font-size: 0.85714286em;

} .type--strikethrough { 

 text-decoration: line-through;
 opacity: .5;

} .type--underline { 

 text-decoration: underline;

} .type--body-font { 

 font-family: 'Open Sans', 'Helvetica';

} /**! 03. Position **/ body { 

 overflow-x: hidden;

} .pos-relative { 

 position: relative;

} .pos-absolute { 

 position: absolute;

} .pos-absolute.container { 

 left: 0;
 right: 0;

} .pos-top { 

 top: 0;

} .pos-bottom { 

 bottom: 0;

} .pos-right { 

 right: 0;

} .pos-left { 

 left: 0;

} .float-left { 

 float: left;

} .float-right { 

 float: right;

} @media all and (max-width: 767px) { 

 .float-left,
 .float-right {
   float: none;
 }
 .float-left-xs {
   float: left;
 }
 .float-right-xs {
   float: right;
 }

} .pos-vertical-center { 

 position: relative;
 top: 50%;
 transform: translateY(-50%);
 -webkit-transform: translateY(-50%);

} @media all and (max-width: 767px) { 

 .pos-vertical-center {
   top: 0;
   transform: none;
   -webkit-transform: none;
 }

} @media all and (max-height: 600px) { 

 .pos-vertical-center {
   top: 0;
   transform: none;
   -webkit-transform: none;
 }

} .pos-vertical-align-columns { 

 display: table;
 table-layout: fixed;
 width: 100%;

} .pos-vertical-align-columns > div[class*='col-'] { 

 display: table-cell;
 float: none;
 vertical-align: middle;

} @media all and (max-width: 990px) { 

 .pos-vertical-align-columns {
   display: block;
   width: auto;
 }
 .pos-vertical-align-columns > div[class*='col-'] {
   display: block;
 }

} .inline-block { 

 display: inline-block;

} .block { 

 display: block;

} @media all and (max-width: 767px) { 

 .block--xs {
   display: block;
 }

} @media all and (max-width: 990px) { 

 .text-center-md {
   text-align: center;
 }
 .text-left-md {
   text-align: left;
 }
 .text-right-md {
   text-align: right;
 }

} @media all and (max-width: 767px) { 

 .text-center-xs {
   text-align: center;
 }
 .text-left-xs {
   text-align: left;
 }
 .text-right-xs {
   text-align: right;
 }

} /**! 04. Element Size **/ .height-100, .height-90, .height-80, .height-70, .height-60, .height-50, .height-40, .height-30, .height-20, .height-10 { 

 height: auto;
 padding: 5em 0;

} @media all and (max-width: 767px) { 

 .height-100,
 .height-90,
 .height-80,
 .height-70,
 .height-60,
 .height-50,
 .height-40,
 .height-30,
 .height-20,
 .height-10 {
   height: auto;
   padding: 4em 0;
 }

} @media all and (min-height: 600px) and (min-width: 767px) { 

 .height-10 {
   height: 10vh;
 }
 .height-20 {
   height: 20vh;
 }
 .height-30 {
   height: 30vh;
 }
 .height-40 {
   height: 40vh;
 }
 .height-50 {
   height: 50vh;
 }
 .height-60 {
   height: 60vh;
 }
 .height-70 {
   height: 70vh;
 }
 .height-80 {
   height: 80vh;
 }
 .height-90 {
   height: 90vh;
 }
 .height-100 {
   height: 100vh;
 }

} section.height-auto { 

 height: auto;

} section.height-auto .pos-vertical-center { 

 top: 0;
 position: relative;
 transform: none;

} @media all and (max-width: 767px) { 

 div[class*='col-'][class*='height-'] {
   padding-top: 5.57142857em !important;
   padding-bottom: 5.57142857em !important;
 }

} /**! 05. Images **/ img { 

 margin-bottom: 0.8em !important;
 margin-top: 2.8em;
 border-radius: 0.3em;

} /*p+img, img:last-child{ margin-bottom: 0; }*/ .img--fullwidth { 

 width: 100%;

} [data-grid="2"].masonry { 

 -webkit-column-count: 2;
 -webkit-column-gap: 0;
 -moz-column-count: 2;
 -moz-column-gap: 0;
 column-count: 2;
 column-gap: 0;

} [data-grid="2"].masonry li { 

 width: 100%;
 float: none;

} [data-grid="2"] li { 

 width: 50%;
 display: inline-block;

} [data-grid="3"].masonry { 

 -webkit-column-count: 3;
 -webkit-column-gap: 0;
 -moz-column-count: 3;
 -moz-column-gap: 0;
 column-count: 3;
 column-gap: 0;

} [data-grid="3"].masonry li { 

 width: 100%;
 float: none;

} [data-grid="3"] li { 

 width: 33.33333333%;
 display: inline-block;

} [data-grid="4"].masonry { 

 -webkit-column-count: 4;
 -webkit-column-gap: 0;
 -moz-column-count: 4;
 -moz-column-gap: 0;
 column-count: 4;
 column-gap: 0;

} [data-grid="4"].masonry li { 

 width: 100%;
 float: none;

} [data-grid="4"] li { 

 width: 25%;
 display: inline-block;

} [data-grid="5"].masonry { 

 -webkit-column-count: 5;
 -webkit-column-gap: 0;
 -moz-column-count: 5;
 -moz-column-gap: 0;
 column-count: 5;
 column-gap: 0;

} [data-grid="5"].masonry li { 

 width: 100%;
 float: none;

} [data-grid="5"] li { 

 width: 20%;
 display: inline-block;

} [data-grid="6"].masonry { 

 -webkit-column-count: 6;
 -webkit-column-gap: 0;
 -moz-column-count: 6;
 -moz-column-gap: 0;
 column-count: 6;
 column-gap: 0;

} [data-grid="6"].masonry li { 

 width: 100%;
 float: none;

} [data-grid="6"] li { 

 width: 16.66666667%;
 display: inline-block;

} [data-grid="7"].masonry { 

 -webkit-column-count: 7;
 -webkit-column-gap: 0;
 -moz-column-count: 7;
 -moz-column-gap: 0;
 column-count: 7;
 column-gap: 0;

} [data-grid="7"].masonry li { 

 width: 100%;
 float: none;

} [data-grid="7"] li { 

 width: 14.28571429%;
 display: inline-block;

} [data-grid="8"].masonry { 

 -webkit-column-count: 8;
 -webkit-column-gap: 0;
 -moz-column-count: 8;
 -moz-column-gap: 0;
 column-count: 8;
 column-gap: 0;

} [data-grid="8"].masonry li { 

 width: 100%;
 float: none;

} [data-grid="8"] li { 

 width: 12.5%;
 display: inline-block;

} @media all and (max-width: 767px) { 

 [data-grid]:not(.masonry) li {
   width: 33.333333%;
 }
 [data-grid="2"]:not(.masonry) li {
   width: 50%;
 }
 [data-grid].masonry {
   -webkit-column-count: 1;
   -moz-column-count: 1;
   column-count: 1;
 }

} .background-image-holder { 

 position: absolute !important;
 /*height: 100% !important;*/
 top: 0 !important;
 left: 0 !important;
 background-size: cover !important;
 background-position: 50% 50% !important;
 z-index: 0 !important;
 transition: opacity .3s linear !important;
 -webkit-transition: opacity .3s linear !important;
 opacity: 0 !important;
 background: #252525 !important;

} .background-image-holder:not([class*='col-']) { 

 width: 100%;

} .background-image-holder.background--bottom { 

 background-position: 50% 0% !important;

} .background-image-holder.background--top { 

 background-position: 50% 0% !important;

} .image--light .background-image-holder { 

 background: none;

} .background-image-holder img { 

 display: none;

} [data-overlay] { 

 position: relative;

} [data-overlay]:before { 

 position: absolute;
 content: ;
 background: #252525;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 z-index: 1;

} [data-overlay] *:not(.container):not(.background-image-holder) { 

 z-index: 2;

} [data-overlay].image--light:before { 

 background: #fff;

} [data-overlay].bg--primary:before { 

 background: #4a90e2;

} [data-overlay="1"]:before { 

 opacity: 0.1;

} [data-overlay="2"]:before { 

 opacity: 0.2;

} [data-overlay="3"]:before { 

 opacity: 0.3;

} [data-overlay="4"]:before { 

 opacity: 0.4;

} [data-overlay="5"]:before { 

 opacity: 0.5;

} [data-overlay="6"]:before { 

 opacity: 0.6;

} [data-overlay="7"]:before { 

 opacity: 0.7;

} [data-overlay="8"]:before { 

 opacity: 0.8;

} [data-overlay="9"]:before { 

 opacity: 0.9;

} [data-overlay="10"]:before { 

 opacity: 1;

} [data-overlay="0"]:before { 

 opacity: 0;

} [data-scrim-bottom] { 

 position: relative;

} [data-scrim-bottom]:before { 

 position: absolute;
 content: ;
 width: 100%;
 height: 80%;
 background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #252525 100%);
 /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, #252525));
 /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #252525 100%);
 /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #252525 100%);
 /* Opera 11.10+ */
 background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #252525 100%);
 /* IE10+ */
 background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #252525 100%);
 bottom: 0;
 left: 0;
 z-index: 1;
 backface-visibility: hidden;

} [data-scrim-bottom]:not(.image--light) h1, [data-scrim-bottom]:not(.image--light) h2, [data-scrim-bottom]:not(.image--light) h3, [data-scrim-bottom]:not(.image--light) h4, [data-scrim-bottom]:not(.image--light) h5, [data-scrim-bottom]:not(.image--light) h6 { 

 color: #a5a5a5;
 color: #f1f1f1;

} [data-scrim-bottom]:not(.image--light) p, [data-scrim-bottom]:not(.image--light) span, [data-scrim-bottom]:not(.image--light) ul { 

 color: #e6e6e6;

} [data-scrim-bottom].image--light:before { 

 background: #fff;

} [data-scrim-bottom="1"]:before { 

 opacity: 0.1;

} [data-scrim-bottom="2"]:before { 

 opacity: 0.2;

} [data-scrim-bottom="3"]:before { 

 opacity: 0.3;

} [data-scrim-bottom="4"]:before { 

 opacity: 0.4;

} [data-scrim-bottom="5"]:before { 

 opacity: 0.5;

} [data-scrim-bottom="6"]:before { 

 opacity: 0.6;

} [data-scrim-bottom="7"]:before { 

 opacity: 0.7;

} [data-scrim-bottom="8"]:before { 

 opacity: 0.8;

} [data-scrim-bottom="9"]:before { 

 opacity: 0.9;

} [data-scrim-bottom="10"]:before { 

 opacity: 1;

} [data-scrim-top] { 

 position: relative;

} [data-scrim-top]:before { 

 position: absolute;
 content: ;
 width: 100%;
 height: 80%;
 background: -moz-linear-gradient(bottom, #252525 0%, rgba(0, 0, 0, 0) 100%);
 /* FF3.6+ */
 background: -webkit-gradient(linear, left bottom, left bottom, color-stop(0%, #252525), color-stop(100%, rgba(0, 0, 0, 0)));
 /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(bottom, #252525 0%, rgba(0, 0, 0, 0) 100%);
 /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(bottom, #252525 0%, rgba(0, 0, 0, 0) 100%);
 /* Opera 11.10+ */
 background: -ms-linear-gradient(bottom, #252525 0%, rgba(0, 0, 0, 0) 100%);
 /* IE10+ */
 background: linear-gradient(to bottom, #252525 0%, rgba(0, 0, 0, 0) 100%);
 top: 0;
 left: 0;
 z-index: 1;

} [data-scrim-top]:not(.image--light) h1, [data-scrim-top]:not(.image--light) h2, [data-scrim-top]:not(.image--light) h3, [data-scrim-top]:not(.image--light) h4, [data-scrim-top]:not(.image--light) h5, [data-scrim-top]:not(.image--light) h6 { 

 color: #fff;

} [data-scrim-top]:not(.image--light) p, [data-scrim-top]:not(.image--light) span, [data-scrim-top]:not(.image--light) ul { 

 color: #e6e6e6;

} [data-scrim-top].image--light:before { 

 background: #fff;

} [data-scrim-top="1"]:before { 

 opacity: 0.1;

} [data-scrim-top="2"]:before { 

 opacity: 0.2;

} [data-scrim-top="3"]:before { 

 opacity: 0.3;

} [data-scrim-top="4"]:before { 

 opacity: 0.4;

} [data-scrim-top="5"]:before { 

 opacity: 0.5;

} [data-scrim-top="6"]:before { 

 opacity: 0.6;

} [data-scrim-top="7"]:before { 

 opacity: 0.7;

} [data-scrim-top="8"]:before { 

 opacity: 0.8;

} [data-scrim-top="9"]:before { 

 opacity: 0.9;

} [data-scrim-top="10"]:before { 

 opacity: 1;

} .imagebg { 

 position: relative !important;

} .imagebg .container { 

 z-index: 2 !important;

} .imagebg .container:not(.pos-absolute) { 

 position: relative !important;

} .imagebg:not(.image--light) h1, .imagebg:not(.image--light) h2, .imagebg:not(.image--light) h3, .imagebg:not(.image--light) h4, .imagebg:not(.image--light) h5, .imagebg:not(.image--light) h6, .imagebg:not(.image--light) p, .imagebg:not(.image--light) ul, .imagebg:not(.image--light) blockquote { 

 color: #fff;

} .imagebg:not(.image--light) .bg--white h1, .imagebg:not(.image--light) .bg--white h2, .imagebg:not(.image--light) .bg--white h3, .imagebg:not(.image--light) .bg--white h4, .imagebg:not(.image--light) .bg--white h5, .imagebg:not(.image--light) .bg--white h6 { 

 color: #252525;

} .imagebg:not(.image--light) .bg--white p, .imagebg:not(.image--light) .bg--white ul { 

 color: #666666;

} div[data-overlay] h1, div[data-overlay] h2, div[data-overlay] h3, div[data-overlay] h4, div[data-overlay] h5, div[data-overlay] h6 { 

 color: #fff;

} div[data-overlay] p, div[data-overlay] ul { 

 color: #fff;

} .parallax { 

 overflow: hidden;

} .parallax .background-image-holder { 

 transition: none !important;
 -webkit-transition: none !important;
 -moz-transition: none !important;

}

  1. backgroundPrinteria {
 background-size: cover;
 background-image: url("880x492.png")/*tpa=http://via.placeholder.com/880x492*/;
 background-attachment: fixed;
 -webkit-transition: 0.3s ease;
 -moz-transition: 0.3s ease;
 transition: 0.3s ease;

}


.image--xxs { 

 max-height: 1.85714286em;

} .image--xs { 

 max-height: 3.71428571em;

} .image--sm { 

 max-height: 5.57142857em;

} .image--md { 

 max-height: 7.42857143em;

} /**! 06. Buttons **/ .btn { 

 font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
 transition: 0.1s linear;
 -webkit-transition: 0.1s linear;
 -moz-transition: 0.1s linear;
 border-radius: 6px;
 padding-top: 0.46428571em;
 padding-bottom: 0.46428571em;
 padding-right: 2.78571429em;
 padding-left: 2.78571429em;
 border: 1px solid #252525;
 border-width: 1px;
 font-size: inherit;
 line-height: 1.85714286em;

} .btn .btn__text, .btn i { 

 color: #252525;
 border-color: #252525;
 font-weight: 700;
 font-size: 0.85714286em;

} .btn[class*='col-'] { 

 margin-left: 0;
 margin-right: 0;

} .btn:active { 

 box-shadow: none;
 -webkit-box-shadow: none;

} .btn.bg--facebook, .btn.bg--twitter, .btn.bg--instagram, .btn.bg--googleplus, .btn.bg--pinterest, .btn.bg--dribbble, .btn.bg--behance, .btn.bg--dark { 

 border-color: rgba(0, 0, 0, 0) !important;

} .btn.bg--facebook .btn__text, .btn.bg--twitter .btn__text, .btn.bg--instagram .btn__text, .btn.bg--googleplus .btn__text, .btn.bg--pinterest .btn__text, .btn.bg--dribbble .btn__text, .btn.bg--behance .btn__text, .btn.bg--dark .btn__text { 

 color: #fff;

} .btn.bg--facebook .btn__text i, .btn.bg--twitter .btn__text i, .btn.bg--instagram .btn__text i, .btn.bg--googleplus .btn__text i, .btn.bg--pinterest .btn__text i, .btn.bg--dribbble .btn__text i, .btn.bg--behance .btn__text i, .btn.bg--dark .btn__text i { 

 color: #fff;

} .btn.bg--facebook:hover, .btn.bg--twitter:hover, .btn.bg--instagram:hover, .btn.bg--googleplus:hover, .btn.bg--pinterest:hover, .btn.bg--dribbble:hover, .btn.bg--behance:hover, .btn.bg--dark:hover { 

 opacity: .9;

} .btn.bg--error { 

 background: #e23636;
 border-color: #e23636 !important;

} .btn.bg--error:hover { 

 background: #e54c4c;
 border-color: #e54c4c !important;
 color: #fff !important;

} .btn.bg--error .btn__text { 

 color: #fff;

} .btn.bg--error .btn__text i { 

 color: #fff;

} @media all and (min-width: 768px) { 

 .btn + .btn {
   margin-left: 1.85714286em;
 }

} .btn:first-child { 

 margin-left: 0;

} .btn:last-child { 

 margin-right: 0;

} .btn--xs { 

 padding-top: 0;
 padding-bottom: 0;
 padding-right: 1.39285714em;
 padding-left: 1.39285714em;

} .btn--sm { 

 padding-top: 0.30952381em;
 padding-bottom: 0.30952381em;
 padding-right: 1.85714286em;
 padding-left: 1.85714286em;

} .btn--lg { 

 padding-top: 0.58035714em;
 padding-bottom: 0.58035714em;
 padding-right: 3.48214286em;
 padding-left: 3.48214286em;

} .btn--lg .btn__text { 

 font-size: 1.07142857em;

} .btn--primary, .btn--primary:visited { 

 background: #4a90e2;
 border-color: #4a90e2;

} .btn--primary .btn__text, .btn--primary:visited .btn__text { 

 color: #fff;

} .btn--primary .btn__text i, .btn--primary:visited .btn__text i { 

 color: #fff;

} .btn--primary:hover { 

 background: #609de6;

} .btn--primary:active { 

 background: #3483de;

} .btn--primary-1, .btn--primary-1:visited { 

 background: #31639c;
 border-color: #31639c;

} .btn--primary-1 .btn__text, .btn--primary-1:visited .btn__text { 

 color: #fff;

} .btn--primary-1:hover { 

 background: #376faf;

} .btn--primary-1:active { 

 background: #2b5789;

} .btn--primary-2, .btn--primary-2:visited { 

 background: #465773;
 border-color: #465773;

} .btn--primary-2 .btn__text, .btn--primary-2:visited .btn__text { 

 color: #fff;

} .btn--primary-2:hover { 

 background: #506383;

} .btn--primary-2:active { 

 background: #3c4b63;

} .btn--secondary { 

 background: #fafafa;
 border-color: #fafafa;

} .btn--secondary:hover { 

 background: #ffffff;

} .btn--secondary:active { 

 background: #f5f5f5;

} .btn--white { 

 background: #fff;
 color: #252525;
 border-color: #fff;

} .btn--white i { 

 color: #252525;

} .btn--transparent { 

 background: none;
 border-color: rgba(0, 0, 0, 0);
 padding-left: 0;
 padding-right: 0;

} .btn--transparent.btn--white .btn__text { 

 color: #fff;

} .btn--unfilled { 

 background: none;

} .btn--unfilled.btn--white .btn__text { 

 color: #fff;

} .btn--unfilled.btn--white i { 

 color: #fff;

} .btn--floating { 

 position: fixed;
 bottom: 3.71428571em;
 right: 3.71428571em;
 z-index: 10;

} /**! 07. Icons **/ .icon { 

 line-height: 1em;
 font-size: 3.14285714em;

} .icon--xs { 

 font-size: 1em;

} .icon--sm { 

 font-size: 2.35714286em;

} .icon--lg { 

 font-size: 5.57142857em;

} /**! 08. Lists **/ ul:last-child { 

 margin: 0;

} .list-inline li { 

 padding: 0 1em;
 margin-left: 0;

} .list-inline li:first-child { 

 padding-left: 0;

} .list-inline li:last-child { 

 padding-right: 0;

} .list-inline.list-inline--narrow li { 

 padding: 0 .5em;

} .list-inline.list-inline--wide li { 

 padding: 0 2em;

} /**! 09. Lightbox **/ .lb-outerContainer { 

 border-radius: 0;

} .lb-outerContainer .lb-container { 

 padding: 0;

} .lb-outerContainer .lb-container img { 

 margin: 0;

} .lightbox-gallery { 

 overflow: hidden;

} .lightbox-gallery li { 

 float: left;

} .lightbox-gallery li img { 

 margin: 0;
 width: 100%;

} .lightbox-gallery.gallery--gaps li { 

 padding: 0.46428571em;

} /**! 10. Menus **/ .menu-horizontal > li:not(:hover) > a, .menu-horizontal > li:not(:hover) > span, .menu-horizontal > li:not(:hover) > .modal-instance > .modal-trigger { 

 opacity: .5;

} .menu-horizontal > li > a, .menu-horizontal > li > span, .menu-horizontal > li > .modal-instance > .modal-trigger { 

 transition: 0.3s ease;
 -webkit-transition: 0.3s ease;
 -moz-transition: 0.3s ease;
 color: #252525;

} .menu-horizontal > li > a:hover, .menu-horizontal > li > span:hover, .menu-horizontal > li > .modal-instance > .modal-trigger:hover { 

 color: #252525;

} .bg--dark .menu-horizontal > li > a, .bg--dark .menu-horizontal > li > span { 

 color: #fff;

} .bg--dark .menu-horizontal > li > a:hover, .bg--dark .menu-horizontal > li > span:hover { 

 color: #fff;

} .menu-vertical { 

 width: 100%;

} .menu-vertical li { 

 width: 100%;

} .menu-vertical li a { 

 font-weight: normal;

} @media all and (min-width: 990px) { 

 .menu-horizontal {
   display: inline-block;
 }
 .menu-horizontal > li {
   display: inline-block;
 }
 .menu-horizontal > li:not(:last-child) {
   margin-right: 1.85714286em;
 }
 .menu-vertical {
   display: inline-block;
 }
 .menu-vertical li {
   white-space: nowrap;
 }
 .menu-vertical .dropdown__container {
   top: 0;
 }
 .menu-vertical .dropdown__container .dropdown__content:not([class*='bg-']) {
   background: #ffffff;
 }
 .menu-vertical .dropdown__container .dropdown__content {
   transform: translateX(75%);
 }

} /**! 11. Dropdowns **/ .dropdown { 

 position: relative;

} .dropdown .dropdown__container { 

 transition: 0.3s ease;
 -webkit-transition: 0.3s ease;
 -moz-transition: 0.3s ease;
 opacity: 0;
 pointer-events: none;
 position: absolute;

} .dropdown .dropdown__container .dropdown__container:before { 

 height: 0;

} .dropdown .dropdown__content { 

 padding: 1.85714286em;

} .dropdown .dropdown__content:not([class*='col-']) { 

 width: 18.57142857em;

} .dropdown .dropdown__content:not([class*='bg-']) { 

 background: #ffffff;

} .dropdown .dropdown__content:not([class='bg--dark']) .menu-vertical a { 

 color: #666666;

} .dropdown .dropdown__trigger { 

 cursor: pointer;
 user-select: none;

} .dropdown.dropdown--active > .dropdown__container { 

 opacity: 1;

} .dropdown.dropdown--active > .dropdown__container > .container > .row > .dropdown__content { 

 pointer-events: all;

} @media all and (min-width: 10px) { 

 .dropdown .dropdown__container:before {
   height: 0.92857143em;
   width: 100%;
   content: ;
   display: block;
 }
 .dropdown .dropdown__content.dropdown__content--md {
   padding: 2.78571429em;
 }
 .dropdown .dropdown__content.dropdown__content--lg {
   padding: 3.71428571em;
 }
 .dropdown .dropdown__content.dropdown__content--xlg {
   padding: 4.64285714em;
 }

}

body.dropdowns--hover .dropdown:not(.dropdown--click):hover > .dropdown__container { 

 opacity: 1;

} body.dropdowns--hover .dropdown:not(.dropdown--click):hover > .dropdown__container:before { 

 pointer-events: all;

} body.dropdowns--hover .dropdown:not(.dropdown--click):hover > .dropdown__container .dropdown__content { 

 pointer-events: all;

} body:not(.dropdowns--hover) .dropdown.dropdown--hover:hover > .dropdown__container { 

 opacity: 1;

} body:not(.dropdowns--hover) .dropdown.dropdown--hover:hover > .dropdown__container:before { 

 pointer-events: all;

} body:not(.dropdowns--hover) .dropdown.dropdown--hover:hover > .dropdown__container .dropdown__content { 

 pointer-events: all;

} @media all and (max-width: 990px) { 

 body.dropdowns--hover .dropdown:not(.dropdown--click).dropdown--active > .dropdown__container {
   display: block;
 }
 body.dropdowns--hover .dropdown:not(.dropdown--click).dropdown--active > .dropdown__container:before {
   pointer-events: all;
 }

}

/**! 12. Form Elements **/ form { 

 max-width: 100%;

} form + form { 

 margin-top: 30px;

} form:before, form:after { 

 content: ".";
 display: block;
 height: 0;
 overflow: hidden;

} form:after { 

 clear: both;

} label { 

 margin: 0;
 font-size: 1.14285714em;
 font-weight: 400;

} input[type], textarea, select { 

 -webkit-appearance: none;
 background: #fcfcfc;
 padding: 0.46428571em;
 border-radius: 6px;
 border: 1px solid #ececec;

} input[type]:focus, textarea:focus, select:focus { 

 outline: none;

} input[type]:active, textarea:active, select:active { 

 outline: none;

} input[type]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder { 

 color: #b3b3b3;
 font-size: 1.14285714em;

} input[type]:-moz-placeholder, textarea:-moz-placeholder, select:-moz-placeholder { 

 /* Firefox 18- */
 color: #b3b3b3;
 font-size: 1.14285714em;

} input[type]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder { 

 /* Firefox 19+ */
 color: #b3b3b3;
 font-size: 1.14285714em;

} input[type]:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder { 

 color: #b3b3b3;
 font-size: 1.14285714em;

} input[type="image"] { 

 border: none;
 padding: none;
 width: auto;

} textarea { 

 display: block;
 width: 100%;
 max-width: 100%;

} select { 

 cursor: pointer;
 padding-right: 1.85714286em;
 -webkit-appearance: none;

} select::ms-expand { 

 display: none;

} input[type="submit"] { 

 background: none;
 outline: none;
 border: none;
 background: #4a90e2;
 padding: 0.46428571em 2.78571429em 0.46428571em 2.78571429em;
 color: #fff;

} @keyframes load { 

 0% {
   opacity: 0;
   width: 0;
 }
 50% {
   width: 100%;
   opacity: .8;
   left: 0;
 }
 100% {
   left: 100%;
   opacity: 0;
 }

} button { 

 background: none;

} button[type="submit"].btn--loading { 

 position: relative;
 overflow: hidden;
 pointer-events: none;
 color: rgba(0, 0, 0, 0);

} button[type="submit"].btn--loading * { 

 opacity: 0;

} button[type="submit"].btn--loading:after { 

 content: ;
 position: absolute;
 width: 0;
 height: 100%;
 background: #ddd;
 animation: load 1.5s ease-out infinite;
 left: 0;
 top: 0;

} button[type="submit"].btn--loading .btn__text { 

 opacity: 0;

} button:focus { 

 outline: none !important;

} button.bg--error { 

 color: #fff;

} .input-icon { 

 position: relative;

} .input-icon i { 

 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 cursor: default;
 position: absolute;

} .input-checkbox, .input-radio, .input-select { 

 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 display: inline-block;

} .input-checkbox input, .input-radio input, .input-select input { 

 opacity: 0 !important;
 height: 0 !important;
 width: 0 !important;
 position: absolute !important;

} .input-checkbox label, .input-radio label, .input-select label { 

 display: block !important;
 cursor: pointer;

} .input-checkbox { 

 padding: 0;

} .input-checkbox label { 

 width: 1.85714286em;
 height: 1.85714286em;
 border-radius: 6px;
 background: #000;

} .input-radio { 

 padding: 0;

} .input-radio label { 

 width: 1.85714286em;
 height: 1.85714286em;
 border-radius: 50%;
 background: #000;

} .input-select { 

 position: relative;

} .input-select i { 

 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
 right: 1em;
 font-size: .87em;

} .input-file { 

 position: relative;
 display: inline-block;

} .input-file input { 

 display: none;

} .form-error { 

 margin-top: 1.5625em;
 padding: 0.78125em;
 background: #D84D4D;
 color: #fff;
 position: fixed;
 min-width: 350px;
 left: 50%;
 bottom: 1.5625em;
 transform: translate3d(-50%, 0, 0);
 -webkit-transform: translate3d(-50%, 0, 0);
 z-index: 999;
 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
 box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);

} .form-success { 

 margin-top: 1.5625em;
 padding: 0.78125em;
 background: #1DC020;
 color: #fff;
 position: fixed;
 min-width: 350px;
 left: 50%;
 bottom: 1.5625em;
 transform: translate3d(-50%, 0, 0);
 -webkit-transform: translate3d(-50%, 0, 0);
 z-index: 999;
 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
 box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);

} .attempted-submit .field-error { 

 border-color: #D84D4D !important;

} .attempted-submit div.recaptcha.field-error { 

 border-color: #D84D4D !important;
 border-style: solid;
 border: 1px solid;
 border-radius: 5px;
 padding: 5px;

} div.recaptcha iframe { 

 min-height: 0;

} /**! 13. Accordions **/ .accordion li .accordion__title, .accordion li .accordion__content, .accordion li .accordion__content * { 

 transition: 0.3s linear;
 -webkit-transition: 0.3s linear;
 -moz-transition: 0.3s linear;

} .accordion li .accordion__title { 

 cursor: pointer;
 padding: 0.46428571em 0.92857143em;
 border: 1px solid #ececec;
 border-bottom: none;
 background: none;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;

} .accordion li:last-child .accordion__title { 

 border-bottom: 1px solid #ececec;

} .accordion li .accordion__content { 

 opacity: 0;
 visibility: hidden;
 max-height: 0;

} .accordion li .accordion__content > * { 

 display: none;

} .accordion li .accordion__content > *:first-child { 

 padding-top: 0;

} .accordion li .accordion__content > *:last-child { 

 padding-bottom: 0;

} .accordion li.active .accordion__title { 

 background: #4a90e2;
 border-bottom: 1px solid #ececec;

} .accordion li.active .accordion__content { 

 opacity: 1;
 visibility: visible;
 max-height: 500px;

} .accordion li.active .accordion__content > * { 

 display: inline-block;

} /**! 14. Breadcrumbs **/ .breadcrumb { 

 padding: 0;
 margin: 0;
 background: none;
 display: inline-block;

} .breadcrumb li { 

 font-size: 1em;

} .breadcrumb li + li:before { 

 padding: 0 0.46428571em;

} /**! 15. Pie Charts **/ .radial { 

 position: relative;

} .radial .radial__label { 

 position: absolute;
 top: 50%;
 left: 50%;
 transform: translateX(-50%) translateY(-50%);
 -webkit-transform: translateX(-50%) translateY(-50%);
 margin-bottom: 0;

} /**! 16. Tabs **/ .tabs { 

 display: block;
 margin-bottom: 0;

} .tabs > li { 

 display: inline-block;
 opacity: .5;
 transition: 0.3s ease;
 -webkit-transition: 0.3s ease;
 -moz-transition: 0.3s ease;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;

} .tabs > .active, .tabs:hover { 

 opacity: 1;

} .tabs .tab__title { 

 cursor: pointer;

} .tabs .tab__title:not(.btn) { 

 padding: 0 1.85714286em;

} .tabs li:first-child .tab__title:not(.btn) { 

 padding-left: 0;

} .tabs .tab__content { 

 display: none;

} .tabs-content { 

 margin-top: 1em;

} .tabs-content li > .tab__content { 

 width: 100%;
 display: none;

} .tabs-content > .active > .tab__content { 

 display: block;

} .tabs-container[data-content-align="left"] .tabs-content { 

 text-align: left;

} @media all and (max-width: 767px) { 

 .tabs-content > li:not(.active) .tab__content {
   display: none !important;
 }

} /**! 17. Boxes **/ .boxed { 

 position: relative;
 overflow: hidden;
 padding: 1.85714286em;
 margin-bottom: 30px;

} .boxed.boxed--lg { 

 padding: 2.78571429em;

} .boxed.boxed--sm { 

 padding: 1.23809524em;

} .boxed.boxed--border { 

 border: 1px solid #ececec;

} .boxed > div[class*='col-']:first-child:not(.boxed) { 

 padding-left: 0;

} .boxed > div[class*='col-']:last-child:not(.boxed) { 

 padding-right: 0;

} img + .boxed { 

 margin-top: -1.85714286em;

} @media all and (max-width: 767px) { 

 .boxed {
   padding: 1.23809524em;
   margin-bottom: 15px;
 }
 .boxed.boxed--lg {
   padding: 1.23809524em;
 }
 .boxed div[class*='col-']:not(.boxed) {
   padding: 0;
 }
 .boxed:last-child {
   margin-bottom: 15px;
 }

} /**! 18. Sliders Flickity **/ .slides:not(.flickity-enabled) li.imagebg:not(:first-child) { 

 display: none;

} .slides:not(.flickity-enabled) li.imagebg:first-child { 

 background: #252525;
 animation: backgroundLoad .5s ease alternate infinite;

} .slides:not(.flickity-enabled) li.imagebg:first-child .container { 

 opacity: 0;

} @keyframes backgroundLoad { 

 0% {
   background: #252525;
 }
 100% {
   background: #3f3f3f;
 }

} .slider.height-10 { 

 height: auto;

} .slider.height-10 .slides .flickity-slider > li { 

 height: 10vh;
 padding: 0;

} @media all and (min-width: 768px) { 

 .slider.height-10 .slides li.imagebg {
   min-height: 10vh;
 }

} .slider.height-20 { 

 height: auto;

} .slider.height-20 .slides .flickity-slider > li { 

 height: 20vh;
 padding: 0;

} @media all and (min-width: 768px) { 

 .slider.height-20 .slides li.imagebg {
   min-height: 20vh;
 }

} .slider.height-30 { 

 height: auto;

} .slider.height-30 .slides .flickity-slider > li { 

 height: 30vh;
 padding: 0;

} @media all and (min-width: 768px) { 

 .slider.height-30 .slides li.imagebg {
   min-height: 30vh;
 }

} .slider.height-40 { 

 height: auto;

} .slider.height-40 .slides .flickity-slider > li { 

 height: 40vh;
 padding: 0;

} @media all and (min-width: 768px) { 

 .slider.height-40 .slides li.imagebg {
   min-height: 40vh;
 }

} .slider.height-50 { 

 height: auto;

} .slider.height-50 .slides .flickity-slider > li { 

 height: 50vh;
 padding: 0;

} @media all and (min-width: 768px) { 

 .slider.height-50 .slides li.imagebg {
   min-height: 50vh;
 }

} .slider.height-60 { 

 height: auto;

} .slider.height-60 .slides .flickity-slider > li { 

 height: 60vh;
 padding: 0;

} @media all and (min-width: 768px) { 

 .slider.height-60 .slides li.imagebg {
   min-height: 60vh;
 }

} .slider.height-70 { 

 height: auto;

} .slider.height-70 .slides .flickity-slider > li { 

 height: 70vh;
 padding: 0;

} @media all and (min-width: 768px) { 

 .slider.height-70 .slides li.imagebg {
   min-height: 70vh;
 }

} .slider.height-80 { 

 height: auto;

} .slider.height-80 .slides .flickity-slider > li { 

 height: 80vh;
 padding: 0;

} @media all and (min-width: 768px) { 

 .slider.height-80 .slides li.imagebg {
   min-height: 80vh;
 }

} .slider.height-90 { 

 height: auto;

} .slider.height-90 .slides .flickity-slider > li { 

 height: 90vh;
 padding: 0;

} @media all and (min-width: 768px) { 

 .slider.height-90 .slides li.imagebg {
   min-height: 90vh;
 }

} .slider.height-100 { 

 height: auto;

} .slider.height-100 .slides .flickity-slider > li { 

 height: 100vh;
 padding: 0;

} @media all and (min-width: 768px) { 

 .slider.height-100 .slides li.imagebg {
   min-height: 100vh;
 }

} .slider .slides .flickity-slider > li:not([class*='col-']) { 

 width: 100%;

} .slider .slides.slides--gapless li[class*='col-'] { 

 padding-left: 0;
 padding-right: 0;

} .slider[data-arrows="true"].slider--arrows-hover:not(:hover) .flickity-prev-next-button { 

 opacity: 0;

} .slider[data-paging="true"]:not(section) { 

 margin-bottom: 3.71428571em;

} .slider[data-paging="true"]:not(section) .flickity-page-dots { 

 bottom: -3.71428571em;

} .slider[data-paging="true"]:not([class*='text-']) .flickity-page-dots { 

 text-align: center;

} .slider[data-children="1"] .flickity-prev-next-button { 

 display: none;

} .slider:not([data-paging="true"]) .slides { 

 margin: 0;

} .slider.controls--dark .flickity-page-dots .dot { 

 background: #252525;

} .slider.controls--dark .flickity-prev-next-button:before { 

 color: #252525;

} section.slider { 

 padding: 0;

} section.slider.height-10 { 

 height: auto;

} section.slider.height-10 .slides .flickity-slider > li { 

 height: 10vh;
 padding: 0;

} @media all and (min-width: 768px) { 

 section.slider.height-10 .slides li.imagebg {
   min-height: 10vh;
 }

} section.slider.height-20 { 

 height: auto;

} section.slider.height-20 .slides .flickity-slider > li { 

 height: 20vh;
 padding: 0;

} @media all and (min-width: 768px) { 

 section.slider.height-20 .slides li.imagebg {
   min-height: 20vh;
 }

} section.slider.height-30 { 

 height: auto;

} section.slider.height-30 .slides .flickity-slider > li { 

 height: 30vh;
 padding: 0;

} @media all and (min-width: 768px) { 

 section.slider.height-30 .slides li.imagebg {
   min-height: 30vh;
 }

} section.slider.height-40 { 

 height: auto;

} section.slider.height-40 .slides .flickity-slider > li { 

 height: 40vh;
 padding: 0;

} @media all and (min-width: 768px) { 

 section.slider.height-40 .slides li.imagebg {
   min-height: 40vh;
 }

} section.slider.height-50 { 

 height: auto;

} section.slider.height-50 .slides .flickity-slider > li { 

 height: 50vh;
 padding: 0;

} @media all and (min-width: 768px) { 

 section.slider.height-50 .slides li.imagebg {
   min-height: 50vh;
 }

} section.slider.height-60 { 

 height: auto;

} section.slider.height-60 .slides .flickity-slider > li { 

 height: 60vh;
 padding: 0;

} @media all and (min-width: 768px) { 

 section.slider.height-60 .slides li.imagebg {
   min-height: 60vh;
 }

} section.slider.height-70 { 

 height: auto;

} section.slider.height-70 .slides .flickity-slider > li { 

 height: 70vh;
 padding: 0;

} @media all and (min-width: 768px) { 

 section.slider.height-70 .slides li.imagebg {
   min-height: 70vh;
 }

} section.slider.height-80 { 

 height: auto;

} section.slider.height-80 .slides .flickity-slider > li { 

 height: 80vh;
 padding: 0;

} @media all and (min-width: 768px) { 

 section.slider.height-80 .slides li.imagebg {
   min-height: 80vh;
 }

} section.slider.height-90 { 

 height: auto;

} section.slider.height-90 .slides .flickity-slider > li { 

 height: 90vh;
 padding: 0;

} @media all and (min-width: 768px) { 

 section.slider.height-90 .slides li.imagebg {
   min-height: 90vh;
 }

} section.slider.height-100 { 

 height: auto;

} section.slider.height-100 .slides .flickity-slider > li { 

 height: 100vh;
 padding: 0;

} @media all and (min-width: 768px) { 

 section.slider.height-100 .slides li.imagebg {
   min-height: 100vh;
 }

} section.slider[data-paging="true"] .flickity-page-dots { 

 bottom: 1.85714286em;

} section.slider:not(.image--light)[data-paging="true"] .flickity-page-dots .dot { 

 background: #fff;

} section.slider .slides { 

 margin: 0;

} @media all and (max-width: 767px) { 

 section.slider[class*='height-'] .slides .flickity-slider > li {
   height: auto;
   padding: 7.42857143em 0;
 }
 section.slider.space--lg .slides .flickity-slider > li {
   padding: 11.14285714em 0;
 }
 section.slider.space--xlg .slides .flickity-slider > li {
   padding: 11.14285714em 0;
 }

} section.bg--dark .slider[data-paging="true"] .flickity-page-dots .dot, section.bg--primary .slider[data-paging="true"] .flickity-page-dots .dot { 

 background: #fff;

} .flickity-page-dots .dot { 

 transition: 0.3s ease;
 -webkit-transition: 0.3s ease;
 -moz-transition: 0.3s ease;
 width: 8px;
 height: 8px;
 border-radius: 50%;
 background: #252525;
 border: none;
 margin: 0 0.46428571em;

} .flickity-page-dots .dot:hover:not(.is-selected) { 

 opacity: .6;

} .text-center .flickity-page-dots, section.slider .flickity-page-dots { 

 text-align: center;

} .flickity-prev-next-button svg { 

 display: none;

} .flickity-prev-next-button:before { 

 font-family: 'stack-interface';
 content: "\e80c";
 font-size: 1em;
 font-weight: normal;

} .flickity-prev-next-button.previous:before { 

 content: "\e80b";

} .imagebg:not(.image--light) .flickity-page-dots .dot, .bg--dark .flickity-page-dots .dot { 

 background: #fff;

} /**! 19. Hover Elements **/ .hover-element { 

 position: relative;
 overflow: hidden;
 margin-bottom: 30px;

} .hover-element * { 

 transition: 0.3s ease;
 -webkit-transition: 0.3s ease;
 -moz-transition: 0.3s ease;

} .hover-element .hover-element__reveal { 

 position: absolute;
 top: 0;
 left: 0;
 opacity: 0;
 width: 100%;
 height: 100%;

} .hover-element .hover-element__reveal .boxed { 

 height: 100%;

} .hover-element:hover .hover-element__reveal, .hover-element.hover--active .hover-element__reveal { 

 opacity: 1;

} .hover-element img { 

 margin-bottom: 0;

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

 .hover-element {
   cursor: pointer;
 }

} .row:last-child div[class*='col-']:last-child .hover-element { 

 margin-bottom: 0;

} /**! 20. Masonry **/ .masonry .masonry__container.masonry--active .masonry__item { 

 opacity: 1;
 pointer-events: all;

} .masonry .masonry__container .masonry__item { 

 opacity: 0;
 pointer-events: none;

} .masonry .masonry__filters li { 

 display: inline-block;
 cursor: pointer;
 text-transform: capitalize;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;

} .masonry .masonry__filters li.active { 

 cursor: default;

} .masonry.masonry--gapless .masonry__item { 

 padding: 0 !important;
 margin-bottom: 0;

} /**! 21. Modals **/ .modal-instance .modal-body { 

 display: none;

} .modal-container { 

 transition: 0.3s linear;
 -webkit-transition: 0.3s linear;
 -moz-transition: 0.3s linear;
 padding: 0;
 visibility: hidden;
 opacity: 0;
 z-index: 999;
 pointer-events: none;
 position: fixed;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;

} .modal-container.modal-active { 

 opacity: 1;
 visibility: visible;
 pointer-events: all;

} .modal-container:before { 

 background: rgba(0, 0, 0, 0.85);
 content: ;
 position: fixed;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 z-index: 1;

} .modal-container .modal-content { 

 backface-visibility: hidden;
 position: fixed;
 z-index: 2;
 top: 50%;
 left: 50%;
 max-height: 100%;
 overflow-y: scroll;
 border: none;
 transform: translate3d(-50%, -50%, 0);
 -webkit-transform: translate3d(-50%, -50%, 0);
 padding: 0;
 border-radius: 0;
 box-shadow: none;

} .modal-container .modal-content:not(.height--natural) { 

 width: 50%;
 height: 50%;

} .modal-container .modal-content .modal-close-cross { 

 cursor: pointer;
 position: absolute;
 opacity: .5;
 transition: 0.1s linear;
 -webkit-transition: 0.1s linear;
 -moz-transition: 0.1s linear;
 top: 1em;
 right: 1em;
 z-index: 99;

} .modal-container .modal-content .modal-close-cross:before { 

 content: '\00D7';
 font-size: 1.5em;

} .modal-container .modal-content .modal-close-cross:hover { 

 opacity: 1;

} .modal-container .modal-content.imagebg:not(.image--light) .modal-close-cross:before { 

 color: #fff;

} .modal-container .modal-content iframe { 

 width: 100%;
 outline: none;
 border: none;
 height: 100%;
 backface-visibility: hidden;

} .modal-container .modal-content iframe:first-child + .modal-close-cross:last-child { 

 top: -3.71428571em;

} .modal-content.section-modal { 

 pointer-events: none;

} .modal-content.section-modal [class*='col-'] { 

 pointer-events: all;

} @media all and (max-width: 767px) { 

 .modal-container .modal-content {
   width: 97% !important;
   height: auto !important;
   padding-top: 2em;
   padding-bottom: 2em;
 }

} /**! 22. Maps **/ .map-container { 

 position: relative;
 overflow: hidden;

} .map-container iframe, .map-container .map-canvas { 

 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;

} /**! 23. Parallax **/ .parallax > .background-image-holder, .parallax .slides li > .background-image-holder { 

 height: 100% !important;
 min-height: 100vh !important;
 top: -50vh !important;
 transition: opacity 0.3s ease !important;
 -webkit-transition: opacity 0.3s ease !important;
 -webkit-transform-style: preserve-3d !important;

} .parallax:first-child .slides li > .background-image-holder, .parallax:first-child .background-image-holder { 

 top: 0;

} .main-container > a:first-child + .parallax .background-image-holder { 

 top: 0;

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

 .parallax > .background-image-holder,
 .parallax .slides li > .background-image-holder {
   -webkit-transition: transform 0.016s linear !important;
   transition: transform 0.016s linear !important;
 }
 .parallax.parallax-disable-mobile .background-image-holder,
 .parallax.parallax-disable-mobile .slides li > .background-image-holder {
   top: 0 !important;
   transform: none !important;
 }

} /**! 24. Notifications **/ .notification { 

 max-width: 100%;
 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
 position: fixed;
 z-index: 99;
 pointer-events: none;
 padding: 0;
 margin: 1em;
 opacity: 0;
 transition: 0.3s linear;
 -webkit-transition: 0.3s linear;
 -moz-transition: 0.3s linear;

} .notification:not([class*='bg-']) { 

 background: #fff;

} .notification[class*='col-'] { 

 min-width: 400px;

} .notification .notification-close-cross { 

 position: absolute;
 top: 1em;
 z-index: 99;
 right: 1em;
 cursor: pointer;
 transition: 0.1s linear;
 -webkit-transition: 0.1s linear;
 -moz-transition: 0.1s linear;
 opacity: .7;

} .notification .notification-close-cross:before { 

 content: '\00D7';
 font-size: 1.5em;

} .notification .notification-close-cross:hover { 

 opacity: 1;

} .notification.notification--reveal { 

 z-index: 99;
 pointer-events: initial;

} .notification.notification--reveal[data-animation="from-bottom"] { 

 animation: from-bottom 0.3s linear 0s forwards;
 -webkit-animation: from-bottom 0.3s linear 0s forwards;
 -moz-animation: from-bottom 0.3s linear 0s forwards;

} .notification.notification--reveal[data-animation="from-top"] { 

 animation: from-top 0.3s linear 0s forwards;
 -webkit-animation: from-top 0.3s linear 0s forwards;
 -moz-animation: from-top 0.3s linear 0s forwards;

} .notification.notification--reveal[data-animation="from-left"] { 

 animation: from-left 0.3s linear 0s forwards;
 -webkit-animation: from-left 0.3s linear 0s forwards;
 -moz-animation: from-left 0.3s linear 0s forwards;

} .notification.notification--reveal[data-animation="from-right"] { 

 animation: from-right 0.3s linear 0s forwards;
 -webkit-animation: from-right 0.3s linear 0s forwards;
 -moz-animation: from-right 0.3s linear 0s forwards;

} .notification.notification--dismissed { 

 animation: fade-out 0.4s linear 0s forwards !important;
 -webkit-animation: fade-out 0.4s linear 0s forwards !important;
 -moz-animation: fade-out 0.4s linear 0s forwards !important;
 pointer-events: none;

} .bg--dark + .notification-close-cross:before { 

 color: #fff;

} a[data-notification-link] { 

 text-decoration: none;

} a[data-notification-link]:hover { 

 text-decoration: none;

} @media all and (max-width: 767px) { 

 .notification[class*='col-'] {
   min-width: 0;
 }

} @keyframes from-bottom { 

 from {
   transform: translate3d(0, 100%, 0);
   -webkit-transform: translate3d(0, 100%, 0);
   opacity: 0;
 }
 to {
   transform: translate3d(0, 0, 0);
   -webkit-transform: translate3d(0, 0, 0);
   opacity: 1;
 }

} @-moz-keyframes from-bottom { 

 from {
   transform: translate3d(0, 100%, 0);
   -webkit-transform: translate3d(0, 100%, 0);
   opacity: 0;
 }
 to {
   transform: translate3d(0, 0, 0);
   -webkit-transform: translate3d(0, 0, 0);
   opacity: 1;
 }

} @-webkit-keyframes from-bottom { 

 from {
   transform: translate3d(0, 100%, 0);
   -webkit-transform: translate3d(0, 100%, 0);
   opacity: 0;
 }
 to {
   transform: translate3d(0, 0, 0);
   -webkit-transform: translate3d(0, 0, 0);
   opacity: 1;
 }

} @keyframes from-top { 

 from {
   transform: translate3d(0, -100%, 0);
   -webkit-transform: translate3d(0, -100%, 0);
   opacity: 0;
 }
 to {
   transform: translate3d(0, 0, 0);
   -webkit-transform: translate3d(0, 0, 0);
   opacity: 1;
 }

} @-moz-keyframes from-top { 

 from {
   transform: translate3d(0, -100%, 0);
   -webkit-transform: translate3d(0, -100%, 0);
   opacity: 0;
 }
 to {
   transform: translate3d(0, 0, 0);
   -webkit-transform: translate3d(0, 0, 0);
   opacity: 1;
 }

} @-webkit-keyframes from-top { 

 from {
   transform: translate3d(0, -100%, 0);
   -webkit-transform: translate3d(0, -100%, 0);
   opacity: 0;
 }
 to {
   transform: translate3d(0, 0, 0);
   -webkit-transform: translate3d(0, 0, 0);
   opacity: 1;
 }

} @keyframes from-left { 

 from {
   transform: translate3d(-100%, 0, 0);
   -webkit-transform: translate3d(-100%, 0, 0);
   opacity: 0;
 }
 to {
   transform: translate3d(0, 0, 0);
   -webkit-transform: translate3d(0, 0, 0);
   opacity: 1;
 }

} @-moz-keyframes from-left { 

 from {
   transform: translate3d(-100%, 0, 0);
   -webkit-transform: translate3d(-100%, 0, 0);
   opacity: 0;
 }
 to {
   transform: translate3d(0, 0, 0);
   -webkit-transform: translate3d(0, 0, 0);
   opacity: 1;
 }

} @-webkit-keyframes from-left { 

 from {
   transform: translate3d(-100%, 0, 0);
   -webkit-transform: translate3d(-100%, 0, 0);
   opacity: 0;
 }
 to {
   transform: translate3d(0, 0, 0);
   -webkit-transform: translate3d(0, 0, 0);
   opacity: 1;
 }

} @keyframes from-right { 

 from {
   transform: translate3d(100%, 0, 0);
   -webkit-transform: translate3d(100%, 0, 0);
   opacity: 1;
 }
 to {
   transform: translate3d(0, 0, 0);
   -webkit-transform: translate3d(0, 0, 0);
   opacity: 1;
 }

} @-moz-keyframes from-right { 

 from {
   transform: translate3d(100%, 0, 0);
   -webkit-transform: translate3d(100%, 0, 0);
   opacity: 0;
 }
 to {
   transform: translate3d(0, 0, 0);
   -webkit-transform: translate3d(0, 0, 0);
   opacity: 1;
 }

} @-webkit-keyframes from-right { 

 from {
   transform: translate3d(100%, 0, 0);
   -webkit-transform: translate3d(100%, 0, 0);
   opacity: 0;
 }
 to {
   transform: translate3d(0, 0, 0);
   -webkit-transform: translate3d(0, 0, 0);
   opacity: 1;
 }

} @keyframes fade-out { 

 0% {
   opacity: 1;
 }
 100% {
   opacity: 0;
 }

} @-webkit-keyframes fade-out { 

 0% {
   opacity: 1;
 }
 100% {
   opacity: 0;
 }

} @-moz-keyframes fade-out { 

 0% {
   opacity: 1;
 }
 100% {
   opacity: 0;
 }

} /**! 25. Video **/ iframe { 

 width: 100%;
 min-height: 350px;
 border: none;

} @media all and (max-width: 767px) { 

 iframe {
   min-height: 220px;
 }

} .videobg { 

 background: #252525;
 position: relative;
 overflow: hidden;

} .videobg .container, .videobg .background-image-holder { 

 opacity: 0;
 transition: 0.3s linear;
 -webkit-transition: 0.3s linear;
 -moz-transition: 0.3s linear;

} .videobg .background-image-holder { 

 opacity: 0 !important;

} .videobg.video-active .container { 

 opacity: 1;

} .videobg.video-active .loading-indicator { 

 opacity: 0;
 visibility: hidden;

} .videobg video { 

 object-fit: cover;
 height: 100%;
 min-width: 100%;
 position: absolute;
 top: 0;
 z-index: 0 !important;
 left: 0;

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

 .videobg .background-image-holder,
 .videobg .container {
   opacity: 1 !important;
 }
 .videobg .loading-indicator {
   display: none;
 }
 .videobg video {
   display: none;
 }

} .youtube-background { 

 position: absolute;
 height: 100%;
 width: 100%;
 top: 0;
 z-index: 0 !important;

} .youtube-background .mb_YTPBar { 

 opacity: 0;
 height: 0;
 visibility: hidden;

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

 .youtube-background {
   display: none;
 }

} .loading-indicator { 

 position: absolute !important;
 top: 50%;
 left: 50%;
 z-index: 99 !important;
 width: 50px;
 height: 50px;
 margin-top: -25px;
 margin-left: -25px;
 background-color: #fff;
 border-radius: 100%;
 -webkit-animation: loading-spinner 1s infinite ease-in-out;
 animation: loading-spinner 1s infinite ease-in-out;
 transition: 0.3s linear;
 -webkit-transition: 0.3s linear;
 -moz-transition: 0.3s linear;

} @-webkit-keyframes loading-spinner { 

 0% {
   -webkit-transform: scale(0);
 }
 100% {
   -webkit-transform: scale(1);
   opacity: 0;
 }

} @keyframes loading-spinner { 

 0% {
   -webkit-transform: scale(0);
   transform: scale(0);
 }
 100% {
   -webkit-transform: scale(1);
   transform: scale(1);
   opacity: 0;
 }

} .video-cover { 

 position: relative;

} .video-cover video { 

 max-width: 100%;

} .video-cover iframe { 

 background: #252525;

} .video-cover .background-image-holder { 

 z-index: 3;

} .video-cover .video-play-icon { 

 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate3d(-50%, -50%, 0);
 -webkit-transform: translate3d(-50%, -50%, 0);

} .video-cover .video-play-icon, .video-cover .background-image-holder { 

 transition: 0.3s linear;
 -webkit-transition: 0.3s linear;
 -moz-transition: 0.3s linear;

} .video-cover.reveal-video .video-play-icon, .video-cover.reveal-video .background-image-holder { 

 opacity: 0 !important;
 pointer-events: none;

} .video-cover[data-scrim-bottom]:before, .video-cover[data-overlay]:before, .video-cover[data-scrim-top]:before { 

 transition: 0.3s linear;
 -webkit-transition: 0.3s linear;
 -moz-transition: 0.3s linear;
 z-index: 4;

} .video-cover.reveal-video[data-scrim-bottom]:before, .video-cover.reveal-video[data-overlay]:before, .video-cover.reveal-video[data-scrim-top]:before { 

 opacity: 0;
 pointer-events: none;

} .video-play-icon { 

 width: 7.42857143em;
 height: 7.42857143em;
 border-radius: 50%;
 position: relative;
 z-index: 4;
 display: inline-block;
 border: 2px solid #ffffff;
 cursor: pointer;
 background: #ffffff;

} .video-play-icon.video-play-icon--sm { 

 width: 3.71428571em;
 height: 3.71428571em;

} .video-play-icon.video-play-icon--sm:before { 

 border-width: 4px 0 4px 9px;

} .video-play-icon.video-play-icon--xs { 

 width: 1.85714286em;
 height: 1.85714286em;

} .video-play-icon.video-play-icon--xs:before { 

 border-width: 3px 0 3px 6px;
 margin-left: -3px;

} .video-play-icon.bg--primary:before { 

 border-color: transparent transparent transparent #fff;

} .video-play-icon:before { 

 position: absolute;
 top: 50%;
 margin-top: -5px;
 left: 50%;
 margin-left: -4px;
 content: ;
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 6px 0 6px 12px;
 border-color: transparent transparent transparent #ffffff;
 border-color: transparent transparent transparent #808080;

} .video-play-icon.video-play-icon--dark { 

 border-color: #252525;
 background: #252525;

} .video-play-icon.video-play-icon--dark:before { 

 border-color: transparent transparent transparent #252525;

} .video-play-icon.video-play-icon--dark:before { 

 border-color: transparent transparent transparent #fff;

} @media all and (max-width: 767px) { 

 .video-play-icon {
   width: 4.95238095em;
   height: 4.95238095em;
 }

} .col-12:not([class*='col-lg']):not([class*='col-md']) .video-cover iframe { 

 min-height: 550px;

} @media all and (max-width: 990px) { 

 div[class*='col-'][class*='-12']:not([class*='xs-12']) .video-cover iframe {
   min-height: 350px;
 }

} div[class*='col-'][class*='-10'] .video-cover iframe { 

 min-height: 450px;

} div[class*='col-'][class*='-8'] .video-cover iframe { 

 min-height: 400px;

} div[class*='col-'][class*='-6'] .video-cover iframe { 

 min-height: 350px;

} @media all and (max-width: 1200px) { 

 div[class*='col-'][class*='-6'] .video-cover iframe {
   min-height: 300px;
 }

} @media all and (max-width: 990px) { 

 div[class*='col-'][class*='-6'] .video-cover iframe {
   min-height: 220px;
 }

} @media all and (max-width: 767px) { 

 div[class*='col-'] .video-cover iframe {
   min-height: 220px !important;
 }

} .modal-container video { 

 max-width: 100%;

} /**! 26. Colors **/ body { 

 background:#fff;

} .color--primary { 

 color: #4a90e2 !important;

} a { 

 color: #4a90e2;

} .color--primary-1 { 

 color: #31639c !important;

} .color--primary-2 { 

 color: #465773 !important;

} .color--white { 

 color: #fff;

} .color--dark { 

 color: #252525;

} .color--success { 

 color: #4ebf56;

} .color--error { 

 color: #e23636;

} .bg--dark { 

 background: #252525;

} .bg--dark:not(.nav-bar):not(.bar) { 

 color: #ffffff;

} .bg--dark:not(.nav-bar):not(.bar) h1, .bg--dark:not(.nav-bar):not(.bar) h2, .bg--dark:not(.nav-bar):not(.bar) h3, .bg--dark:not(.nav-bar):not(.bar) h4, .bg--dark:not(.nav-bar):not(.bar) h5, .bg--dark:not(.nav-bar):not(.bar) h6, .bg--dark:not(.nav-bar):not(.bar) i, .bg--dark:not(.nav-bar):not(.bar) span:not(.btn__text), .bg--dark:not(.nav-bar):not(.bar) p { 

 color: #ffffff;

} .bg--dark:not(.nav-bar):not(.bar) a:not(.btn) { 

 color: #fff;

} .bg--site { 

 background: #ffffff;

} .bg--secondary { 

 background: #fafafa;

} .bg--primary { 

 background: #4a90e2;

} .bg--primary p, .bg--primary span, .bg--primary ul, .bg--primary a:not(.btn) { 

 color: #fff;

} .bg--primary h1, .bg--primary h2, .bg--primary h3, .bg--primary h4, .bg--primary h5, .bg--primary h6, .bg--primary i { 

 color: #fff;

} .bg--primary .color--primary { 

 color: #fff !important;

} .bg--white { 

 background: #fff;

} .bg--white p, .bg--white span, .bg--white ul, .bg--white a:not(.btn) { 

 color: #666666;

} .bg--white h1, .bg--white h2, .bg--white h3, .bg--white h4, .bg--white h5, .bg--white h6, .bg--white i { 

 color: #252525;

} .bg--error { 

 background: #e23636;

} .bg--success { 

 background: #4ebf56;

} .imagebg:not(.image--light) .bg--white p, .imagebg:not(.image--light) .bg--white span, .imagebg:not(.image--light) .bg--white ul, .imagebg:not(.image--light) .bg--white a:not(.btn) { 

 color: #666666;

} .imagebg:not(.image--light) .bg--white h1, .imagebg:not(.image--light) .bg--white h2, .imagebg:not(.image--light) .bg--white h3, .imagebg:not(.image--light) .bg--white h4, .imagebg:not(.image--light) .bg--white h5, .imagebg:not(.image--light) .bg--white h6, .imagebg:not(.image--light) .bg--white i { 

 color: #252525;

} .imagebg:not(.image--light) .bg--secondary { 

 background: rgba(250, 250, 250, 0.2);

} .bg--primary-1 { 

 background: #31639c;

} .bg--primary-1 p, .bg--primary-1 span, .bg--primary-1 ul, .bg--primary-1 a:not(.btn) { 

 color: #fff;

} .bg--primary-1 h1, .bg--primary-1 h2, .bg--primary-1 h3, .bg--primary-1 h4, .bg--primary-1 h5, .bg--primary-1 h6, .bg--primary-1 i { 

 color: #fff;

} .bg--primary-2 { 

 background: #465773;

} .bg--primary-2 p, .bg--primary-2 span, .bg--primary-2 ul, .bg--primary-2 a:not(.btn) { 

 color: #fff;

} .bg--primary-2 h1, .bg--primary-2 h2, .bg--primary-2 h3, .bg--primary-2 h4, .bg--primary-2 h5, .bg--primary-2 h6, .bg--primary-2 i { 

 color: #fff;

} .image-bg:not(.image-light) *:not(a) { 

 color: #fff;

} .color--facebook { 

 color: #3b5998;

} .color--twitter { 

 color: #00aced;

} .color--googleplus { 

 color: #dd4b39;

} .color--instagram { 

 color: #125688;

} .color--pinterest { 

 color: #cb2027;

} .color--dribbble { 

 color: #ea4c89;

} .color--behance { 

 color: #053eff;

} .bg--facebook { 

 background: #3b5998;
 color: #fff;

} .bg--twitter { 

 background: #00aced;
 color: #fff;

} .bg--googleplus { 

 background: #dd4b39;
 color: #fff;

} .bg--instagram { 

 background: #125688;
 color: #fff;

} .bg--pinterest { 

 background: #cb2027;
 color: #fff;

} .bg--dribbble { 

 background: #ea4c89;
 color: #fff;

} .bg--behance { 

 background: #053eff;
 color: #fff;

} /**! 27. Image Blocks **/ .imageblock { 

 position: relative;
 padding: 0;

} .imageblock > .container, .imageblock > div[class*='col-']:not(.imageblock__content) { 

 padding-top: 7.42857143em;
 padding-bottom: 7.42857143em;
 float: none;
 overflow: hidden;

} .imageblock.imageblock--lg > .container, .imageblock.imageblock--lg > div[class*='col-']:not(.imageblock__content) { 

 padding-top: 9.28571429em;
 padding-bottom: 9.28571429em;
 float: none;
 overflow: hidden;

} .imageblock .imageblock__content { 

 position: absolute;
 height: 100%;
 top: 0;
 z-index: 2;
 padding: 0;

} .imageblock .imageblock__content .slider { 

 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;

} .imageblock .imageblock__content .slider .slides > li { 

 padding: 0;
 min-height: 100%;
 position: absolute !important;

} .imageblock.allow-overflow .imageblock__content { 

 overflow: visible;

} @media all and (max-height: 728px) { 

 .imageblock > .container,
 .imageblock > div[class*='col-']:not(.imageblock__content) {
   padding-top: 3.71428571em;
   padding-bottom: 3.71428571em;
 }

} @media all and (max-width: 767px) { 

 .imageblock[class*='space-'] {
   padding-bottom: 0;
   padding-top: 0;
 }
 .imageblock .imageblock__content {
   position: relative;
   min-height: 18.57142857em;
 }
 .imageblock > .container,
 .imageblock > div[class*='col-']:not(.imageblock__content) {
   padding-top: 5.57142857em;
   padding-bottom: 5.57142857em;
   float: none;
   overflow: hidden;
 }
 .imageblock.imageblock--lg > .container,
 .imageblock.imageblock--lg > div[class*='col-']:not(.imageblock__content) {
   padding-top: 5.57142857em;
   padding-bottom: 5.57142857em;
   float: none;
   overflow: hidden;
 }

} /**! 28. MailChimp & Campaign Monitor **/ form[action*='createsend.com'] * { 

 transition: 0.3s linear;
 -webkit-transition: 0.3s linear;
 -moz-transition: 0.3s linear;
 opacity: 0;

} form[action*='createsend.com'].form--active * { 

 opacity: 1;

} form[action*='createsend.com'] .input-checkbox + br { 

 display: none;

} form[action*='createsend.com'].no-labels label { 

 display: none;

} form[action*='createsend.com'] br { 

 display: none;

} form[action*='createsend.com'] p > label:first-child { 

 margin-bottom: 0.92857143em;

} form[action*='list-manage.com'] h2 { 

 font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
 color: #252525;
 font-weight: 300;
 font-variant-ligatures: common-ligatures;
 margin-top: 0;
 margin-bottom: 0;
 font-size: 1.35714286em;
 line-height: 1.36842105em;
 margin-bottom: 1.36842105263158em;
 font-weight: 400;

} form[action*='list-manage.com'] h2.inline-block + .h4.inline-block:not(.typed-text) { 

 margin-left: 0.68421052631579em;

} form[action*='list-manage.com'] .input-group ul { 

 overflow: hidden;

} form[action*='list-manage.com'] .input-group ul li { 

 float: left;

} form[action*='list-manage.com'] * { 

 transition: 0.3s linear;
 -webkit-transition: 0.3s linear;
 -moz-transition: 0.3s linear;
 opacity: 0;

} form[action*='list-manage.com'].form--active * { 

 opacity: 1;

} form[action*='list-manage.com'].no-labels label { 

 display: none;

} form[action*='list-manage.com'] .small-meta { 

 font-size: 0.5em;

} /**! 29. Twitter **/ .twitter-feed .user { 

 display: none;

} .twitter-feed .interact { 

 display: none;

} .twitter-feed .timePosted { 

 font-size: .87em;

} /**! 30. Transitions **/ [class*='transition--'] { 

 transition: 0.3s ease;
 -webkit-transition: 0.3s ease;
 -moz-transition: 0.3s ease;
 opacity: 0;

} [class*='transition--'].transition--active { 

 opacity: 1;

} .transition--scale { 

 transform: scale(0.98);
 -webkit-transform: scale(0.98);

} .transition--scale.transition--active { 

 opacity: 1;
 transform: scale(1);
 -webkit-transform: scale(1);

} .transition--slide { 

 transform: translate3d(200px, 0, 0);
 -webkit-transform: translate3d(200px, 0, 0);
 transform: translate3d(30vw, 0, 0);
 -webkit-transform: translate3d(30vw, 0, 0);

} .transition--slide.transition--active { 

 transform: translate3d(0, 0, 0);
 -webkit-transform: translate3d(0, 0, 0);

} /**! 31. Switchable Sections **/ .switchable { 

 position: relative;

} .switchable div[class*='col-']:first-child { 

 float: left;
 right: auto;

} .switchable div[class*='col-']:first-child:not([class*='pull']):not([class*='push']) { 

 left: 0;

} .switchable div[class*='col-']:last-child { 

 float: right;
 left: auto;

} .switchable div[class*='col-']:last-child:not([class*='pull']):not([class*='push']) { 

 right: 0;

} .switchable.switchable--switch div[class*='col-']:first-child { 

 float: right;
 right: 0;
 left: auto;

} .switchable.switchable--switch div[class*='col-']:first-child:not([class*='pull']):not([class*='push']) { 

 left: auto;

} .switchable.switchable--switch div[class*='col-']:last-child { 

 float: left;
 left: 0;
 right: auto;

} .switchable .switchable__text { 

 margin-top: 3.71428571em;

} .switchable > div[class*='col-'] { 

 padding: 0;

} /**! 32. Typed Effect **/ .typed-text { 

 display: inline-block;

} .typed-text.typed-text--cursor:after { 

 content: '|';
 font-size: 1.2em;
 -webkit-animation: blink 0.7s infinite;
 animation: blink 0.7s infinite;
 position: relative;
 right: 6px;

} @keyframes blink { 

 0% {
   opacity: 1;
 }
 50% {
   opacity: 0;
 }
 100% {
   opacity: 1;
 }

} @-webkit-keyframes blink { 

 0% {
   opacity: 1;
 }
 50% {
   opacity: 0;
 }
 100% {
   opacity: 1;
 }

} /**! 33. Gradient BG **/ [data-gradient-bg] { 

 position: relative;
 background: #252525;

} [data-gradient-bg] > canvas { 

 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;

} [data-gradient-bg] > canvas + .background-image-holder { 

 opacity: .2 !important;

} /**! 34. Bars **/ .bar { 

 padding: 1.85714286em 0;

} .bar .logo { 

 margin: 0;
 position: relative;
 top: 4px;

} .bar .menu-horizontal { 

 position: relative;
 top: 6px;

} .bar:not([class*='visible-']) + .bar { 

 margin-top: 0.92857143em;

} .bar.bar--xs { 

 padding: 0.46428571em 0;

} .bar.bar--sm { 

 padding: 0.92857143em 0;

} .bar.bar--lg { 

 padding: 2.78571429em 0;

} .bar.bar--lg .logo { 

 top: 0;

} .bar.bar--xlg { 

 padding: 4.64285714em 0;

} .bar.bar--xlg .logo { 

 top: 0;

} .bar.bg--dark .logo-dark { 

 display: none;

} .bar:not(.bg--dark):not(.bar--transparent) .logo-light { 

 display: none;

} @media all and (max-width: 767px) { 

 .bar.bar--mobile-sticky[data-scroll-class*='fixed'].pos-fixed {
   position: fixed;
   width: 100%;
   background: #fff;
   z-index: 999;
 }
 .bar.bar--mobile-sticky[data-scroll-class*='fixed'] + .bar.pos-fixed {
   top: 3.71428571em;
   position: fixed;
   width: 100%;
   background: #fff;
   z-index: 999;
 }

} @media all and (min-width: 991px) { 

 .bar__module:not(:only-child) {
   display: inline-block;
 }
 .bar__module:not(:last-child) {
   margin-right: 0.92857143em;
 }
 .bar--transparent:not(.bar--dark) {
   background: none;
 }
 .bar--transparent:not(.bar--dark) .logo-dark {
   display: none;
 }
 .bar--transparent:not(.bar--dark) .logo-light {
   display: inline-block;
 }
 .bar--transparent:not(.bar--dark):not(.pos-fixed) .menu-horizontal > li > a,
 .bar--transparent:not(.bar--dark):not(.pos-fixed) .menu-horizontal > li > span {
   color: #fff;
 }
 .bar--transparent:not(.bar--dark):not(.pos-fixed) .btn:not([class*='primary']) {
   border-color: rgba(255, 255, 255, 0.3);
 }
 .bar--transparent:not(.bar--dark):not(.pos-fixed) .btn:not([class*='primary']) .btn__text {
   color: #fff;
 }
 .bar--transparent:not(.bar--dark):not(.pos-fixed) .btn:not([class*='primary']):hover {
   border-color: rgba(255, 255, 255, 0.7);
 }
 .bar--absolute {
   position: absolute;
 }
 .bar--absolute,
 .pos-fixed {
   z-index: 99;
   width: 100%;
 }
 .bar.pos-fixed {
   position: fixed;
   top: 0;
   animation: fadeInDown 0.3s ease-out forwards;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
   box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
 }
 .bar.pos-fixed:not([class*='bg-']) {
   background: #ffffff;
 }
 .bar.pos-fixed:not([class*='bg-']) .logo-dark {
   display: inline-block;
 }
 .bar.pos-fixed:not([class*='bg-']) .logo-light {
   display: none;
 }
 .bar.pos-fixed.bg--dark {
   background: #252525;
 }

} @media all and (max-width: 767px) { 

 .bar__module {
   margin-bottom: 0.92857143em;
 }
 .bar__module + .bar__module {
   margin-top: 1.85714286em;
 }
 .bar__module .btn {
   display: block;
 }
 .bar__module .btn + .btn {
   margin-left: 0 !important;
 }
 .bar__module .btn:not(:last-child) {
   margin-bottom: 0.92857143em;
 }
 .bar + nav.bar {
   padding-top: 0;
 }

} /**! 35. Navigation InPage **/ .page-navigator { 

 position: fixed;
 padding: 0;
 top: 50%;
 transform: translateY(-40%);
 right: 1.85714286em;
 z-index: 10;

} .page-navigator ul { 

 display: inline-block;
 padding: 0.92857143em;
 background: transparent;
 /*background: rgba(0, 0, 0, 0.4);*/
 border-radius: 1.85714286em;
 transition: all .2s ease;
 list-style-type: circle;

} .page-navigator ul:hover { 

 /*background: rgba(0, 0, 0, 0.6);*/
 background: transparent;

} .page-navigator ul li:not(:last-child) { 

 margin-bottom: 1.85714286em;

} @media all and (max-width: 767px) { 

 .page-navigator {
   right: 0;
 }
 .page-navigator ul {
   border-radius: 1.85714286em 0 0 1.85714286em;
   padding: 1.85714286em 0.92857143em;
   list-style-type: circle;
 }

} .page-navigator li a { 

 width: 8px;
 /*height: 8px;*/
/* background: #fff; */
 border-radius: 50%;
 transition: all .2s ease;
/* display: block; */
 position: relative;

} .page-navigator li a:not(:hover) { 

 opacity: .5;

} .page-navigator li a.inner-link--active { 

 opacity: 1;
 animation: bulge .5s ease;
 -webkit-animation: bulge .5s ease;

} @keyframes bulge { 

 0% {
   transform: scale(1);
 }
 50% {
   transform: scale(1.3);
 }
 100% {
   transform: scale(1);
 }

} @-webkit-keyframes bulge { 

 0% {
   transform: scale(1);
 }
 50% {
   transform: scale(1.3);
 }
 100% {
   transform: scale(1);
 }

} .page-navigator li a[data-title]:before { 

 content: attr(data-title);
 position: absolute;
 right: 12px;
 top: -14px;
 background: #222;
 color: #fff;
 border-radius: 6px;
 padding: 4px 8px;
 display: inline-block;
 transition: all .2s ease;
 white-space: nowrap;

} .page-navigator li a[data-title]:not(:hover):before { 

 opacity: 0;
 transform: translateX(-20px);

} /**! 36. Helper Classes **/ .clearfix { 

 overflow: hidden;

} .clearfix-after:after { 

 content: "";
 display: table;
 clear: both;

} .allow-overflow { 

 overflow: visible;

} .container .row--gapless { 

 padding-left: 15px;
 padding-right: 15px;

} .container .row--gapless > div[class*='col-'] { 

 padding: 0;

} @media all and (max-width: 767px) { 

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

} @media all and (max-width: 991px) { 

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

} section > .row--gapless { 

 padding-left: 0;
 padding-right: 0;

} section > .row--gapless > div[class*='col-'] { 

 padding: 0;

} div.right { 

 float: right;

} div.left { 

 float: left;

} section.text-right > .container:last-child > .row:only-child > div[class*='col-']:only-child { 

 float: right;

} /**! 37. Spacing **/ section, footer { 

 padding-top: 7.42857143em;

} section.space--xxs, footer.space--xxs { 

 padding-top: 1.85714286em;
 padding-bottom: 1.85714286em;

} section.space--xs, footer.space--xs { 

 padding-top: 3.71428571em;
 padding-bottom: 3.71428571em;

} section.space--sm, footer.space--sm { 

 padding-top: 4.95238095em;
 padding-bottom: 4.95238095em;

} section.space--md, footer.space--md { 

 padding-top: 11.14285714em;
 padding-bottom: 11.14285714em;

} section.space--lg, footer.space--lg { 

 padding-top: 14.85714286em;
 padding-bottom: 14.85714286em;

} section.space--xlg, footer.space--xlg { 

 padding-top: 29.71428571em;
 padding-bottom: 29.71428571em;

} section.space--0, footer.space--0 { 

 padding: 0;

} section.section--even, footer.section--even { 

 padding-top: 7.42857143em;
 padding-bottom: 7.42857143em;

} section.space-bottom--sm, footer.space-bottom--sm { 

 padding-bottom: 4.95238095em;

} @media all and (max-width: 767px) { 

 section,
 footer,
 section.section--even {
   padding: 5.57142857em 0;
 }
 section.space--lg,
 footer.space--lg,
 section.section--even.space--lg,
 section.space--md,
 footer.space--md,
 section.section--even.space--md {
   padding: 5.57142857em 0;
 }
 section.space--xlg,
 footer.space--xlg,
 section.section--even.space--xlg {
   padding: 8.35714286em 0;
 }

} div[class*='col-'] > div[class*='col-']:first-child { 

 padding-left: 0;

} div[class*='col-'] > div[class*='col-']:last-child { 

 padding-right: 0;

} @media all and (max-width: 767px) { 

 .col-xs-6:nth-child(odd) {
   padding-right: 7.5px;
 }
 .col-xs-6:nth-child(even) {
   padding-left: 7.5px;
 }

} @media all and (min-width: 768px) { 

 .mt--1 {
   margin-top: 1.85714286em;
 }
 .mt--2 {
   margin-top: 3.71428571em;
 }
 .mt--3 {
   margin-top: 5.57142857em;
 }
 .mb--1 {
   margin-bottom: 1.85714286em;
 }
 .mb--2 {
   margin-bottom: 3.71428571em;
 }
 .mb--3 {
   margin-bottom: 5.57142857em;
 }

} @media all and (max-width: 990px) { 

 .mt--1,
 .mt--2 {
   margin-top: 1.85714286em;
 }
 .mt--3 {
   margin-top: 2.78571429em;
 }

} .unpad { 

 padding: 0;

} .unpad--bottom { 

 padding-bottom: 0;

} .unpad--top { 

 padding-top: 0;

} section.unpad--bottom { 

 padding-bottom: 0;

} section.unpad { 

 padding: 0;

} section.unpad--top { 

 padding-top: 0;

} .unmarg--bottom { 

 margin-bottom: 0;

} .unmarg { 

 margin: 0;

} .unmarg--top { 

 margin-top: 0;

} /**! 38. Boxed Layout **/ @media all and (min-width: 1280px) { 

 body.boxed-layout {
   padding: 3.71428571em 0;
   background: #ededed;
 }
 body.boxed-layout section:not([class*='bg-']):not(.imagebg),
 body.boxed-layout footer:not([class*='bg-']):not(.imagebg),
 body.boxed-layout nav:not([class*='bg-']):not(.bar--transparent):not(.bar--absolute),
 body.boxed-layout .tabs-container:not([class*='bg-']):not(.imagebg) {
   background: #ffffff;
 }
 body.boxed-layout .nav-container,
 body.boxed-layout .main-container,
 body.boxed-layout > section,
 body.boxed-layout nav {
   max-width: 1280px;
   margin: 0 auto;
 }

} /**! 39. Wizard **/ .wizard__body { 

 list-style: none;

} .wizard__step:not(.active) { 

 display: none;

} .wizard__step .wizard__title { 

 display: none;

} .wizard__controls { 

 overflow: hidden;

} .wizard__controls .wizard-prev { 

 float: left;

} .wizard__controls .wizard-next { 

 float: right;

} .wizard__controls .wizard-prev:hover, .wizard__controls .wizard-next:hover { 

 transform: none !important;

} .wizard__controls .wizard-prev.inactive, .wizard__controls .wizard-next.inactive { 

 pointer-events: none;
 opacity: .3;
 cursor: not-allowed;

} /**! 40. Alerts **/ .alert { 

 overflow: hidden;
 border: 1px solid #e6e6e6;
 padding: 0.92857143em;

} .alert .alert__body, .alert .alert__close { 

 display: inline-block;
 user-select: none;

} .alert .alert__body { 

 float: left;

} .alert .alert__close { 

 float: right;
 cursor: pointer;

} .alert.bg--error { 

 background: #fce8e8;
 border-color: #e23636;

} .alert.bg--error .alert__close { 

 color: #e23636;

} .alert.bg--success { 

 background: #e4f5e5;
 border-color: #4ebf56;

} .alert.bg--success .alert__close { 

 color: #4ebf56;

} .alert.bg--primary { 

 background: #fafcfe;
 border-color: #4a90e2;

} .alert.bg--primary .alert__body > span { 

 color: #666666;

} .alert.bg--primary .alert__close { 

 color: #4a90e2;

} .alert.alert--dismissed { 

 display: none;

} /**! 41. Progress - Horizontal **/ .progress-horizontal:after { 

 content: "";
 display: table;
 clear: both;

} .progress-horizontal .progress-horizontal__bar { 

 position: relative;
 overflow: hidden;

} .progress-horizontal .progress-horizontal__progress { 

 position: absolute;
 top: 0;
 left: 0;
 height: 100%;

} /**! 42. Theme Overrides **/ /*! -- Stack Customizers -- */ .box-shadow { 

 box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);

} .box-shadow-shallow { 

 box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06);

} .box-shadow-wide { 

 box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);

} .border--round { 

 border-radius: 6px;

} .border--round:before { 

 border-radius: 6px;

} .border--round .background-image-holder { 

 border-radius: 6px;

} .border--round [data-scrim-top]:before, .border--round [data-scrim-bottom]:before, .border--round [data-overlay]:before { 

 border-radius: 6px;

} .imageblock.border--round .background-image-holder { 

 border-radius: 6px 0 0 6px;

} @media all and (max-width: 767px) { 

 .imageblock.border--round .background-image-holder {
   border-radius: 6px 6px 0 0;
 }

} .theme--square .border--round, .theme--square .btn { 

 border-radius: 0px;

} .theme--bordered { 

 border: 0.92857143em solid #252525;

} .main-container.transition--fade:not(.transition--active) { 

 cursor: wait;

} @media all and (min-width: 1280px) { 

 body.boxed-layout > section.bar-3:first-of-type {
   border-radius: 6px 6px 0 0;
 }
 body.boxed-layout .main-container > footer:last-child {
   border-radius: 0 0 6px 6px;
 }

} body.boxed-layout .modal-container section:not([class*='bg-']) { 

 background: none;

} /*! -- Stack Helpers -- */ @media all and (max-width: 767px) { 

 .block--xs {
   margin-top: 0.92857143em;
 }

} .container .container { 

 max-width: 100%;

} .switchable-toggle { 

 cursor: pointer;
 user-select: none;
 -webkit-user-select: none;

} .back-to-top { 

 position: fixed;
 width: 3.71428571em;
 height: 3.71428571em;
 background: #fff;
 border-radius: 50%;
 text-align: center;
 right: 1.85714286em;
 bottom: 3.71428571em;
 padding-top: 12px;
 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
 box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
 z-index: 99;
 border: 1px solid #ececec;
 transition: 0.2s ease-out;
 -webkit-transition: 0.2s ease-out;
 -moz-transition: 0.2s ease-out;

} .back-to-top i { 

 color: #252525;

} .back-to-top:not(.active) { 

 opacity: 0;
 transform: translate3d(0, 20px, 0);
 -webkit-transform: translate3d(0, 20px, 0);
 pointer-events: none;

} .back-to-top.active:hover { 

 transform: translate3d(0, -5px, 0);
 -webkit-transform: translate3d(0, -5px, 0);

} .disable-scroll-bars { 

 -ms-overflow-style: none;

} .disable-scroll-bars::-webkit-scrollbar { 

 display: none;

} /*! -- Stack Animations -- */ @keyframes fadeInUp { 

 from {
   opacity: 0;
   transform: translate3d(0, 50px, 0);
   -webkit-transform: translate3d(0, 50px, 0);
 }
 to {
   opacity: 1;
   transform: translate3d(0, 0, 0);
   -webkit-transform: translate3d(0, 0, 0);
   -webkit-font-smoothing: antialiased;
 }

} @-webkit-keyframes fadeInUp { 

 from {
   opacity: 0;
   transform: translate3d(0, 50px, 0);
   -webkit-transform: translate3d(0, 50px, 0);
 }
 to {
   opacity: 1;
   transform: translate3d(0, 0, 0);
   -webkit-transform: translate3d(0, 0, 0);
   -webkit-font-smoothing: antialiased;
 }

} @keyframes fadeInDown { 

 from {
   opacity: 0;
   transform: translate3d(0, -100px, 0);
   -webkit-transform: translate3d(0, -100px, 0);
 }
 to {
   opacity: 1;
   transform: translate3d(0, 0, 0);
   -webkit-transform: translate3d(0, 0, 0);
   -webkit-font-smoothing: antialiased;
 }

} @-webkit-keyframes fadeInDown { 

 from {
   opacity: 0;
   transform: translate3d(0, -100px, 0);
   -webkit-transform: translate3d(0, -100px, 0);
 }
 to {
   opacity: 1;
   transform: translate3d(0, 0, 0);
   -webkit-transform: translate3d(0, 0, 0);
   -webkit-font-smoothing: antialiased;
 }

} @keyframes fadeOutUp { 

 from {
   opacity: 1;
   transform: translate3d(0, 0, 0);
   -webkit-transform: translate3d(0, 0, 0);
 }
 to {
   opacity: 0;
   transform: translate3d(0, -50px, 0);
   -webkit-transform: translate3d(0, -50px, 0);
   -webkit-font-smoothing: antialiased;
 }

} @-webkit-keyframes fadeOutUp { 

 from {
   opacity: 1;
   transform: translate3d(0, 0, 0);
   -webkit-transform: translate3d(0, 0, 0);
 }
 to {
   opacity: 0;
   transform: translate3d(0, -50px, 0);
   -webkit-transform: translate3d(0, -50px, 0);
   -webkit-font-smoothing: antialiased;
 }

} @keyframes fadeOutRight { 

 from {
   opacity: 1;
   transform: translate3d(0, 0, 0);
   -webkit-transform: translate3d(0, 0, 0);
 }
 to {
   opacity: 0;
   transform: translate3d(50px, 0, 0);
   -webkit-transform: translate3d(50px, 0, 0);
   -webkit-font-smoothing: antialiased;
 }

} @-webkit-keyframes fadeOutRight { 

 from {
   opacity: 1;
   transform: translate3d(0, 0, 0);
   -webkit-transform: translate3d(0, 0, 0);
 }
 to {
   opacity: 0;
   transform: translate3d(50px, 0, 0);
   -webkit-transform: translate3d(50px, 0, 0);
   -webkit-font-smoothing: antialiased;
 }

} @keyframes fadeInLeft { 

 from {
   opacity: 0;
   transform: translate3d(-50px, 0, 0);
   -webkit-transform: translate3d(-50px, 0, 0);
 }
 to {
   opacity: 1;
   transform: translate3d(0, 0, 0);
   -webkit-transform: translate3d(0, 0, 0);
   -webkit-font-smoothing: antialiased;
 }

} @-webkit-keyframes fadeInLeft { 

 from {
   opacity: 0;
   transform: translate3d(-50px, 0, 0);
   -webkit-transform: translate3d(-50px, 0, 0);
 }
 to {
   opacity: 1;
   transform: translate3d(0, 0, 0);
   -webkit-transform: translate3d(0, 0, 0);
   -webkit-font-smoothing: antialiased;
 }

} @keyframes pulse { 

 0% {
   opacity: 0;
   transform: scale(1);
   -webkit-transform: scale(1);
 }
 50% {
   opacity: 1;
 }
 100% {
   opacity: 0;
   transform: scale(2);
   -webkit-transform: scale(2);
 }

} @-webkit-keyframes pulse { 

 0% {
   opacity: 0;
   transform: scale(1);
   -webkit-transform: scale(1);
 }
 50% {
   opacity: 1;
 }
 100% {
   opacity: 0;
   transform: scale(2);
   -webkit-transform: scale(2);
 }

} @keyframes kenBurns { 

 0% {
   transform: scale(1);
 }
 100% {
   transform: scale(1.1);
 }

} @-webkit-keyframes kenBurns { 

 0% {
   transform: scale(1);
 }
 100% {
   transform: scale(1.1);
 }

} /*! -- Stack Sections -- */ section:not(.unpad):not(.imagebg):not([class*='bg--']):not(.imageblock):not(.unpad--bottom):not(.border--bottom):not(.space--xxs) + section:not(.unpad):not(.imagebg):not([class*='bg--']):not(.imageblock):not(.border--bottom):not(.space--xxs) { 

 padding-top: 0;

} section:not(.unpad):not(.imagebg):not([class*='bg--']):not(.imageblock):not(.unpad--bottom):not(.border--bottom) + footer:not(.unpad):not(.imagebg):not([class*='bg--']):not(.imageblock):not(.unpad--bottom):not(.border--bottom) { 

 padding-top: 0;

} section:not(.imagebg):not([class*='bg-']) + section.bg--secondary { 

 border-top: 1px solid #ebebeb;

} section.bg--secondary:not(.imagebg) + section:not(.imagebg):not([class*='bg-']) { 

 border-top: 1px solid #ebebeb;

} section.bg--secondary:not(.unpad):not(.imageblock):not(.unpad--bottom):not(.border--bottom) + section.bg--secondary { 

 padding-top: 0;

} section.bg--secondary + footer:not(.bg--dark):not(.bg--secondary) { 

 border-top: 1px solid #ebebeb;

} section.bg--dark + section.bg--dark { 

 padding-top: 0;

} section.bg--dark:last-of-type + footer.bg--dark { 

 background: #1b1b1b;

} section.border--bottom:not([data-gradient-bg]) { 

 border-bottom: 1px solid #ececec;

} section.unpad { 

 overflow: hidden;

} section:not([class*='bg--']) + footer.bg--secondary { 

 border-top: 1px solid #ebebeb;

} section.text-center div[class*='col-']:first-child:last-child { 

 margin: 0 auto;
 float: none;

} .section--overlap { 

 z-index: 2;
 position: relative;

} /*! -- Stack Typography -- */ @media all and (max-width: 1024px) { 

 html {
   font-size: 80%;
 }

} h1, .h1 { 

 letter-spacing: -0.01em;

} h1:not(:last-child), .h1:not(:last-child) { 

 margin-bottom: 0.59090909090909em;

} @media all and (min-width: 768px) { 

 h1.h1--large,
 .h1.h1--large {
   font-weight: 200;
   font-size: 4.428571428571429em;
   line-height: 1.048387096774194em;
 }
 h1.h1--large:not(:last-child),
 .h1.h1--large:not(:last-child) {
   margin-bottom: 0.419354838709677em;
 }
 h1.h1--large.type--uppercase,
 .h1.h1--large.type--uppercase {
   letter-spacing: 10px;
   margin-right: -10px;
 }
 h1.h1--large + p.lead,
 .h1.h1--large + p.lead {
   margin-top: 2.052631578947368em;
 }

} h2, .h2 { 

 margin-bottom: 0.78787878787879em;

} h3, .h3 { 

 margin-bottom: 1.04em;

} h3 strong, .h3 strong { 

 font-weight: 400;

} blockquote { 

 font-family: 'Merriweather', serif;
 font-style: italic;
 font-weight: 300;

} blockquote:not(:last-child) { 

 margin-bottom: 1.04em;

} blockquote > p { 

 font-size: 1em !important;

} h4, .h4 { 

 margin-bottom: 1.36842105263158em;
 font-weight: 700;

} h4.inline-block + .h4.inline-block:not(.typed-text), .h4.inline-block + .h4.inline-block:not(.typed-text) { 

 margin-left: 0.68421052631579em;

} h5, .h5 { 

 font-weight: 600;

} h5:not(:last-child), .h5:not(:last-child) { 

 margin-bottom: 1.85714286em;

} h6, .h6 { 

 font-weight: 700;

} h6:not(:last-child), .h6:not(:last-child) { 

 margin-bottom: 2.16666666666667em;

} h6.type--uppercase, .h6.type--uppercase { 

 letter-spacing: 1px;
 margin-right: -1px;

} span.h1:not(.inline-block), span.h2:not(.inline-block), span.h3:not(.inline-block), span.h4:not(.inline-block), span.h5:not(.inline-block), span.h6:not(.inline-block) { 

 display: block;

} b { 

 font-weight: 600;

} hr { 

 border-color: #ECECEC;

} .bg--dark hr { 

 border-color: #585858;

} [class*='bg-']:not(.bg--white):not(.bg--secondary) p, [class*='imagebg']:not(.image--light) p { 

 opacity: .9;

} .lead { 

 font-weight: 400;
 color: #353535;

} .lead:not(:last-child) { 

 margin-bottom: 1.36842105263158em;

} .lead + .btn:last-child { 

 margin-top: 0.92857143em;

} p:last-child { 

 margin-bottom: 0;

} p strong { 

 color: #252525;

} pre { 

 padding: 0.92857143em;
 background: #fafafa;
 border: 1px solid #ececec;
 border-radius: 6px;
 line-height: 20px;
 max-height: 500px;

} .bg--secondary > pre { 

 background: #f5f5f5;
 border-color: #ddd;

} .text-block { 

 margin-bottom: 1.85714286em;

} .text-block h2, .text-block .h2 { 

 margin-bottom: 0.3939393939394em;

} .text-block h5, .text-block .h5 { 

 margin: 0;

} .text-block h4:not(:last-child), .text-block .h4:not(:last-child) { 

 margin-bottom: 0.3421052631579em;

} .text-block h3, .text-block .h3 { 

 margin-bottom: 0.52em;

} @media all and (min-width: 768px) { 

 div[class*='col-'] .text-block + .text-block {
   margin-top: 3.71428571em;
 }

} .heading-block { 

 margin-bottom: 3.71428571em;

} .heading-block h1, .heading-block h2, .heading-block h3, .heading-block h4, .heading-block h5, .heading-block h6, .heading-block .h1, .heading-block .h2, .heading-block .h3, .heading-block .h4, .heading-block .h5, .heading-block .h6 { 

 margin-bottom: 0;

} /*! -- Stack Colours -- */ .bg--dark .bg--secondary { 

 background: #343434;

} /*! -- Stack Links -- */ a { 

 color: #4a90e2;

}

a.lateral{ 

 color: black;
 text-decoration: inherit;
 opacity: 1;
 color: gray;
 font-weight: 500;
 font-size: 16px;

}

a:hover { 

 text-decoration: underline;

}

a:hover.lateral { 

 color: #909090 !important;
 color: black;
 text-decoration: inherit;
 font-size: 16px;
 cursor: pointer;

}


a.block { 

 font-weight: normal;
 text-decoration: none;
 color: #666666;

}

a:block.lateral{ 

 font-weight: normal;
 text-decoration: none;
 color: black;
 font-size: 16px;

}

p a, span a, label a { 

 font-size: 1em;
 text-decoration: underline;
 font-weight: 400;
 line-height: 1.85714286em;

} p + a:not(.btn) { 

 font-size: 0.85714286em;
 line-height: 2.16666667em;

} .imagebg:not(.image--light) a { 

 color: #fff;
 font-weight: 600;

} /*! -- Stack Tables -- */ table { 

 width: 100%;
 border-collapse: separate;

} table th, table td { 

 padding: 0.92857143em;

} table th { 

 background: #fafafa;
 color: #252525;

} table tr:not(:last-of-type) { 

 border-bottom: 1px solid #ececec;

} table.border--round { 

 border-radius: 6px;
 border: 1px solid #ececec;

} .table--alternate-column th:nth-child(odd) { 

 background: none;

} .table--alternate-column td:nth-child(even) { 

 background: #fafafa;

} .table--alternate-row tbody tr:nth-child(even) { 

 background: #fafafa;

} .bg--dark table.border--round { 

 border-radius: 6px;
 border: 1px solid #3f3f3f;

} .bg--dark table th { 

 background: #3f3f3f;
 color: #fff;

} .bg--dark .table--alternate-row tbody tr:nth-child(even) { 

 background: #323232;

} /*! -- Stack Lists -- */ ul:not([class*='menu']) li > a { 

 font-weight: normal;
 list-style-type: circle;

} ul:not([class*='menu']) li > a:hover { 

 text-decoration: none;
 list-style-type: circle;

} ol { 

 list-style-position: outside;
 list-style-type: decimal;
 margin-left: 1.2em;

} ol li:not(:last-child) { 

 margin-bottom: 0em;

} ol.lead li:not(:last-child) { 

 margin-bottom: 0em;

} .list-inline { 

 margin-left: 0;
 display: inline-block;

} .list-inline li { 

 display: inline-block;
 padding: 0;

} .list-inline li:not(:last-child) { 

 margin-right: 1.85714286em;

} .list-inline:not(:last-child) { 

 margin-right: 1.85714286em;

} .list-inline--images img { 

 max-height: 2.78571429em;

} @media all and (min-width: 768px) { 

 .list-inline--images li:not(:last-child) {
   margin-right: 5.57142857em;
 }

} @media all and (max-width: 767px) { 

 .list-inline--images li:not(:last-child) {
   margin-bottom: 1.85714286em;
 }

} .list--loose > li:not(:last-child) { 

 margin-bottom: 0.46428571em;

} .list--hover li { 

 transition: 0.2s ease;
 -webkit-transition: 0.2s ease;
 -moz-transition: 0.2s ease;

} .list--hover li:not(:hover) { 

 opacity: .6;

} .social-list a { 

 color: #252525;

} .imagebg:not(.image--light) .social-list a { 

 color: #fff;

} .results-list > li > a:first-child { 

 display: flex;
 align-items: center;
 margin-bottom: 0.92857143em;

} .results-list > li > a:first-child span { 

 display: inline-block;
 margin-left: 0.46428571em;

} .results-list > li > a:first-child h4 { 

 display: inline-block;
 margin-bottom: 0;

} .results-list > li > a:first-child:hover h4, .results-list > li > a:first-child:hover span { 

 text-decoration: underline;

} .results-list > li:not(:last-child) { 

 margin-bottom: 1.85714286em;
 padding-bottom: 1.85714286em;
 border-bottom: 1px solid rgba(0, 0, 0, 0.1);

} @media all and (max-width: 767px) { 

 .list-inline:not(.social-list):not(.list-inline--images) {
   display: block;
 }
 .list-inline:not(.social-list):not(.list-inline--images) li {
   display: block;
   margin: 0;
 }
 .list-inline:not(.social-list):not(.list-inline--images) li:not(:last-child) {
   margin-bottom: 0.46428571em;
 }

} @media all and (max-width: 767px) { 

 .list-inline {
   min-width: 100%;
 }

} .row--list span.h6 { 

 margin-bottom: 0;

} .row--list span.h3:last-child { 

 margin-bottom: 0;

} @media all and (max-width: 767px) { 

 .row--list > li {
   margin-bottom: 0.92857143em;
 }

} /*! -- Stack Rules -- */ hr:first-child { 

 margin-top: 0;

} hr.short { 

 width: 2.78571429em;
 border-color: #4a90e2;

} hr[data-title] { 

 margin: 2.78571429em 0;
 text-align: center;

} hr[data-title]:before { 

 content: attr(data-title);
 background: #ffffff;
 position: relative;
 bottom: 14px;
 padding: 0.92857143em;
 font-style: italic;

} .bg--dark hr:not(.short), .imagebg hr:not(.short), .bg--primary hr:not(.short) { 

 opacity: .3;

} /*! -- Stack Buttons -- */ .btn { 

 position: relative;

} .btn:not([class*='primary']) { 

 border-color: #d3d3d3;

} .btn:not([class*='primary']):hover { 

 border-color: #252525;

} .btn.type--uppercase { 

 letter-spacing: .5px;

} .btn.type--uppercase .btn__text { 

 letter-spacing: .5px;
 margin-right: -0.5px;

} .btn .label { 

 top: -0.92857143em;
 right: -3.71428571em;

} .btn.btn--lg .btn__text { 

 font-weight: 600;

} .btn.btn--lg.type--uppercase .btn__text { 

 letter-spacing: 1px;

} .btn + p.type--fine-print, .btn + span.type--fine-print { 

 margin-top: 1.08333333333334em;

} .btn.block { 

 margin-left: 0;

} .btn.block + .btn.block { 

 margin-top: 0.92857143em;

} .btn:hover { 

 transform: translate3d(0, -2px, 0);
 -webkit-transform: translate3d(0, -2px, 0);

} .btn.down{ border: none !important; } .btn.down:hover{ border: none !important; } .btn.btn--sm + .btn--sm { 

 margin-left: 0.92857143em;

} p > .btn { 

 text-decoration: none;

} @media all and (max-width: 767px) { 

 .btn:not(:last-child) {
   /*margin-bottom: 1.85714286em; */
 }

} .btn--icon { 

 padding-left: 5.57142857em;

} .btn--icon i { 

 position: absolute;
 height: 100%;
 left: 0;
 top: 0;
 background: rgba(0, 0, 0, 0.1);
 padding: 0 13px;
 border-radius: 6px 0 0 6px;
 font-size: 16px;
 line-height: 41px;

} .btn--icon i.socicon { 

 line-height: 42px;

} .btn--cart { 

 width: 3.71428571em;
 height: 3.71428571em;
 border: 2px solid #252525;
 display: block;
 text-align: center;
 border-radius: 6px;
 opacity: .4;
 padding: 0;

} .btn--cart:hover { 

 opacity: 1;

} .btn--cart .btn__text { 

 position: absolute;
 width: 100%;
 left: 0;
 top: 50%;
 transform: translateY(-50%);
 font-size: 1.142857142857143em;

} .imagebg:not(.image--light) .btn--icon:not([class*='bg']):not([class*='primary']) i { 

 color: #fff;
 background: rgba(255, 255, 255, 0.2);

} @media all and (min-width: 768px) { 

 .btn-group .btn {
   margin-bottom: 0 !important;
   margin-left: 0;
 }
 .btn-group .btn + .btn {
   margin-left: 0;
 }
 .btn-group .btn:not(:first-child):not(:last-child) {
   border-radius: 0;
 }
 .btn-group .btn:first-child {
   border-radius: 6px 0 0 6px;
 }
 .btn-group .btn:last-child {
   border-radius: 0 6px 6px 0;
 }
 .btn-group .btn:first-child:nth-last-child(2),
 .btn-group .btn:last-child:nth-child(2) {
   width: 50%;
 }

} .btn-group { 

 border: none;
 padding: 0;

} @media all and (max-width: 767px) { 

 .btn-group .btn {
   display: block;
 }

} .bg--primary div:not([class*='feature']) .btn--primary { 

 background: #fff;
 border-color: #fff;

} .bg--primary div:not([class*='feature']) .btn--primary .btn__text { 

 color: #4a90e2;

} .bg--primary > .btn--primary { 

 background: #fff;
 border-color: #fff;

} .bg--primary > .btn--primary .btn__text { 

 color: #4a90e2;

} .bg--dark .btn:not(.btn--primary) { 

 border-color: #3f3f3f;

} .bg--dark .btn:not(.btn--primary):hover { 

 border-color: #656565;

} .bg--dark .btn .btn__text { 

 color: #fff;

} .imagebg:not(.image--light) .btn:not([class*='primary']) { 

 border-color: rgba(255, 255, 255, 0.3);

} .imagebg:not(.image--light) .btn:not([class*='primary']):hover { 

 border-color: #fff;

} .imagebg.image--light .btn:not([class*='primary']) { 

 border-color: #252525;
 background: rgba(255, 255, 255, 0.3);

} .imagebg.image--light .btn:not([class*='primary']):hover { 

 background: rgba(255, 255, 255, 0.5);

} h1 + .btn, .h1 + .btn { 

 margin-top: 1.85714286em;

} h2 + .btn, .h2 + .btn { 

 margin-top: 0.92857143em;

} /*! -- Stack Images -- */ img:last-child { 

 margin-bottom: 0;

} img.flag { 

 max-height: 1.85714286em;

} img.image--sm:not(:last-child) { 

 margin-bottom: 0.92857143em;

} img.promo.border--round { 

 border: 1px solid #ececec;

} p.lead img { 

 max-height: 1.68421053em;

} .imagebg h1, .imagebg h2, .imagebg h3, .imagebg h4, .imagebg h5, .imagebg h6 { 

 position: relative;

} .imagebg:not(.image--light) span { 

 color: #fff;

} .imagebg.border--round { 

 overflow: hidden;

} section.parallax .row .background-image-holder { 

 transform: none !important;
 top: 0 !important;

} .triptych.border--round img { 

 position: relative;
 border-radius: 6px;
 width: 33.333333%;
 float: left;
 margin: 0;

} .triptych.border--round img:nth-child(2) { 

 transform: scale(1.2);
 -webkit-transform: scale(1.2);
 z-index: 2;
 box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);

} .gallery > div[class*='col-'] { 

 margin-bottom: 30px;

} .gallery-1 { 

 overflow: hidden;
 position: relative;

} .gallery-1 .gallery__image:not(:last-child) { 

 margin-bottom: 30px;

} .gallery-1 > div[class*='col-']:first-child > .gallery__image { 

 height: 800px;

} .gallery-1 > div[class*='col-']:last-child > .gallery__image { 

 height: calc(385px);

} .gallery__image { 

 position: relative;
 overflow: hidden;

} @media all and (max-width: 767px) { 

 .gallery-1 .gallery__image {
   max-height: 300px;
   margin-bottom: 15px;
 }
 .gallery-1 .gallery__image:not(:last-child) {
   margin-bottom: 15px;
 }

} .section--ken-burns { 

 overflow: hidden;

} .section--ken-burns > .background-image-holder, .section--ken-burns > img:only-child { 

 animation: kenBurns 15s ease alternate infinite;
 -webkit-animation: kenBurns 15s ease alternate infinite;

} /*! -- Stack Titles -- */ .breadcrumbs { 

 list-style: none;

} .breadcrumbs li { 

 font-size: 0.85714285714286em;
 display: inline-block;

} .breadcrumbs li:not(:last-child) { 

 margin-right: 1.08333333333334em;

} .breadcrumbs li:not(:last-child):after { 

 content: '\00bb';
 margin-left: 1.08333333333334em;

} .breadcrumbs li a { 

 font-weight: normal;

} .imagebg .breadcrumbs, .bg--primary .breadcrumbs { 

 color: #fff;

} .imagebg .breadcrumbs a, .bg--primary .breadcrumbs a { 

 color: #fff;
 font-weight: 600;

} .elements-title { 

 border-top: none !important;

} .elements-title + .tabs-container:not( :nth-last-child(2)), .elements-title + section:not( :nth-last-child(2)) { 

 margin-bottom: 9.28571429em;

} .elements-title + section:not(.imagebg):not([class*='bg-']):not(.unpad) { 

 padding-top: 1.85714286em;

} /*! -- Stack Labels -- */ .label { 

 display: inline-block;
 font-size: 9px;
 font-weight: 700;
 letter-spacing: .5px;
 color: #fff;
 text-transform: uppercase;
 height: 26px;
 min-width: 65px;
 padding: 0 10px;
 text-align: center;
 border-radius: 50px;
 position: absolute;
 z-index: 3;
 top: 1.23809524em;
 right: 1.23809524em;

} .label:not([class*='bg--']) { 

 background: #31639c;

} .label.label--inline { 

 position: relative;
 top: 0;
 right: 0;

} .label.label--inline:not(:last-child) { 

 margin-right: 0.92857143em;

} .label.label--inline + span, .label.label--inline + p { 

 position: relative;
 top: 1px;

} .label.switchable-toggle { 

 left: 50%;
 right: auto;
 transform: translate3d(-50%, 0, 0);
 -webkit-transform: translate3d(-50%, 0, 0);
 box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06);

} .bg--primary-1 .label:not([class*='bg--']) { 

 background: #465773;

} /*! -- Stack Bars -- */ .menu-horizontal > li, .menu-vertical > li { 

 font-family: 'Open Sans', 'Roboto', 'Helvetica', Sans-Serif;

} .bar .logo { 

 max-height: 1.85714286em;
 max-width: none;

} .menu-horizontal > li > a, .menu-horizontal > li > .modal-instance > a { 

 font-weight: 500;

} .menu-horizontal > li a:hover { 

 text-decoration: none;

} .hamburger-toggle i { 

 color: #252525;

} @media all and (min-width: 990px) { 

 .menu-horizontal li:not(:last-child) {
   margin-right: 1.23809524em;
 }
 .bar__module:not(:only-child) .menu-horizontal {
   top: 0;
 }

} @media all and (min-width: 768px) and (max-width: 1023px) { 

 .bar-2 .menu-horizontal > li,
 .bar-1 .menu-horizontal > li {
   display: inline-block;
 }
 .bar-2 .menu-horizontal > li:not(:first-child),
 .bar-1 .menu-horizontal > li:not(:first-child) {
   margin-left: 0.92857143em;
 }
 .bar-2 .bar__module,
 .bar-1 .bar__module {
   margin-bottom: 1.85714286em;
 }
 .bar-2 .row div[class*='col-']:last-child .bar__module:last-child,
 .bar-1 .row div[class*='col-']:last-child .bar__module:last-child {
   margin-bottom: 0;
 }

} .bar-1 .menu-horizontal > li > .dropdown__trigger, /*菜单栏格式****/ .bar-1 .menu-horizontal > li > a { 

 font-size: 1em !important ;
 line-height: 4em;
 text-transform: uppercase;
 font-weight: 600;
 letter-spacing: -1px;

} @media all and (min-width: 10px) { 

 .bar-1 .bar__module + .bar__module {
   margin-left: 1.85714286em;
 }

}

.bar-3 { 

 font-size: 0.85714286em;

} .bar-3 .menu-horizontal { 

 top: 0;

} 


 .bar-4 .logo-dark {
   margin-bottom: 1.85714286em;
 }
 .bar.bg--dark {
   background: #252525;
 }
 .bar.bg--dark .hamburger-toggle i {
   color: #fff;
 }

} /*! -- Stack Utilties -- */ .hidden { 

 display: none !important;
 visibility: hidden !important;

} .visible-xs, .visible-sm, .visible-md, .visible-lg { 

 display: none !important;

} .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { 

 display: none !important;

} @media (max-width: 767px) { 

 .visible-xs {
   display: block !important;
 }
 table.visible-xs {
   display: table;
 }
 tr.visible-xs {
   display: table-row !important;
 }
 th.visible-xs,
 td.visible-xs {
   display: table-cell !important;
 }

} @media (max-width: 767px) { 

 .visible-xs-block {
   display: block !important;
 }

} @media (max-width: 767px) { 

 .visible-xs-inline {
   display: inline !important;
 }

} @media (max-width: 767px) { 

 .visible-xs-inline-block {
   display: inline-block !important;
 }

} @media (min-width: 768px) and (max-width: 991px) { 

 .visible-sm {
   display: block !important;
 }
 table.visible-sm {
   display: table;
 }
 tr.visible-sm {
   display: table-row !important;
 }
 th.visible-sm,
 td.visible-sm {
   display: table-cell !important;
 }

} @media (min-width: 768px) and (max-width: 991px) { 

 .visible-sm-block {
   display: block !important;
 }

} @media (min-width: 768px) and (max-width: 991px) { 

 .visible-sm-inline {
   display: inline !important;
 }

} @media (min-width: 768px) and (max-width: 991px) { 

 .visible-sm-inline-block {
   display: inline-block !important;
 }

} @media (min-width: 992px) and (max-width: 1199px) { 

 .visible-md {
   display: block !important;
 }
 table.visible-md {
   display: table;
 }
 tr.visible-md {
   display: table-row !important;
 }
 th.visible-md,
 td.visible-md {
   display: table-cell !important;
 }

} @media (min-width: 992px) and (max-width: 1199px) { 

 .visible-md-block {
   display: block !important;
 }

} @media (min-width: 992px) and (max-width: 1199px) { 

 .visible-md-inline {
   display: inline !important;
 }

} @media (min-width: 992px) and (max-width: 1199px) { 

 .visible-md-inline-block {
   display: inline-block !important;
 }

} @media (min-width: 1200px) { 

 .visible-lg {
   display: block !important;
 }
 table.visible-lg {
   display: table;
 }
 tr.visible-lg {
   display: table-row !important;
 }
 th.visible-lg,
 td.visible-lg {
   display: table-cell !important;
 }

} @media (min-width: 1200px) { 

 .visible-lg-block {
   display: block !important;
 }

} @media (min-width: 1200px) { 

 .visible-lg-inline {
   display: inline !important;
 }

} @media (min-width: 1200px) { 

 .visible-lg-inline-block {
   display: inline-block !important;
 }

} @media (max-width: 767px) { 

 .hidden-xs {
   display: none !important;
 }

} @media (min-width: 768px) and (max-width: 991px) { 

 .hidden-sm {
   display: none !important;
 }

} @media (min-width: 992px) and (max-width: 1199px) { 

 .hidden-md {
   display: none !important;
 }

} @media (min-width: 1200px) { 

 .hidden-lg {
   display: none !important;
 }

} .visible-print { 

 display: none !important;

} @media print { 

 .visible-print {
   display: block !important;
 }
 table.visible-print {
   display: table;
 }
 tr.visible-print {
   display: table-row !important;
 }
 th.visible-print,
 td.visible-print {
   display: table-cell !important;
 }

} .visible-print-block { 

 display: none !important;

} @media print { 

 .visible-print-block {
   display: block !important;
 }

} .visible-print-inline { 

 display: none !important;

} @media print { 

 .visible-print-inline {
   display: inline !important;
 }

} .visible-print-inline-block { 

 display: none !important;

} @media print { 

 .visible-print-inline-block {
   display: inline-block !important;
 }

} @media print { 

 .hidden-print {
   display: none !important;
 }

} .text-left { 

 text-align: left;

} .text-right { 

 text-align: right;

} .text-center { 

 text-align: center;

} .text-justify { 

 text-align: justify;

} @media all and (min-width: 768px) and (max-width: 990px) { 

 .text-left-sm {
   text-align: left;
 }
 .text-right-sm {
   text-align: right;
 }
 .text-center-sm {
   text-align: center;
 }

} @media all and (max-width: 767px) { 

 .text-left-xs {
   text-align: left;
 }
 .text-right-xs {
   text-align: right;
 }
 .text-center-xs {
   text-align: center;
 }

} /*! -- Stack Alerts -- */ .alert { 

 border-radius: 6px;

} .alert:not(:last-child) { 

 margin-bottom: 1.85714286em;

} .alert .alert__close { 

 font-size: 1.35714286em;

} /*! -- Stack Menu Toggle -- */ .menu-toggle { 

 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
 box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
 width: 3.71428571em;
 height: 3.71428571em;
 border-radius: 50%;
 text-align: center;
 background: #fff;
 display: inline-block;
 transition: 0.2s ease;
 -webkit-transition: 0.2s ease;
 -moz-transition: 0.2s ease;

} .menu-toggle i { 

 font-size: 1.78571429em;
 position: relative;
 top: 13px;
 color: #252525;

} .menu-toggle:hover { 

 box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);
 transform: translate3d(0, -2px, 0);
 -webkit-transform: translate3d(0, -2px, 0);

} /*! -- Stack Nav Utility -- */ .nav-utility { 

 padding: 0.92857143em 0;

} .nav-utility .nav-utility__module { 

 font-size: 0.85714285714286em;

} .nav-utility .nav-utility__module a { 

 color: #666666;
 font-weight: normal;

} .nav-utility .nav-utility__module a i { 

 transition: 0.3s ease;
 -webkit-transition: 0.3s ease;
 -moz-transition: 0.3s ease;
 display: inline-block;

} .nav-utility .nav-utility__module a:hover i { 

 transform: scale(1.5);
 -webkit-transform: scale(1.5);

} .nav-utility .nav-utility__module.right:not(:last-child) { 

 margin-left: 2.16666666666667em;

} .utility-toggle { 

 display: inline-block;
 cursor: pointer;
 width: 3px;
 height: 3px;
 position: relative;
 bottom: 8px;
 border-radius: 50%;
 background: #252525;

} .utility-toggle:before, .utility-toggle:after { 

 content: ;
 width: 3px;
 height: 3px;
 border-radius: 50%;
 position: absolute;
 background: #252525;

} .utility-toggle:before { 

 top: 6px;

} .utility-toggle:after { 

 top: 12px;

} /*! -- Stack Nav Stacked -- */ .bar-stacked .logo { 

 margin-bottom: 3.71428571em;

} /*! -- Stack Nav Side Menu -- */ .notification.side-menu { 

 z-index: 9999;
 background: #ffffff;
 padding-top: 1.85714286em;
 margin: 0;
 height: 100%;
 box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);
 width: 27.85714286em;

} .notification.side-menu .side-menu__module { 

 overflow: hidden;
 padding: 2.78571429em;

} .notification.side-menu .side-menu__module + hr:not(:last-child) { 

 margin: 0;

} .notification.side-menu .menu-vertical li a { 

 font-size: 1.35714286em;
 line-height: 1.36842105em;

} .notification.side-menu .menu-vertical li a:hover { 

 text-decoration: none;

} .notification.side-menu .btn:not(:last-child) { 

 margin-bottom: 1.85714286em;

} .notification.side-menu .btn + ul.list--loose { 

 margin-top: 0.92857143em;

} .notification.side-menu .notification-close-cross { 

 top: 0.92857143em;
 right: 2.78571429em;
 margin-top: 8px;

} .notification.side-menu .social-list:not(:first-child) { 

 margin-top: 1.85714286em;

} .menu-toggle.pos-fixed { 

 position: fixed;
 right: 5.57142857em;
 animation: fadeInDown .3s ease forwards;

} @media all and (min-width: 768px) { 

 .side-menu .side-menu__module span.type--fine-print {
   position: relative;
   top: 8px;
 }

} @media all and (max-width: 767px) { 

 .side-menu {
   width: 100%;
 }
 .side-menu .side-menu__module .float-right,
 .side-menu .side-menu__module .float-left {
   display: block;
 }

} /*! -- Stack Nav Sidebar Column -- */ .nav-container.nav-container--sidebar + .main-container { 

 width: calc(100vw - 20.428571428571463em);
 float: right;

} .nav-sidebar-column { 

 position: fixed;
 z-index: 3;
 left: 0;
 width: 20.42857143em;
 border-right: 1px solid #ececec;
 height: 100vh;
 overflow-y: scroll;
 -ms-overflow-style: none;
 padding: 2.78571429em 1.85714286em;

} .nav-sidebar-column:not([class*='bg-']) { 

 background: #ffffff;

} .nav-sidebar-column.bg--dark { 

 border-right: 1px solid #3f3f3f;

} .nav-sidebar-column::-webkit-scrollbar { 

 display: none;

} .nav-sidebar-column .logo { 

 max-height: 2.32142857em;
 margin-bottom: 0.92857143em;

} .nav-sidebar-column .text-block > p { 

 margin-bottom: 0.92857143em;

} .nav-sidebar-column .menu-vertical li.dropdown:not(:hover):after { 

 opacity: .35;

} .nav-sidebar-column .menu-vertical a:hover { 

 text-decoration: none;

} .nav-sidebar-column .dropdown .dropdown__container, .nav-sidebar-column .dropdown .dropdown__content { 

 left: 0 !important;
 position: relative;
 pointer-events: all;

} .nav-sidebar-column .dropdown .dropdown__container:before { 

 height: 0;

} .nav-sidebar-column .dropdown .dropdown__content { 

 transform: none !important;
 box-shadow: none;
 -webkit-box-shadow: none;
 padding-top: 0.46428571em;
 padding-right: 0;
 padding-left: 0.46428571em;
 background: none !important;

} .nav-sidebar-column .dropdown .menu-vertical li.dropdown:after { 

 right: 1.85714286em;

} .nav-sidebar-column .dropdown:not(.dropdown--active) .dropdown__container { 

 display: none;

} .nav-sidebar-column .dropdown.dropdown--hover:hover > .dropdown__container { 

 display: block;

} .nav-sidebar-column .social-list { 

 margin-bottom: 0.92857143em;

} body.dropdowns--hover .nav-sidebar-column .dropdown:hover > .dropdown__container { 

 display: block;

} .nav-sidebar-column-toggle { 

 transition: all .3s ease;
 left: 0;
 width: 3.71428571em;
 height: 3.71428571em;
 background: #ffffff;
 text-align: center;
 position: fixed;
 z-index: 4;
 cursor: pointer;
 border-radius: 0 0 6px 0;
 box-shadow: 2px 1px 4px rgba(0, 0, 0, 0.1);

} .nav-sidebar-column-toggle > i { 

 transition: all .3s ease;
 font-size: 1.78571429em;
 position: relative;
 top: 11px;

} .nav-sidebar-column-toggle:not(.toggled-class) > i { 

 opacity: .5;

} .nav-sidebar-column-toggle.toggled-class i:before { 

 content: '\e80b';

} @media all and (max-width: 990px) { 

 .nav-sidebar-column {
   transition: all .3s ease;
   left: -20.42857143em;
   box-shadow: 2px 0px 4px rgba(0, 0, 0, 0);
 }
 .nav-sidebar-column.active {
   left: 0;
   box-shadow: 2px 0px 4px rgba(0, 0, 0, 0.1);
 }
 .nav-sidebar-column-toggle.toggled-class {
   left: 20.42857143em;
 }
 .nav-container.nav-container--sidebar + .main-container {
   width: 100%;
   float: none;
 }

} .nav-container.nav-container--right .nav-sidebar-column { 

 right: 0;
 left: auto;

} .nav-container.nav-container--right + .main-container { 

 float: left;

} .nav-container.nav-container--right .nav-sidebar-column-toggle { 

 left: auto;
 right: 0;
 border-radius: 0 0 0 6px;
 box-shadow: -2px 1px 4px rgba(0, 0, 0, 0.1);

} @media all and (max-width: 990px) { 

 .nav-container.nav-container--right .nav-sidebar-column {
   right: -20.42857143em;
   left: auto;
 }
 .nav-container.nav-container--right .nav-sidebar-column.active {
   left: auto;
   right: 0;
   box-shadow: -2px 0px 4px rgba(0, 0, 0, 0.1);
 }
 .nav-container.nav-container--right .nav-sidebar-column-toggle.toggled-class {
   left: auto;
   right: 20.42857143em;
 }

} /*! -- Stack Nav Fullscreen -- */ .menu-fullscreen { 

 color: #fff;

} .menu-fullscreen .pos-absolute { 

 width: 100%;

} .menu-fullscreen a { 

 color: #fff;

} .menu-fullscreen a:hover { 

 text-decoration: none;

} .menu-fullscreen .social-list { 

 margin-right: 0;

} .menu-fullscreen:before { 

 background: rgba(0, 0, 0, 0.9);

} .menu-fullscreen .modal-content .modal-close-cross { 

 right: 3.71428571em;
 top: 1em;

} @media all and (max-width: 767px) { 

 .menu-fullscreen .pos-bottom {
   position: relative;
 }

} /*! -- Stack Dropdowns -- */ .dropdown > .dropdown__trigger:after { 

 font-family: "Lato";
 display: inline-block;
 font-size: 8px;
 position: relative;
 bottom: 2px;

} .dropdown > .dropdown__trigger .image--xxs { 

 margin-right: 0.46428571em;

} .dropdown .dropdown__content { 

 border-radius: 6px;
 box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.08);
 -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.08);
 padding: 1.23809524em 1.85714286em;

} .dropdown .dropdown__content h5:not(:last-child) { 

 margin-bottom: 0.92857143em;

} .dropdown .dropdown__content .background-image-holder { 

 border-radius: 6px 0 0 6px;

} .dropdown .dropdown__content > .pos-absolute[class*='col-'] { 

 left: 0;
 top: 0;
 height: 100%;
 position: absolute !important;

} .dropdown .dropdown__content > .pos-absolute[class*='col-'][data-overlay]:before { 

 border-radius: 6px 0 0 6px;

} .menu-horizontal > .dropdown > .dropdown__trigger:after { 

 content:"\25BC";
 margin-left: 4px;

} .menu-vertical > .dropdown > .dropdown__trigger { 

 display: inline-block;
 width: 100%;

} @media all and (max-width: 767px) { 

 .dropdown [class*='col-'] + [class*='col-'] {
   margin-top: 0.92857143em;
 }
 .dropdown .dropdown__content:not([class*='bg-']) {
   border: none;
   box-shadow: none;
 }

} @media all and (max-width: 767px) { 

 .dropdown__container {
   left: 0 !important;
 }

} .menu-vertical li { 

 transition: 0.3s ease;
 -webkit-transition: 0.3s ease;
 -moz-transition: 0.3s ease;

} .menu-vertical li:not(:hover):not(.dropdown--active) { 

 opacity: .75;

} .menu-vertical li:not(:last-child) { 

 margin-bottom: 0.30952381em;

} .menu-vertical li.dropdown { 

 position: relative;

} .menu-vertical li.dropdown:after { 

 font-family: 'Lato';
 right: 0;
 top: 0;
 position: absolute;
 transition: 0.3s ease;
 -webkit-transition: 0.3s ease;
 -moz-transition: 0.3s ease;
 display: inline-block;
 transform: translate3d(-10px, 0, 0);
 -webkit-transform: translate3d(-10px, 0, 0);

} .menu-vertical li.dropdown:hover:after { 

 transform: translate3d(-5px, 0, 0);
 -webkit-transform: translate3d(-5px, 0, 0);

} .menu-vertical li.separate { 

 border-top: 1px solid #e6e6e6;
 margin-top: 0.92857143em;
 padding-top: 0.92857143em;

} .menu-vertical li.separate.dropdown:after { 

 top: .92857143em;

} .menu-vertical + h5 { 

 margin-top: 1.85714286em;

} .dropdown__container > .container { 

 width: 100vw;
 max-width: 1140px;

} @media all and (max-width: 990px) { 

 .menu-vertical .dropdown.dropdown--active:after {
   opacity: 0;
 }

} @media all and (min-width: 991px) { 

 .dropdown .dropdown__container:before {
   height: 18px;
 }

} /*! -- Stack Twitter Feeds -- */ .tweets-feed .interact { 

 display: none;

} .tweets-feed .user a:hover { 

 text-decoration: none;

} .tweets-feed .user img { 

 border-radius: 50%;

} .tweets-feed-1 { 

 border-radius: 6px;
 border: 1px solid #ececec;
 overflow: hidden;

} .tweets-feed-1 li { 

 overflow: hidden;
 padding: 1.85714286em;
 padding-bottom: 0;

} .tweets-feed-1 li:not(:last-child) { 

 border-bottom: 1px solid #ececec;

} .tweets-feed-1 .user { 

 width: 20%;
 float: left;
 margin-bottom: 0.92857143em;

} .tweets-feed-1 .user img { 

 max-height: 3.71428571em;
 margin-right: 0.46428571em;

} .tweets-feed-1 .user [data-scribe="element:name"], .tweets-feed-1 .user [data-scribe="element:screen_name"] { 

 display: none;

} .tweets-feed-1 .tweet, .tweets-feed-1 .timePosted { 

 width: 80%;
 float: right;

} .tweets-feed-1 .tweet { 

 margin-bottom: 0.46428571em;

} .tweets-feed-1 .timePosted { 

 font-size: 0.85714286em;
 line-height: 2.16666667em;

} .tweets-feed-1:not(:last-child) + .btn { 

 margin-top: 2.78571429em;

} .imagebg .tweets-feed-1, .bg--dark .tweets-feed-1 { 

 border-color: rgba(255, 255, 255, 0.1);

} .imagebg .tweets-feed-1 li:not(:last-child), .bg--dark .tweets-feed-1 li:not(:last-child) { 

 border-color: rgba(255, 255, 255, 0.1);

} .tweets-feed-2 .user { 

 display: none;

} .tweets-feed-2 .timePosted { 

 display: none;

} .tweets-feed-2 li { 

 overflow: hidden;

} .tweets-feed-2 li:before { 

 font-family: 'Lato';

} .tweets-feed-2 li .tweet { 

 width: 85%;
 float: right;

} .tweets-feed.slider .user img { 

 display: inline-block;
 clear: both;
 margin-bottom: 0.92857143em;

} .tweets-feed.slider .user [data-scribe="element:name"] { 

 display: none;

} .tweets-feed.slider .user [data-scribe="element:screen_name"] { 

 display: block;
 font-size: 1.35714286em;
 line-height: 1.36842105em;
 font-weight: normal;

} .tweets-feed.slider .tweet { 

 margin-top: 1.36842105263158em;
 margin-bottom: 0.68421052631579em;
 font-size: 1.35714286em;
 line-height: 1.36842105em;

} .tweets-feed.slider .timePosted { 

 margin: 0;

} .tweets-feed.slider:not(:last-child) + .btn { 

 margin-top: 2.78571429em;

} /*! -- Stack Instagram -- */ .instafeed a { 

 transition: 0.3s ease;
 -webkit-transition: 0.3s ease;
 -moz-transition: 0.3s ease;

} .instafeed a:hover { 

 opacity: .75;

} .instafeed:not(.instafeed--gapless) li { 

 padding: 0.46428571em;

} .instafeed.instafeed--gapless li { 

 margin-bottom: -1px;

} .instafeed + .btn { 

 margin-top: 2.78571429em;

} .instafeed[data-grid="1"][data-amount="8"] li { 

 display: inline-block;
 width: 12.5%;

} .instagram { 

 position: relative;

} .instagram.unpad .btn { 

 position: absolute;
 z-index: 2;
 top: 50%;
 transform: translate3d(-50%, -50%, 0);
 -webkit-transform: translate3d(-50%, -50%, 0);
 margin: 0;

} /*! -- Stack Cards -- */ .card__top { 

 position: relative;
 overflow: hidden;

} .card__action a { 

 color: #666666;
 text-decoration: none;
 transition: 0.3s ease;
 -webkit-transition: 0.3s ease;
 -moz-transition: 0.3s ease;

} .card__action a i { 

 color: #252525;
 font-size: 1em;

} .card__action a span { 

 position: relative;
 bottom: 2px;

} .card__action a:not(:hover) { 

 opacity: .5;

} .card p a { 

 text-decoration: none;

} .masonry__item .card.boxed { 

 margin-bottom: 0;

} .card-1 .card__avatar { 

 margin-bottom: 0.92857143em;

} .card-1 .card__avatar img { 

 max-height: 2.78571429em;
 margin-right: 0.46428571em;
 margin-bottom: 0;

} .card-1 .card__avatar, .card-1 .card__meta { 

 display: inline-block;

} .card-1 .card__meta { 

 float: right;

} .card-1 .card__body { 

 border-bottom: 1px solid #ececec;
 padding-bottom: 0.92857143em;
 margin-bottom: 0.92857143em;

} .card-1 .card__body img { 

 margin-bottom: 0.92857143em;

} .card-1 .card__body h4 { 

 margin-bottom: 0.342105263157895em;

} .bg--dark .card-1 .card__body { 

 border-color: #3f3f3f;

} @media all and (max-width: 767px) { 

 .card .list-inline:not(.social-list) li {
   display: inline-block;
 }
 .card .list-inline:not(.social-list) li:not(:first-child) {
   margin-left: 0.92857143em;
 }

} .card-2 .card__top img { 

 border-radius: 6px 6px 0 0;

} .card-2 .card__body { 

 border-bottom: 1px solid #ececec;
 padding-bottom: 1.85714286em;

} .card-2 .card__body h4 { 

 margin: 0;

} .card-2 .card__body p { 

 margin-top: 0.92857143em;

} .card-2 .card__bottom { 

 overflow: hidden;

} .card-2 .card__bottom > div { 

 display: inline-block;
 width: 50%;
 float: left;

} .card-2 .card__bottom .h6 { 

 margin-bottom: 0.541666666666667em;

} .card-2 .card__body, .card-2 .card__bottom { 

 padding: 1.85714286em;
 border: 1px solid #ececec;

} .card-2 .card__body { 

 border-bottom: none;
 border-top: none;

} .card-2 .card__bottom { 

 border-radius: 0 0 6px 6px;
 padding: 0.92857143em 1.85714286em;

} .card-2 .card__action i { 

 font-size: 1.78571429em;

} .bg--dark .card-2 .card__body, .bg--dark .card-2 .card__bottom { 

 border-color: #3f3f3f;

} /*! -- Stack Checkmarks & Crosses -- */ .checkmark { 

 display: inline-block;
 position: relative;
 width: 1.23809524em;
 height: 1.23809524em;
 border-radius: 50%;
 text-align: center;

} .checkmark:not([class*='bg-']) { 

 background: #4a90e2;

} .checkmark:before { 

 content: '\2713';
 color: #fff;
 font-size: 11px;
 position: absolute;
 width: 100%;
 left: 0;
 top: -4px;

} .checkmark.checkmark--cross:before { 

 content: '\2717';

} .checkmark:not(:last-child) { 

 margin-right: 13px;

} /*! -- Stack Icons -- */ .icon:not(.block) { 

 display: inline-block;

} .icon.icon--xs { 

 font-size: 1.14285714285714em;

} .text-block .icon + h4 { 

 margin-top: 0.6842105263158em;

} .imagebg .icon { 

 color: #fff;

} p .material-icons { 

 font-size: 1em;

} p .material-icons:first-child { 

 margin-right: 0.30952381em;

} .material-icons { 

 font-family: 'Lato' !important;

} .icon-circle { 

 position: relative;
 display: inline-block;
 width: 3.71428571em;
 height: 3.71428571em;
 border-radius: 50%;
 border: 1px solid #ececec;
 background: #fafafa;
 text-align: center;

} .icon-circle i { 

 font-size: 24px;
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 width: 100%;
 left: 0;

} /*! -- Stack Tooltips -- */ .tooltip { 

 position: relative;
 top: 3px;
 display: inline-block;
 width: 1.23809524em;
 height: 1.23809524em;
 border-radius: 50%;
 background: #252525;
 text-align: center;
 cursor: pointer;

} .tooltip .tooltip__anchor { 

 color: #fff;
 font-weight: 700;
 font-size: 11px;
 position: absolute;
 top: -5px;
 left: 6px;

} .tooltip .tooltip__text { 

 transition: 0.2s ease;
 -webkit-transition: 0.2s ease;
 -moz-transition: 0.2s ease;
 text-align: left;
 z-index: 10;
 position: absolute;
 width: 280px;
 background: #fafafa;
 border: 1px solid #ececec;
 padding: 0.61904762em;
 left: 1.48571429em;
 top: -0.92857143em;
 opacity: 0;
 pointer-events: none;
 cursor: default;
 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
 box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
 line-height: 20px;

} .tooltip:hover .tooltip__text { 

 opacity: 1;

} .tooltip:last-child { 

 margin-left: 0.92857143em;

} [data-tooltip] { 

 position: relative;
 overflow: visible;

} [data-tooltip]:after { 

 transition: all .2s ease;
 content: attr(data-tooltip);
 position: absolute;
 top: -24px;
 left: 50%;
 transform: translateX(-50%);
 background: #252525;
 color: #fff;
 border: 1px solid #e7e7e7;
 padding: 2px 12px;
 pointer-events: none;
 white-space: nowrap;
 font-size: 11px;
 line-height: 18px;
 font-weight: 600;
 border-radius: 2px;
 z-index: 2;
 font-family: 'Open Sans';

} [data-tooltip]:not(:hover):after { 

 opacity: 0;

} /*! -- Stack Boxes -- */ .boxed { 

 border-radius: 6px;

} .boxed .background-image-holder { 

 border-radius: 6px;

} .boxed:before { 

 border-radius: 6px;

} .boxed:not(:last-child) { 

 margin-bottom: 30px;

} .boxed:not([class*='bg-']) { 

 background: #ffffff;

} .boxed.bg--secondary .boxed { 

 background: #fafafa;

} @media all and (min-width: 768px) { 

 .switchable .imagebg .boxed {
   padding-left: 5.57142857em;
 }

} .bg--dark .boxed:not([class*='bg-']), .imagebg:not(.image--light) .boxed:not([class*='bg-']) { 

 background: none;
 color: #fff;

} .bg--dark .boxed:not([class*='bg-']).boxed--border, .imagebg:not(.image--light) .boxed:not([class*='bg-']).boxed--border { 

 border-color: #3f3f3f;

} .bg--dark .boxed[class*='bg-'].boxed--border, .imagebg:not(.image--light) .boxed[class*='bg-'].boxed--border { 

 border: none;

} .imagebg:not(.image--light) .boxed:not(.bg--white):not(.bg--none) { 

 background: rgba(20, 20, 20, 0.3);

} .imagebg:not(.image--light) .boxed:not(.bg--white):not(.bg--none).boxed--border { 

 border: none;

} .imagebg:not(.image--light) .boxed:not(.bg--white):not(.bg--none) .boxed { 

 background: none;

} .bg--primary .boxed:not(.imagebg) { 

 color: #666666;

} .bg--primary .boxed:not(.imagebg) p { 

 color: #666666;

} .bg--primary .boxed:not(.imagebg) h1, .bg--primary .boxed:not(.imagebg) h2, .bg--primary .boxed:not(.imagebg) h3, .bg--primary .boxed:not(.imagebg) h4, .bg--primary .boxed:not(.imagebg) h5, .bg--primary .boxed:not(.imagebg) h6, .bg--primary .boxed:not(.imagebg) .h1, .bg--primary .boxed:not(.imagebg) .h2, .bg--primary .boxed:not(.imagebg) .h3, .bg--primary .boxed:not(.imagebg) .h4, .bg--primary .boxed:not(.imagebg) .h5, .bg--primary .boxed:not(.imagebg) .h6, .bg--primary .boxed:not(.imagebg) i { 

 color: #252525;

} .bg--primary .boxed:not(.imagebg) a { 

 color: #4a90e2;

} .bg--primary .boxed:not(.imagebg) .color--primary { 

 color: #4a90e2 !important;

} @media all and (min-width: 768px) { 

 .boxed.boxed--emphasis {
   transform: scale(1.075);
   -webkit-transform: scale(1.075);
 }

} /*! -- Stack Features Small -- */ .feature:not(.boxed) { 

 margin-bottom: 60px;

} .feature.feature--featured:after { 

 content: ;
 position: absolute;
 bottom: 0;
 width: 100%;
 height: 4px;
 background: #4a90e2;
 left: 0;

} .feature h5 { 

 margin: 0;

} .feature h4 { 

 margin-bottom: 0.342105263157895em;

} .feature h4 + p { 

 max-width: 22.28571429em;

} .feature i + h5 { 

 margin-top: 1.85714286em;

} .feature i + h4 { 

 margin-top: 0.68421052631579em;

} .feature i.icon--lg + h4 { 

 margin-top: 1.36842105263158em;

} .feature i.icon--lg + .h5 { 

 margin-top: 0.92857143em;

} .feature img + .boxed { 

 border-radius: 0 0 6px 6px;
 border-top: none;

} a.feature { 

 display: block;
 text-decoration: none;
 font-weight: normal;
 color: #666666;

} a.feature img:first-child:not(:last-child) { 

 margin-bottom: 0.92857143em;

} @media all and (max-width: 767px) { 

 a.feature {
   margin-bottom: 0.92857143em !important;
 }

} .imagebg:not(.image--light) .feature.bg--white a:not(.btn) { 

 color: #4a90e2;

} .imagebg:not(.image--light) .feature.bg--white .label { 

 color: #fff;

} @media all and (max-width: 767px) { 

 .feature .feature__body form .row {
   margin-left: 0;
   margin-right: 0;
 }

} section.text-center .feature-6 h4 + p { 

 margin: 0 auto;

} @media all and (min-width: 768px) { 

 .row div[class*='col-']:nth-child(1):nth-last-child(3) .feature,
 .row div[class*='col-']:nth-child(2):nth-last-child(2) .feature,
 .row div[class*='col-']:nth-child(3):last-child .feature {
   margin-bottom: 0;
 }

} a.block > .feature { 

 transition: 0.3s ease;
 -webkit-transition: 0.3s ease;
 -moz-transition: 0.3s ease;

} a.block:hover > .feature { 

 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
 box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);

} .feature-1 { 

 min-height: 11.14285714em;

} .feature-1 p { 

 margin: 0;

} .feature-1 p.lead { 

 min-height: 5.05263157894737em;

} .feature-1 > img:first-child { 

 border-radius: 6px 6px 0 0;

} .feature-1 > a.block img { 

 border-radius: 6px 6px 0 0;

} .feature-1 > a.block + .feature__body { 

 border-radius: 0 0 6px 6px;

} .feature-1[class*='box-shadow'] { 

 border-radius: 6px;
 transition: 0.35s ease-out;
 -webkit-transition: 0.35s ease-out;
 -moz-transition: 0.35s ease-out;

} .feature-1[class*='box-shadow']:hover { 

 transform: translate3d(0, -10px, 0);
 -webkit-transform: translate3d(0, -10px, 0);
 box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);

} .hover-shadow { 

 border-radius: 6px;
 backface-visibility: hidden;
 overflow: hidden;
 border: 1px solid #ececec;
 transition: 0.35s ease-out;
 -webkit-transition: 0.35s ease-out;
 -moz-transition: 0.35s ease-out;

} .hover-shadow:hover { 

 transform: translate3d(0, -10px, 0);
 -webkit-transform: translate3d(0, -10px, 0);
 box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);

} .bg--dark .hover-shadow { 

 border-color: #222;

} .bg--dark .hover-shadow:hover { 

 box-shadow: 0 23px 40px #000000;

} .feature-2 { 

 overflow: hidden;

} .feature-2 .feature__body { 

 width: 75%;
 float: right;

} .feature-2 h5 { 

 margin-bottom: 0.46428571em;

} .feature-2 p:last-child { 

 margin: 0;

} .feature-2 i { 

 width: 25%;
 float: left;

} .feature-large .feature-2 + .feature-2:last-child { 

 margin-bottom: 0;

} @media all and (max-width: 990px) { 

 .feature-2 .feature__body,
 .feature-2 i {
   width: 100%;
   float: none;
 }
 .feature-2 p:first-of-type {
   margin-top: 0.92857143em;
 }

} .feature-3 i { 

 margin-bottom: 0.16666666666667em;

} .feature-3 p { 

 min-height: 7.42857143em;

} .feature-4 .btn { 

 position: absolute;
 width: 100%;
 bottom: 0;
 left: 0;
 border-radius: 0;
 padding: 0.92857143em;

} .feature-4 .btn:hover { 

 transform: none;

} .feature-4 p { 

 min-height: 9.28571429em;

} .feature-4 p:last-of-type { 

 margin-bottom: 3.71428571em;

} .feature-5 i { 

 width: 25%;
 float: left;

} .feature-5 .feature__body { 

 width: 75%;
 float: right;

} .feature-5 p { 

 min-height: 5.57142857em;

} .feature-5 p:last-of-type { 

 margin-bottom: 0.92857143em;

} .feature-5:not([class*='bg-']) { 

 color: #252525;

} .feature-6 p { 

 min-height: 9.28571429em;

} .feature-6 p:last-child { 

 margin: 0;

} .feature-7 { 

 height: 13em;
 margin-bottom: 30px;

} .feature-7[data-overlay]:before { 

 border-radius: 6px;
 transition: 0.3s ease;
 -webkit-transition: 0.3s ease;
 -moz-transition: 0.3s ease;

} .feature-7[data-overlay]:hover:before { 

 opacity: .75;

} .feature-7 .background-image-holder { 

 border-radius: 6px;

} .feature-7 h3 { 

 margin: 0;

} .row--gapless .feature-7 { 

 margin: 0;
 border-radius: 0;

} .row--gapless .feature-7 .background-image-holder { 

 border-radius: 0;

} .row--gapless .feature-7:before { 

 border-radius: 0;

} @media all and (max-width: 767px) { 

 .feature-7 .pos-vertical-center {
   top: 50%;
   transform: translate3d(0, -50%, 0);
   -webkit-transform: translate3d(0, -50%, 0);
 }

} .feature-8 { 

 padding: 2.78571429em 0 3.71428571em 0;

} .feature-8:not(.boxed) { 

 margin-bottom: 0;

} .feature-8 .feature__body { 

 max-width: 70%;
 margin: 0 auto;

} .feature-8 p { 

 min-height: 5.57142857em;

} @media all and (max-width: 990px) { 

 .feature-8 .feature__body {
   max-width: 85%;
 }

} @media all and (max-width: 767px) { 

 .feature p {
   min-height: auto;
   margin-left: auto;
   margin-right: auto;
 }
 .feature.boxed {
   margin-bottom: 15px;
 }
 .feature:not(.boxed) {
   margin-bottom: 30px;
 }
 .feature.feature-8 {
   margin-bottom: 0;
 }

} .feature-8 img { 

 max-height: 14.85714286em;

} .feature-9 h4 { 

 margin: 0;

} .feature-9:not(.boxed) { 

 margin-bottom: 30px;

} @media all and (min-width: 768px) { 

 .features-small-14 .text-block {
   margin-bottom: 3.71428571em;
 }
 .features-small-14 h4 {
   min-height: 2.736842105263158em;
 }

} /*! -- Stack Features Large -- */ @media all and (min-width: 768px) { 

 .staggered div[class*='col-']:nth-child(2):last-child {
   margin-top: 13em;
 }
 .staggered div[class*='col-']:nth-child(2):last-child:not(:last-child) {
   margin-bottom: 9.28571429em;
 }
 .staggered div[class*='col-'] .feature:not(:last-child) {
   margin-bottom: 9.28571429em;
 }

} .feature-large h4:first-child { 

 margin-bottom: 0.68421052631579em;

} .feature-large .feature:not(.boxed) { 

 margin-bottom: 30px;

} .feature-large .feature-3.text-center p { 

 margin: 0 auto;

} .feature-large .lead + .feature-large__group { 

 margin-top: 3.71428571em;

} .feature-large .feature-large__group { 

 overflow: hidden;

} .feature-large-1 .lead { 

 margin-bottom: 2.73684210526316em;

} @media all and (min-width: 768px) { 

 .feature-large-2 div[class*='col-']:first-child {
   margin-top: 5.57142857em;
 }
 .feature-large-2 div[class*='col-']:last-child {
   margin-top: 7.42857143em;
 }

} @media all and (max-width: 767px) { 

 .feature-large-2 img {
   margin: 1.85714286em 0;
 }

} .feature-large-7.switchable .boxed div[class*='col-']:only-child { 

 float: none;

} .feature-large-13 p.lead + .text-block { 

 margin-top: 3.71428571em;

} .feature-large-13 div[class*='col-'] .text-block + .text-block { 

 margin-top: 2.78571429em;

} @media all and (min-width: 1200px) { 

 .feature-large-13:not(.text-center) .text-block p {
   max-width: 26em;
 }

} .feature-large-14 h5 { 

 margin-bottom: 0.46428571em;

} .feature-large-14 .boxed { 

 margin-bottom: 0;

} .feature-large-14 .boxed.boxed--border img { 

 border-radius: 6px;

} @media all and (min-width: 768px) { 

 .feature-large-14.switchable .switchable__text {
   margin-top: 5.57142857em;
 }

} /*! -- Stack Accordions -- */ .accordion .accordion__title { 

 transition: 0.5s ease;
 -webkit-transition: 0.5s ease;
 -moz-transition: 0.5s ease;
 opacity: .5;
 margin-bottom: 0.92857143em;

} .accordion .accordion__title:hover { 

 opacity: 1;

} .accordion .accordion__title:before { 

 font-family: "stack-interface";
 content: '\e80d';
 margin-right: 6px;
 color: #252525;

} .accordion .accordion__title span { 

 display: inline-block;

} .accordion li.active { 

 margin-bottom: 0.92857143em;

} .accordion li.active .accordion__title { 

 opacity: 1;

} .accordion li.active .accordion__title:before { 

 content: '\e80a';

} .accordion li.active .accordion__content { 

 animation: fadeUp .5s ease forwards;
 -webkit-animation: fadeUp .5s ease forwards;

} .accordion-1 li.active .accordion__title { 

 border-color: #4a90e2;

} .accordion-1 li.active .accordion__title span { 

 color: #fff;

} .accordion-1 li.active .accordion__title:before { 

 color: #fff;

} .accordion-1 li .accordion__title { 

 border-radius: 6px;
 border-bottom: 1px solid #ECECEC;

} .accordion-2 li .accordion__title { 

 border-left: none;
 border-right: none;
 border-top: none;
 border-bottom: 1px solid #ECECEC;
 padding-left: 0;

} .accordion-2 li.active .accordion__title { 

 background: none;
 border-bottom: 1px solid rgba(0, 0, 0, 0);

} .bg--dark .accordion-2 li .accordion__title, .imagebg:not(.image--light) .accordion-2 li .accordion__title, .bg--primary .accordion-2 li .accordion__title, .bg--dark .accordion-1 li .accordion__title, .imagebg:not(.image--light) .accordion-1 li .accordion__title, .bg--primary .accordion-1 li .accordion__title { 

 border-color: #4b4b4b;

} .bg--dark .accordion-2 li .accordion__title:before, .imagebg:not(.image--light) .accordion-2 li .accordion__title:before, .bg--primary .accordion-2 li .accordion__title:before, .bg--dark .accordion-1 li .accordion__title:before, .imagebg:not(.image--light) .accordion-1 li .accordion__title:before, .bg--primary .accordion-1 li .accordion__title:before { 

 color: #fff;

} .imagebg:not(.image--light) .accordion li .accordion__title, .bg--primary .accordion li .accordion__title { 

 border-color: rgba(255, 255, 255, 0.3);

} /*! -- Stack Tabs -- */ .tabs-container.tabs--vertical { 

 overflow: hidden;

} .tabs-container.tabs--vertical .tabs { 

 width: 25%;
 float: left;

} .tabs-container.tabs--vertical .tabs li { 

 display: block;

} .tabs-container.tabs--vertical .tabs li:not(:last-child) { 

 border-right: none;
 border-bottom: 1px solid #ECECEC;

} .tabs-container.tabs--vertical .tabs-content { 

 width: 70%;
 float: right;
 margin-top: 0;

} .tabs-container.tabs--vertical .tabs-content > li:not(.active) .tab__content { 

 animation: fadeOutUp .5s ease forwards;
 -webkit-animation: fadeOutUp .5s ease forwards;

} .tabs-container.tabs--vertical .tabs-content > li.active .tab__content { 

 animation: fadeInUp .5s ease forwards;
 -webkit-animation: fadeInUp .5s ease forwards;
 backface-visibility: hidden;

} .tabs-container.tabs--vertical.tabs--icons .tabs { 

 width: 15%;
 text-align: center;

} .tabs-container.tabs--vertical.tabs--icons .tabs-content { 

 width: 80%;

} @media all and (max-width: 767px) { 

 .tabs-container.tabs--vertical .tabs,
 .tabs-container.tabs--vertical .tabs-content {
   width: 100%;
   float: none;
 }
 .tabs-container.tabs--vertical .tabs {
   margin-bottom: 1.85714286em;
 }
 .tabs-container.tabs--vertical .tabs-content > li:not(.active) .tab__content {
   animation: fadeOutRight .5s ease forwards;
   -webkit-animation: fadeOutRight .5s ease forwards;
 }
 .tabs-container.tabs--vertical .tabs-content > li.active .tab__content {
   animation: fadeInLeft .5s ease forwards;
   -webkit-animation: fadeInLeft .5s ease forwards;
   backface-visibility: hidden;
 }

} .tabs { 

 display: inline-block;
 border: 1px solid #ECECEC;
 border-radius: 6px;
 margin-bottom: 1.85714286em;

} .tabs li { 

 transition: 0.3s ease;
 -webkit-transition: 0.3s ease;
 -moz-transition: 0.3s ease;
 padding: 0.92857143em 1.85714286em;

} .tabs li:not(:last-child) { 

 border-right: 1px solid #ECECEC;

} .tabs li.active { 

 opacity: 1;

} .tabs li.active .tab__title { 

 color: #4a90e2;

} .tabs li.active .tab__title span { 

 color: #4a90e2;

} .tabs li:not(.active) { 

 opacity: 1;

} .tabs li:hover { 

 opacity: 1;
 cursor: pointer;

} .tabs .tab__title { 

 transition: 0.3s ease;
 -webkit-transition: 0.3s ease;
 -moz-transition: 0.3s ease;

} .tabs .tab__title:not(.btn) { 

 padding-right: 0;
 padding-left: 0;

} .tabs .tab__title i + span { 

 margin-top: 0.46428571em;
 display: inline-block;
 margin-bottom: 0;

} .bg--primary .tabs { 

 border-color: #fff;

} .bg--primary .tabs li.active .tab__title { 

 color: #fff;

} .bg--primary .tabs li.active .tab__title span { 

 color: #fff;

} .bg--primary .tabs li:not(:last-child) { 

 border-color: #fff;

} @media all and (min-width: 768px) { 

 .tabs.tabs--spaced {
   margin-bottom: 3.71428571em;
 }

} .tabs-content { 

 position: relative;

} .tabs-content > li:not(.active) .tab__content { 

 position: absolute;
 left: 0;
 top: 0;
 display: block;
 opacity: 0;
 pointer-events: none;
 animation: fadeOutRight .5s ease forwards;
 -webkit-animation: fadeOutRight .5s ease forwards;

} .tabs-content > li.active { 

 animation: fadeInLeft .5s ease forwards;
 -webkit-animation: fadeInLeft .5s ease forwards;
 backface-visibility: hidden;

} @media all and (max-width: 767px) { 

 .tabs li {
   display: block;
 }
 .tabs li:not(:last-child) {
   border-bottom: 1px solid #ECECEC;
   border-right: none;
 }

} .tabs--folder .tabs { 

 overflow: hidden;
 margin-bottom: 0;
 border-radius: 6px 6px 0 0;
 border-bottom: none;

} .tabs--folder .tabs > li { 

 border-top: 3px solid rgba(0, 0, 0, 0);

} .tabs--folder .tabs > li.active { 

 border-top: 3px solid #4a90e2;

} .tabs--folder .tabs-content { 

 overflow: hidden;
 position: relative;
 bottom: 8px;
 padding: 1.85714286em;
 border: 1px solid #ECECEC;
 border-radius: 0 0 6px 6px;

} .tabs--folder .tabs-content > li:not(.active) .tab__content { 

 top: 1.85714286em;
 left: 1.85714286em;

} .tabs--folder .tab__title .h5 { 

 margin: 0;
 display: inline-block;

} .tabs--folder .tab__title .label { 

 position: relative;
 color: #fff !important;
 top: -2px;
 right: 0;
 margin-left: 0.46428571em;
 min-width: 0;

} /*! -- Stack Switchable Sections -- */ @media all and (min-width: 768px) { 

 .switchable .container > .row {
   flex-flow: row-reverse;
 }
 .switchable.switchable--switch .container > .row {
   flex-flow: row;
 }

} .switchable .switchable__text { 

 margin-top: 1.85714286em;

} .switchable [class*='col-']:first-child .switchable__text { 

 margin-bottom: 2.78571429em;

} .section--overlap .row { 

 position: relative;
 margin-top: -13em;

} @media all and (max-width: 990px) { 

 .switchable .switchable__text {
   margin-top: 0;
 }

} @media all and (max-width: 767px) { 

 .switchable .switchable__text {
   margin-top: 1.85714286em;
 }
 .switchable .imageblock__content[class*='col-'] {
   float: none !important;
 }
 .switchable .row > div[class*='col-'] {
   float: none !important;
 }
 .switchable .row > div[class*='col-']:last-child:not(:only-child) {
   margin-top: 1.85714286em;
 }

} /*! -- Stack CTA -- */ .cta .btn:first-child:not(:last-child) { 

 margin-bottom: 1.85714286em;

} .cta.boxed:last-child { 

 margin-bottom: 0;

} @media all and (min-width: 768px) { 

 .cta--horizontal h4,
 .cta--horizontal .lead,
 .cta--horizontal .btn {
   margin: 0;
 }
 .cta--horizontal h4,
 .cta--horizontal .lead {
   position: relative;
   top: 4px;
 }
 .bg--dark .cta-1 > div[class*='col-']:last-child,
 .imagebg .cta-1 > div[class*='col-']:last-child {
   border-left: none;
 }

} @media all and (min-width: 1200px) { 

 .cta-1.boxed--border {
   padding: 0;
 }
 .cta-1 > div[class*='col-'] {
   padding: 1.23809524em 15px;
 }
 .cta-1 > div[class*='col-']:last-child {
   border-left: 1px solid #ECECEC;
 }

} @media all and (max-width: 990px) { 

 .cta-1 {
   text-align: center;
 }
 .cta-1 > div[class*='col-'] {
   padding-left: 0;
   padding-right: 0;
 }
 .cta-1 > div[class*='col-']:not(:last-child) {
   margin-bottom: 0.92857143em;
 }
 .cta-1 > div[class*='col-']:last-child {
   margin-top: 1.85714286em;
 }

} @media all and (max-width: 767px) { 

 .cta .lead {
   margin: 1.36842105263158em 0;
 }

} .cta-2 { 

 transition: 0.3s ease;
 -webkit-transition: 0.3s ease;
 -moz-transition: 0.3s ease;

} .cta-2 h2 { 

 margin: 1.57575757575758em 0;

} .cta-2.bg--primary:hover { 

 background: #5798e4;

} .cta-2:hover { 

 background: #ffffff;

} @media all and (min-width: 768px) { 

 .cta-3 .switchable__text {
   margin-top: 5.57142857em;
 }

} /*! -- Stack Videos -- */ .video-play-icon:before { 

 border-color: transparent transparent transparent #252525;
 margin-top: -3px;

} .modal-instance .video-play-icon + span { 

 position: relative;
 display: inline-block;
 margin-left: 0.92857143em;
 white-space: nowrap;
 bottom: 22px;

} .modal-instance .video-play-icon.video-play-icon--xs + span { 

 bottom: 8px;
 margin-left: 0.46428571em;

} .video-cover { 

 background: #252525;

} .video-cover.border--round { 

 overflow: hidden;

} .video-cover.border--round iframe { 

 border-radius: 6px;

} .video-cover:not(:last-child) { 

 margin-bottom: 1.85714286em;

} .video-cover + span.h4 + span { 

 display: inline-block;
 margin-left: 0.92857143em;

} @media all and (min-width: 1025px) { 

 .video-play-icon {
   transition: 0.2s ease-out;
   -webkit-transition: 0.2s ease-out;
   -moz-transition: 0.2s ease-out;
 }
 .video-play-icon:hover {
   box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);
   transform: translate3d(-50%, -52%, 0);
   -webkit-transform: translate3d(-50%, -52%, 0);
 }

} .imagebg .video-cover .video-play-icon { 

 z-index: 10;

} @media all and (min-width: 768px) { 

 h2 + .video-cover {
   margin-top: 3.71428571em;
 }

} @media all and (min-width: 768px) { 

 .video-1 .video-play-icon {
   margin-right: 1.85714286em;
 }
 .video-1 h2 {
   display: inline-block;
   position: relative;
   bottom: 14px;
 }
 div[class*='col-sm-6'] .video-1 h2 {
   bottom: 0;
   display: block;
 }
 div[class*='col-sm-6'] .video-1 .video-play-icon {
   margin-bottom: 0.46428571em;
 }

} .video-1 h2 { 

 margin: 0;

} .imageblock__content .modal-instance { 

 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate3d(-50%, -50%, 0);
 -webkit-transform: translate3d(-50%, -50%, 0);

} /*! -- Stack Modals -- */ .modal-container .modal-content:not(.height--natural) { 

 height: auto;
 width: auto;

} .modal-instance:not(.block) { 

 display: inline-block;

} .modal-instance.block > .btn { 

 display: block;

} @media all and (min-width: 768px) { 

 .modal-instance + span:last-child {
   display: inline-block;
   margin-left: 0.92857143em;
 }

} .modal-container .modal-content { 

 max-height: 95%;
 transform: translateX(-50%) translateY(-50%);
 -webkit-transform: translateX(-50%) translateY(-50%);

} .modal-container .modal-content .feature:only-child { 

 margin-bottom: 0;

} .modal-container .modal-content .feature:only-child .boxed { 

 margin-bottom: 0;

} .modal-container .modal-content .imagebg:not(.image--light) .modal-close-cross:before { 

 color: #fff;

} .modal-container .modal-content .container { 

 width: 100vw;

} @media all and (max-width: 767px) { 

 .modal-container .modal-content > .modal-close-cross {
   top: 3em;
   background: #222;
   width: 2em;
   height: 2em;
   text-align: center;
   border-radius: 50%;
   color: #fff;
 }
 .modal-container:not(.modal-active) .modal-content {
   display: none;
 }

} .modal-content { 

 -ms-overflow-style: none;

} .modal-content::-webkit-scrollbar { 

 display: none;

} /*! -- Stack Notifications -- */ .notification { 

 max-width: inherit;
 margin: 1.85714286em;
 box-shadow: none;

} .notification:not([class*='bg--']) { 

 background: none;

} .notification > .boxed { 

 margin: 0;

} .notification > .feature, .notification .feature__body { 

 margin-bottom: 0;

} .search-box { 

 width: 100%;
 margin: 0;
 padding: 1.85714286em;
 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
 box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);

} .search-box.notification--reveal { 

 z-index: 9999;

} .search-box .notification-close-cross { 

 top: 2.32142857em;
 right: 1.85714286em;

} .notification-close-cross.notification-close-cross--circle { 

 background: #222;
 width: 2em;
 height: 2em;
 text-align: center;
 border-radius: 50%;
 color: #fff;

} /*! -- Stack Loader -- */ .loader { 

 border: 3px solid #4a90e2;
 border-radius: 30px;
 height: 30px;
 left: 50%;
 margin: -15px 0 0 -15px;
 opacity: 0;
 position: fixed;
 z-index: 10;
 top: 50%;
 width: 30px;
 animation: pulsate 0.7s ease-out infinite;

} .loader.loader--fade { 

 opacity: 0;
 animation: none;

} @keyframes pulsate { 

 0% {
   transform: scale(0.1);
   opacity: 0.0;
 }
 50% {
   opacity: 1;
 }
 100% {
   transform: scale(1.2);
   opacity: 0;
 }

} /*! -- Stack Lightboxes -- */ .lb-close { 

 position: relative;
 top: 10px;

} .lb-close:before { 

 content: '\00D7';
 color: #fff;
 font-size: 2.5em;
 font-weight: 400;

} .lb-close:hover { 

 text-decoration: none;

} .lb-prev:after, .lb-next:after { 

 font-family: 'stack-interface';
 position: fixed;

} .lb-prev:after { 

 content: '\e801';
 left: 1.85714286em;

} .lb-next:after { 

 content: '\e802';
 right: 1.85714286em;

} .lb-data { 

 overflow: hidden;
 min-height: 30px;

} a[data-lightbox] { 

 transition: 0.3s ease;
 -webkit-transition: 0.3s ease;
 -moz-transition: 0.3s ease;

} a[data-lightbox]:hover { 

 opacity: .8;
 cursor: zoom-in;

} /*! -- Stack Covers -- */ .cover .typed-headline { 

 margin-bottom: 3.71428571em;

} .cover .typed-headline .type--bold { 

 font-weight: 400;

} .cover .triptych { 

 margin-top: 3.71428571em;

} .cover .btn + .modal-instance { 

 margin-top: 1.85714286em;

} .cover h3 + form, .cover .h3 + form { 

 margin-top: 2.78571429em;

} .cover .lead + .boxed { 

 margin-top: 3.71428571em;

} .cover.unpad--bottom { 

 overflow: hidden;

} .cover .modal-instance.block:not(:first-child):not(:last-child) { 

 margin: 2.78571429em 0;

} .cover .pos-bottom { 

 margin-bottom: 1.85714286em;

} @media all and (min-width: 768px) { 

 .cover .row .row:last-child {
   margin-top: 5.57142857em;
 }

} @media all and (max-width: 767px) { 

 .cover .pos-bottom.pos-absolute {
   position: relative;
   margin-top: 1.85714286em;
 }

} @media all and (max-width: 990px) { 

 .cover .mt--3 {
   margin-top: 0;
 }

} @media all and (min-width: 768px) { 

 .cover .triptych {
   margin-top: 7.42857143em;
 }

} .cover-fullscreen { 

 min-height: 100vh;

} .cover-fullscreen.slider[data-paging="true"] .slides .flickity-slider > li { 

 height: 100vh;

} .cover-fullscreen.slider[data-paging="true"] .pos-bottom { 

 bottom: 5.57142857em;
 width: 100%;

} .cover-fullscreen.slider[data-paging="true"] h4 { 

 margin: 0;

} .cover-slider { 

 overflow: hidden;

} .cover-slider .slider { 

 position: relative;
 width: 100%;
 pointer-events: none;

} .cover-slider .slider:nth-child(1) { 

 transform: translateY(-30%);

} .cover-slider .slider:nth-child(2) { 

 transform: translateY(-25%);

} .cover-slider .slider:nth-child(3) { 

 transform: translateY(-20%);

} .cover-slider .slider .slide { 

 opacity: .05;

} .cover-slider .typed-headline { 

 margin: 0;

} .cover-slider .typed-headline + .btn { 

 margin-top: 0.92857143em;

} .cover-slider .slider-container { 

 transform: rotateZ(-30deg) translateY(-10%);
 -webkit-transform: rotateZ(-30deg) translateY(-10%);
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;

} @media all and (min-width: 768px) { 

 .cover-slider + .cta-4 {
   position: absolut