*,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
a {
  margin: 0;
  padding: 0;
}

a {
  transition: all 0.2s ease-in-out;
}

/**! 02. Typography **/

html,
body {
  height: 100%;
  position: relative;
}

@media all and (max-width: 768px) {
  html {
    font-size: 81.25%;
  }
}

body {
  font-size: 13px;
  font-family: Tahoma, Arial, sans-serif;
  margin: 0;
  padding: 0;
  color: #2a2a2a;
  line-height: 19px;
  background: #fafafa;
  background: linear-gradient(180deg, #fafafa 0, #e4e4e4);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#fafafa", endColorstr="#e4e4e4", GradientType=0);
  background-attachment: fixed;
  background: url(/images/bodybgr.png) repeat;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
  color: #252525;
  font-weight: 300;
  font-variant-ligatures: common-ligatures;
  margin-top: 0;
  margin-bottom: 0;
}

h1,
.h1 {
  font-size: 3.14285714em;
  /*50px*/
  line-height: 1.31818182em;
  /*21px*/
}

h2,
.h2 {
  font-size: 2.35714286em;
  line-height: 1.36363636em;
}

h3,
.h3 {
  font-size: 1.78571429em;
  line-height: 1.5em;
}

h4,
.h4 {
  font-size: 1.35714286em;
  line-height: 1.36842105em;
}

h5,
.h5 {
  font-size: 1em;
  line-height: 29px;
}

h6,
.h6 {
  font-size: 0.85714286em;
  line-height: 2.16666667em;
}

.lead {
  font-size: 1.35714286em;
  line-height: 1.68421053em;
}

.single-offer>div {
  margin-bottom: 25px;
}

.single-offer>div h1 {
  font-size: 20px;
}

.single-offer>div h2 {
  font-size: 19px;
}

.single-offer>div h3 {
  font-size: 18px;
}

.single-offer>div h4 {
  font-size: 17px;
}

.single-offer>div h1:not(.lead-top),
.single-offer>div h2:not(.lead-top),
.single-offer>div h3:not(.lead-top),
.single-offer>div h4:not(.lead-top) {
  color: #717171;
  display: inline-block;
}

.single-offer>.offer-title {
  box-shadow: 0px 3px 8px 0px #e0dfdfab;
  margin-bottom: 20px;
}

.single-offer>.offer-title>h1 {
  color: #717171;
  font-size: 1.5rem;
  font-weight: 400;
  margin-bottom: 0.3rem !important;
  max-width: 90%;
}

.single-offer>.offer-title>h3 {
  color: #9e9e9e;
  font-size: 1.1875rem;
  font-weight: 400;
}

.subtitle {
  margin-bottom: 15px;
}

.subtitle h3:after {
  content: "";
  display: block;
  height: 1px;
  background: #e8e8e8;
}

.bar__module.fixed-print {
  position: absolute;
  cursor: pointer;
  right: 15px;
  top: 50%;
  transform: translatey(-50%);
  font-size: 2.5rem;
  color: #717dab;
  opacity: 0.5;
}

.bar__module.fixed-print:hover {
  opacity: 0.9;
}

.features-list li {
  display: block;
  float: left;
  width: 33.33%;
}

.features-list ul li i {
  color: #fec20c;
}

/* Map */

.map-box {
  height: 100%;
  /* Fallback for vmin */
  padding: 0px 1rem 1rem 1rem;
  padding: 0px 1vmin 1vmin 1vmin;
}

.map-frame {
  height: 100%;
  width: 100%;
  /*   We use outline over border as has issues in some cases */
  outline: 1px solid black;
}

#map {
  height: 297px;
}

/*
  Support for browsers that DON'T support Flexbox uses 100% height on the map-container defined above.
  Map will at least render, for the small amount of browsers that DON'T support flexbox. Users will just have to scroll abit ¯\_(ツ)_/¯
  */

@supports (display: flex) {
  .map-box {
    height: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }

  .map-frame {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }
}

@media all and (max-width: 575px) {
  .features-list li {
    width: 100% !important;
  }
}

@media all and (max-width: 767px) {
  [data-page="home"] .main-main {
    padding-bottom: 100px;
  }

  h1,
  .h1 {
    font-size: 2.35714286em;
    line-height: 1.36363636em;
  }

  h2,
  .h2 {
    font-size: 1.78571429em;
    line-height: 1.5em;
  }

  h3,
  .h3 {
    font-size: 1.35714286em;
    line-height: 29px;
  }

  .lead {
    font-size: 1.35714286em;
    line-height: 1.36842105em;
  }

  .features-list li {
    width: 50%;
  }
}

p,
ul,
ol,
pre,
table,
blockquote {
  margin-bottom: 29px;
}

ul,
ol {
  list-style: none;
  line-height: 29px;
}

ul.bullets {
  list-style: inside;
}

ol {
  list-style-type: upper-roman;
  list-style-position: inside;
}

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

strong {
  font-weight: 600;
}

hr {
  margin: 29px 0;
  border-color: #fafafa;
}

a:hover,
a:focus,
a:active {
  text-decoration: none;
  outline: none;
}

/*! Typography -- Helpers */

.main-main {
  min-height: 100vh;
  overflow: hidden;
  display: block;
  position: relative;
  padding-bottom: 150px;
}

.type--fade {
  opacity: 0.5;
}

.type--uppercase {
  text-transform: uppercase;
}

.type--bold {
  font-weight: bold;
}

.type--italic {
  font-style: italic;
}

.type--fine-print {
  font-size: 0.85714286em;
}

a.type--fine-print {
  color: #777777;
  font-weight: 400;
}

a.type--fine-print:hover {
  color: #717dab;
  text-decoration: none;
}

.type--strikethrough {
  text-decoration: line-through;
  opacity: 0.5;
}

.type--underline {
  text-decoration: underline;
}

.type--body-font {
  font-family: "Open Sans", "Helvetica";
}

/**! 03. Position **/

body {
  overflow-x: hidden;
}

footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.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 **/

/* .bar .container, */

.main-container,
.nav-container {
  max-width: 960px;
  margin: 0 auto;
}

.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 {
  max-width: 100%;
  margin-bottom: 29px;
}

/*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;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover !important;
  background-position: 50% 50% !important;
  z-index: 0;
  transition: opacity 0.3s linear;
  -webkit-transition: opacity 0.3s linear;
  opacity: 0;
  background: #252525;
}

.background-image-holder:not([class*="col-"]) {
  width: 100%;
}

.background-image-holder.background--bottom {
  background-position: 50% 100% !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;
}

.imagebg .container {
  z-index: 2;
}

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

.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;
}

.image--xxs {
  max-height: 29px;
}

.image--xs {
  max-height: 59px;
}

.image--sm {
  max-height: 5.57142857em;
}

.image--md {
  max-height: 118px;
}

/**! 06. Buttons **/

.btn--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: 29px;
}

.btn.btn-form-control {
  height: 38px;
}

.btn .btn__text,
.btn i {
  color: #717dab;
  border-color: #717dab;
  font-weight: 700;
  font-size: 1.25rem;
  letter-spacing: -0.5px;
}

.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: 0.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: 29px;
  }
}

.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: 4px;
  padding-bottom: 4px;
  padding-right: 29px;
  padding-left: 29px;
}

.btn--lg {
  padding-top: 9px;
  padding-bottom: 9px;
  padding-right: 55px;
  padding-left: 55px;
}

.btn--lg .btn__text {
  font-size: 17px;
}

.btn--primary,
.btn--primary:visited {
  background: #717dab;
  border-color: #717dab;
}

.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: 59px;
  right: 59px;
  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 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;
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #717dab;
  border-color: #717dab;
}

/**! 10. Menus **/

.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: 29px;
  }

  .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;
  z-index: 999;
}

.dropdown .dropdown__container .dropdown__container:before {
  height: 0;
}

.dropdown .dropdown__content {
  padding: 29px;
}

.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: 991px) {
  .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: 59px;
  }

  .dropdown .dropdown__content.dropdown__content--xlg {
    padding: 4.64285714em;
  }
}

@media all and (max-width: 767px) {
  .dropdown .dropdown__container {
    min-width: 100%;
    position: relative;
    display: none;
  }

  .dropdown .dropdown__content {
    padding: 29px;
    left: 0 !important;
  }

  .dropdown.dropdown--active>.dropdown__container {
    display: block;
  }
}

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;
  }
}

@media all and (max-width: 767px) {
  .dropdown.dropdown--absolute .dropdown__container {
    position: absolute;
  }
}

/**! 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: 29px;
  -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: 0.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: 29px;
  height: 29px;
  border-radius: 6px;
  background: #000;
}

.input-radio {
  padding: 0;
}

.formsearch .container .row .input-radio {
  padding: 0 15px;
}

.input-radio label {
  width: 29px;
  height: 29px;
  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: 0.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: 0.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 29px;
}

.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: 20px;
  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:not(.form-search) div[class*="col-"]:not(.boxed) {
    padding: 0;
  }

  .boxed>.form-row div[class*="col-"]:not(.boxed) {
    margin-bottom: 15px;
  }

  .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 0.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: 59px;
}

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

.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: 29px;
}

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: 118px 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: 0.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;
}

/**! 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: 0.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: -59px;
}

.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%;
  min-height: 100vh;
  top: -50vh;
  transition: opacity 0.3s ease !important;
  -webkit-transition: opacity 0.3s ease !important;
  -webkit-transform-style: preserve-3d;
}

.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 {
  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: 0.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: 118px;
  height: 118px;
  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: 59px;
  height: 59px;
}

.video-play-icon.video-play-icon--sm:before {
  border-width: 4px 0 4px 9px;
}

.video-play-icon.video-play-icon--xs {
  width: 29px;
  height: 29px;
}

.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: #ffffff;
} */

.color--primary {
  color: #4a90e2 !important;
}

a {
  color: #4a90e2;
}

a.clean--link {
  color: #717dab !important;
  font-size: 20px;
  text-decoration: none;
}

a.clean--link:hover {
  text-decoration: none;
  color: inherit;
}

.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--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: 118px;
  padding-bottom: 118px;
  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: 59px;
    padding-bottom: 59px;
  }
}

@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;
  }
}

/**! 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: 59px;
}

.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: 0.2 !important;
}

/**! 34. Bars **/

.bar {
  padding: 29px 0;
}

.bar .logo {
  margin: auto 0;
  position: relative;
  top: 0;
}

.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;
}

.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: 59px;
    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: 29px;
  }

  .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(-50%);
  right: 29px;
  z-index: 10;
}

.page-navigator ul {
  display: inline-block;
  padding: 0.92857143em;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 29px;
  transition: all 0.2s ease;
}

.page-navigator ul:hover {
  background: rgba(0, 0, 0, 0.6);
}

.page-navigator ul li:not(:last-child) {
  margin-bottom: 29px;
}

@media all and (max-width: 767px) {
  .page-navigator {
    right: 0;
  }

  .page-navigator ul {
    border-radius: 29px 0 0 29px;
    padding: 29px 0.92857143em;
  }
}

.page-navigator li a {
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 50%;
  transition: all 0.2s ease;
  display: block;
  position: relative;
}

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

.page-navigator li a.inner-link--active {
  opacity: 1;
  animation: bulge 0.5s ease;
  -webkit-animation: bulge 0.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 0.2s ease;
  white-space: nowrap;
}

.page-navigator li a[data-title]:not(:hover):before {
  opacity: 0;
  transform: translateX(-20px);
}

/**! 36. floating **/

section.float-btn-cont {
  padding: 0;
  position: relative;
}

.container.bg-custom-1 {
  height: 50px;
  position: absolute;
  width: auto;
  top: 40px;
  right: 10px;
}

#toggle {
  -webkit-appearance: none;
}

.button {
  position: absolute;
  z-index: 999;
  width: 50px;
  height: 50px;
  background: #717dab;
  border-radius: 100%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  top: -12px;
  right: 0;
}

.button:before {
  position: absolute;
  content: "";
  width: 20px;
  height: 2px;
  background: #fff;
  transform: rotate(90deg);
  transition: all 0.4s ease;
}

.button:after {
  position: absolute;
  content: "";
  width: 20px;
  height: 2px;
  background: #fff;
  transition: all 0.4s ease;
}

.nav-off {
  opacity: 0;
  transition: all 0.4s ease-in-out;
  background: #fff;
  width: 100%;
  border-radius: 5px;
  transform: translateY(0%);
  box-shadow: 2px 3px 10px 0 rgb(81 81 81 / 10%);
  border: 1px solid #e4e4e4;
  padding: 10px;
  z-index: 99;
  position: relative;
  top: -33px;
}

.nav-off ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}

.nav-off a {
  text-align: left;
  /* margin: 5px 0; */
  padding: 6px 12px;
  margin: 5px 0;
  color: #ffffff;
  /* text-decoration: none; */
  /* text-transform: uppercase; */
  /* letter-spacing: 2px; */
  font-size: 14px;
  background: #717dab;
}

.nav-off a:hover {
  color: #c784dd;
}

.kk {
  display: flex;
  width: 200px;
}

#toggle:checked~.kk>.nav-off {
  opacity: 1;
  transform: translateY(10%);
}

#toggle:checked~.button:before {
  transform: rotate(225deg);
}

#toggle:checked~.button:after {
  transform: rotate(135deg);
}



.menu-button,
.menu-button::before,
.menu-button::after {
  display: block;
  background-color: #fff;
  position: absolute;
  height: 4px;
  width: 30px;
  transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
  border-radius: 2px;
}

.menu-button::before {
  content: '';
  margin-top: -8px;
}

.menu-button::after {
  content: '';
  margin-top: 8px;
}



@media (max-width: 640px) {
  .container {
    width: 100%;
  }
}

/**! 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: 118px;
  /*118px*/
  padding-bottom: 118px;
}

section.space--xxs,
footer.space--xxs {
  padding-top: 29px;
  padding-bottom: 29px;
}

section.space--xs,
footer.space--xs {
  padding-top: 9px;
  padding-bottom: 29px;
}

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: 118px;
  padding-bottom: 118px;
}

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: 29px;
  }

  .mt--2 {
    margin-top: 59px;
  }

  .mt--3 {
    margin-top: 5.57142857em;
  }

  .mb--1 {
    margin-bottom: 29px;
  }

  .mb--2 {
    margin-bottom: 59px;
  }

  .mb--3 {
    margin-bottom: 5.57142857em;
  }
}

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

  .mt--1,
  .mt--2 {
    margin-top: 29px;
  }

  .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: 59px 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: 0.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 **/

section.typed-ad {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.typed-ad h1,
.typed-ad .h1 {
  font-size: 2rem;
}

/*! -- 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: 59px;
  height: 59px;
  background: #fff;
  border-radius: 50%;
  text-align: center;
  right: 29px;
  bottom: 59px;
  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: 90%;
  }
}

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: 15px;
  font-weight: 400;
}

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: 29px;
}

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: 0.9;
}

.lead {
  font-weight: 400;
  color: #808080;
}

.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: 29px;
}

.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: 59px;
  }
}

.heading-block {
  margin-bottom: 59px;
}

.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;
  font-weight: 700;
}

a:hover {
  color: #2275d7;
  text-decoration: underline;
}

a.block {
  font-weight: normal;
  text-decoration: none;
  color: #666666;
}

p a,
span a,
label a {
  font-size: 1em;
  text-decoration: underline;
  font-weight: 400;
  line-height: 29px;
}

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;
}

ul:not([class*="menu"]) li>a:hover {
  text-decoration: none;
}

ol {
  list-style-position: outside;
  list-style-type: decimal;
}

ol li:not(:last-child) {
  margin-bottom: 29px;
}

ol.lead li:not(:last-child) {
  margin-bottom: 1.26315789473684em;
}

.list-inline {
  margin-left: 0;
  display: inline-block;
}

.list-inline li {
  display: inline-block;
  padding: 0;
}

.list-inline li:not(:last-child) {
  margin-right: 29px;
}

.list-inline:not(:last-child) {
  margin-right: 29px;
}

.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: 29px;
  }
}

.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: 0.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: 29px;
  padding-bottom: 29px;
  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: 0.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: 0.5px;
}

/* .btn.type--uppercase .btn__text {
    letter-spacing: .5px;
    margin-right: -0.5px;
} */

.btn .label {
  top: -0.92857143em;
  right: -59px;
}

.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.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: 29px;
  }
}

.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: 59px;
  height: 59px;
  border: 2px solid #252525;
  display: block;
  text-align: center;
  border-radius: 6px;
  opacity: 0.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: 29px;
}

h2+.btn,
.h2+.btn {
  margin-top: 0.92857143em;
}

/*! -- Stack Images -- */

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

img.flag {
  max-height: 29px;
  opacity: 0.5;
}

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: 29px;
}

/*! -- Stack Labels -- */

.label {
  display: inline-block;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.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: 90px;
  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: 29px;
  }

  .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: 0.857142857142857em;
  line-height: 2.166666666666667em;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.5px;
}

@media all and (min-width: 1024px) {
  .bar-1 .bar__module+.bar__module {
    margin-left: 29px;
  }
}

@media all and (min-width: 991px) {
  .bar-2 .logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
}

.bar-3 {
  font-size: 0.85714286em;
}

.bar-3 .menu-horizontal {
  top: 0;
}

@media all and (max-width: 990px) {
  .bar-3 .menu-horizontal li {
    display: inline-block;
  }

  .bar-3 .menu-horizontal li:not(:last-child) {
    margin-right: 0.92857143em;
  }
}

@media all and (min-width: 990px) {
  .bar-toggle .col-md-1 .logo {
    top: 10px;
  }
}

@media all and (max-width: 767px) {
  .bar.bar--sm {
    padding: 0;
  }

  .bar-4 .logo-light {
    display: none;
  }

  .bar-4 .logo-dark {
    margin-bottom: 29px;
  }

  .bar.bg--dark {
    background: #252525;
  }

  .bar.bg--dark .hamburger-toggle i {
    color: #fff;
  }

  .bar .logo {
    max-height: 79px;
    max-width: none;
  }
}

/*! -- 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;
  }
}

@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 !important;
  }

  .text-right-xs {
    text-align: right !important;
  }

  .text-center-xs {
    text-align: center !important;
  }
}

/*! -- Stack Alerts -- */

.alert {
  border-radius: 6px;
}

.alert:not(:last-child) {
  margin-bottom: 29px;
}

.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: 59px;
  height: 59px;
  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: 59px;
}

/*! -- Stack Nav Side Menu -- */

.notification.side-menu {
  z-index: 9999;
  background: #ffffff;
  padding-top: 29px;
  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: 29px;
}

.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: 29px;
}

.menu-toggle.pos-fixed {
  position: fixed;
  right: 5.57142857em;
  animation: fadeInDown 0.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 29px;
}

.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: 0.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: 29px;
}

.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 0.3s ease;
  left: 0;
  width: 59px;
  height: 59px;
  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 0.3s ease;
  font-size: 1.78571429em;
  position: relative;
  top: 11px;
}

.nav-sidebar-column-toggle:not(.toggled-class)>i {
  opacity: 0.5;
}

.nav-sidebar-column-toggle.toggled-class i:before {
  content: "\e80b";
}

.callable a.btn--sm {
  padding-left: 10px;
  padding-right: 10px;
}

@media all and (max-width: 990px) {
  .nav-sidebar-column {
    transition: all 0.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: 59px;
  top: 1em;
}

@media all and (max-width: 767px) {
  .menu-fullscreen .pos-bottom {
    position: relative;
  }
}

/*! -- Stack Dropdowns -- */

/* .dropdown>.dropdown__trigger:after {
    font-family: "stack-interface";
    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 29px;
}

.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: '\e80a';
    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: 0.75;
}

.menu-vertical li:not(:last-child) {
  margin-bottom: 0.30952381em;
}

.menu-vertical li.dropdown {
  position: relative;
}

.menu-vertical li.dropdown:after {
  content: "\e80c";
  font-family: "stack-interface";
  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: 0.92857143em;
}

.menu-vertical+h5 {
  margin-top: 29px;
}

.dropdown__container>.container {
  width: 100vw;
}

@media all and (min-width: 768px) {
  .dropdown__container>.container {
    max-width: 720px;
  }
}

@media all and (min-width: 992px) {
  .dropdown__container>.container {
    max-width: 960px;
  }
}

@media all and (min-width: 1200px) {
  .dropdown__container>.container {
    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: 29px;
  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: 59px;
  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: "socicon";
  content: "\e08d";
}

.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: 0.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: 0.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: 29px;
}

.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: 29px;
  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 29px;
}

.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: "Material Icons" !important;
}

.icon-circle {
  position: relative;
  display: inline-block;
  width: 59px;
  height: 59px;
  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 0.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: 13px;
  /* line-height: 18px; */
  font-weight: 600;
  border-radius: 2px;
  z-index: 2;
  font-family: inherit;
}

[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: 29px;
}

.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: 118px;
}

.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: 59px;
}

.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: 0.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 59px 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: 59px;
  }

  .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: 59px;
}

.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: 118px;
  }
}

@media all and (max-width: 767px) {
  .feature-large-2 img {
    margin: 29px 0;
  }
}

.feature-large-7.switchable .boxed div[class*="col-"]:only-child {
  float: none;
}

.feature-large-13 p.lead+.text-block {
  margin-top: 59px;
}

.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: 0.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 0.5s ease forwards;
  -webkit-animation: fadeUp 0.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 0.5s ease forwards;
  -webkit-animation: fadeOutUp 0.5s ease forwards;
}

.tabs-container.tabs--vertical .tabs-content>li.active .tab__content {
  animation: fadeInUp 0.5s ease forwards;
  -webkit-animation: fadeInUp 0.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: 29px;
  }

  .tabs-container.tabs--vertical .tabs-content>li:not(.active) .tab__content {
    animation: fadeOutRight 0.5s ease forwards;
    -webkit-animation: fadeOutRight 0.5s ease forwards;
  }

  .tabs-container.tabs--vertical .tabs-content>li.active .tab__content {
    animation: fadeInLeft 0.5s ease forwards;
    -webkit-animation: fadeInLeft 0.5s ease forwards;
    backface-visibility: hidden;
  }
}

.tabs {
  display: inline-block;
  border: 1px solid #ececec;
  border-radius: 6px;
  margin-bottom: 29px;
}

.tabs li {
  transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  padding: 0.92857143em 29px;
}

.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: 0.5;
}

.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: 59px;
  }
}

.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 0.5s ease forwards;
  -webkit-animation: fadeOutRight 0.5s ease forwards;
}

.tabs-content>li.active {
  animation: fadeInLeft 0.5s ease forwards;
  -webkit-animation: fadeInLeft 0.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: 29px;
  border: 1px solid #ececec;
  border-radius: 0 0 6px 6px;
}

.tabs--folder .tabs-content>li:not(.active) .tab__content {
  top: 29px;
  left: 29px;
}

.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: 29px;
}

.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: 29px;
  }

  .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: 29px;
  }
}

/*! -- Stack CTA -- */

.cta .btn:first-child:not(:last-child) {
  margin-bottom: 29px;
}

.cta.boxed:last-child {
  margin-bottom: 0;
}

.cta .form-row {
  padding: 1rem 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: 29px;
  }
}

@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: 29px;
}

.video-cover+span.h4+span {
  display: inline-block;
  margin-left: 0.92857143em;
}

@media all and (min-width: 1025px) {
  .video-cover .video-play-icon {
    transition: 0.2s ease-out;
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
  }

  .video-cover .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: 59px;
  }
}

@media all and (min-width: 768px) {
  .video-1 .video-play-icon {
    margin-right: 29px;
  }

  .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 {
  box-shadow: none;
}

.notification:not([class*="bg--"]) {
  background: none;
}

.notification>.boxed {
  margin: 0;
}

.notification>.feature,
.notification .feature__body {
  margin-bottom: 0;
}

.notification[class*="col-"] {
  margin: 0;
}

.notification[class*="col-"] .boxed {
  border-radius: 0;
}

.search-box {
  width: 100%;
  margin: 0;
  padding: 29px;
  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: 29px;
}

.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;
  }

  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: 29px;
}

.lb-next:after {
  content: "\e802";
  right: 29px;
}

.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: 0.8;
  cursor: zoom-in;
}

/*! -- Stack Covers -- */

.cover .typed-headline {
  margin-bottom: 59px;
}

.cover .typed-headline .type--bold {
  font-weight: 400;
}

.cover .triptych {
  margin-top: 59px;
}

.cover .btn+.modal-instance {
  margin-top: 29px;
}

.cover h3+form,
.cover .h3+form {
  margin-top: 2.78571429em;
}

.cover .lead+.boxed {
  margin-top: 59px;
}

.cover.unpad--bottom {
  overflow: hidden;
}

.cover .modal-instance.block:not(:first-child):not(:last-child) {
  margin: 2.78571429em 0;
}

.cover .pos-bottom {
  margin-bottom: 29px;
}

@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: 29px;
  }
}

@media all and (max-width: 990px) {
  .cover .mt--3 {
    margin-top: 0;
  }
}

@media all and (min-width: 768px) {
  .cover .triptych {
    margin-top: 118px;
  }
}

.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: 0.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: absolute;
    background: none;
    color: #fff;
    border-bottom: none !important;
    width: 100%;
    transform: translate3d(0, -100%, 0);
    -webkit-transform: translate3d(0, -100%, 0);
  }

  .cover-slider+.cta-4 a {
    color: #fff;
    font-weight: 600;
  }
}

.cover-features.space--lg {
  padding-bottom: 59px;
}

.cover-features .row:nth-child(2) {
  margin-top: 11.14285714em;
}

@media all and (max-width: 767px) {
  .cover-features.space--lg {
    padding-bottom: 29px;
  }

  .cover-features .row:nth-child(2) {
    margin-top: 59px;
  }
}

/*! -- Stack Typed Text -- */

span+.typed-text.h2 {
  margin-left: 4px;
}

span+.typed-text.h1 {
  margin-left: 6px;
}

@media all and (max-width: 767px) {
  .typed-text {
    display: block;
  }

  .typed-headline {
    margin-bottom: 29px;
  }

  .typed-headline h1,
  .typed-headline .h1 {
    margin-bottom: 0;
  }
}

/*! -- Stack Forms -- */

@media screen and (-webkit-min-device-pixel-ratio: 0) {

  select,
  textarea,
  input {
    font-size: 16px;
  }
}

form:before,
form:after {
  content: "";
}

.bg--dark input,
.imagebg:not(.image--light) input,
.bg--dark textarea,
.imagebg:not(.image--light) textarea,
.bg--dark select,
.imagebg:not(.image--light) select,
.bg--dark .input-select:after,
.imagebg:not(.image--light) .input-select:after {
  color: #666666;
}

.bg--dark label,
.imagebg:not(.image--light) label {
  color: #fff;
}

.bg--dark form.attempted-submit input.field-error {
  background: #d84d4d;
  color: #fff;
}

form {
  position: relative;
}

form>div[class*="col-"]:not(:last-child),
form>.row>div[class*="col-"]:not(:last-child) {
  margin-bottom: 0.92857143em;
}

form .boxed:last-child {
  margin: 0;
}

form.form--clearfix {
  margin-left: -15px;
}

@media all and (min-width: 768px) {
  div[class*="col-"]>form:not(.formsearch) div[class*="col-"]:last-child:nth-child(2) {
    padding-right: 0;
  }

  div[class*="col-"]>form:not(.formsearch) div[class*="col-"]:first-child:nth-last-child(2) {
    padding-left: 0;
  }

  form.form--horizontal>div[class*="col-"] {
    margin: 0;
  }
}

@media all and (max-width: 767px) {
  .row form>.row {
    margin-left: 0;
    margin-right: 0;
  }
}

h2+form,
.h2+form {
  margin-top: 2.78571429em;
}

h3+form,
.h3+form,
.lead+form {
  margin-top: 2.78571429em;
}

.cover .lead+form {
  margin-top: 59px;
}

form+span.type--fine-print {
  margin-top: 1.08333333333334em;
  display: inline-block;
}

.form--inline>span.h4 {
  color: #666666;
}

.form--inline input,
.form--inline [class*="input-"] {
  display: inline-block;
  max-width: 200px;
}

.form--inline>span:not(:last-child),
.form--inline input:not(:last-child),
.form--inline [class*="input-"]:not(:last-child) {
  margin-right: 0.92857143em;
}

.form--inline button {
  max-width: 200px;
}

.bg--dark .form--inline>span.h4,
.imagebg:not(.image--light) .form--inline>span.h4 {
  color: #fff;
}

/* button,
input[type="submit"] {
    height: 3.25000000000001em;
} */

button.btn,
input[type="submit"].btn {
  font-size: 0.85714286em;
  font-weight: 700;
  /* padding-left: 0; */
  /* padding-right: 0; */
}

button.btn.btn--primary,
input[type="submit"].btn.btn--primary {
  color: #fff;
}

button.btn.type--uppercase,
input[type="submit"].btn.type--uppercase {
  letter-spacing: 0.5px;
  margin-right: -0.5px;
}

button.checkmark.checkmark--cross,
input[type="submit"].checkmark.checkmark--cross {
  width: 29px;
  height: 29px;
  border: none;
  background: #e23636;
}

button.checkmark.checkmark--cross:before,
input[type="submit"].checkmark.checkmark--cross:before {
  content: "\00d7";
  font-size: 18px;
  top: -1px;
}

button[type="submit"].btn--loading:after,
input[type="submit"][type="submit"].btn--loading:after {
  background: #4a90e2;
}

.bg--primary button.btn {
  border-color: rgba(255, 255, 255, 0.5);
  color: #fff;
}

.bg--primary button.btn:hover {
  border-color: #fff;
}

.bg--primary button.btn.btn--primary {
  color: #4a90e2;
  border-color: #4a90e2;
}

.bg--primary button.btn.btn--primary-1 {
  border-color: #31639c;
}

input,
select {
  height: 2.78571429em;
}

input.field-error {
  border-color: #eba8a8;
}

input[type]+input[type],
input[type]+.input-checkbox,
input[type]+button,
input[type]+.input-select {
  margin-top: 0.92857143em;
}

input,
[class*="input-"] label,
select,
textarea {
  transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
}

input:not([class*="col-"]),
select:not([class*="col-"]),
.input-select:not([class*="col-"]),
textarea:not([class*="col-"]),
button[type="submit"]:not([class*="col-"]) {
  width: 100%;
}

/*
input[type],
select,
textarea {
    padding-left: 0.92857143em;
} */

input[type]:focus,
select:focus,
textarea:focus {
  border-color: #76abe9;
}

input[type="image"] {
  border: none;
  padding: none;
  width: auto;
}

label {
  font-size: 0.85714286em;
}

.bg--primary label,
.bg--primary-1 label {
  color: #fff;
}

.input-icon i {
  top: 8px;
  left: 8px;
}

.input-icon input {
  padding-left: 2.78571429em;
}

.input-icon.input-icon--right i {
  left: auto;
  right: 8px;
}

.input-icon.input-icon--right input {
  padding-right: 2.78571429em;
  padding-left: 0.92857143em;
}

.text-center .input-checkbox label,
.text-center .input-radio label {
  margin: 0 auto;
}

.input-checkbox label,
.input-radio label {
  font-size: 1em;
}

.input-checkbox {
  margin-top: 0.46428571em;
}

.input-checkbox.field-error label {
  border-color: #eba8a8;
}

.input-checkbox label {
  background: none;
  border: 1px solid #d3d3d3;
  text-align: center;
  position: relative;
}

.input-checkbox label:not(:last-child) {
  margin-right: 0.46428571em;
}

.input-checkbox label:hover {
  border-color: #4a90e2;
}

.input-checkbox label:before {
  content: "";
  left: 0;
  border-radius: 6px;
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid #4a90e2;
  opacity: 0;
  transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
}

.input-checkbox input:checked+label {
  border-color: #4a90e2;
  background: #4a90e2;
}

.input-checkbox input:checked+label:after {
  content: "L";
  transform: rotateY(180deg) rotateZ(-45deg);
  color: #fff;
  position: absolute;
  width: 100%;
  left: 0;
  top: -2px;
  font-weight: 700;
}

.input-checkbox input:checked+label:before {
  animation: pulse 0.45s ease forwards;
  -webkit-animation: pulse 0.45s ease forwards;
}

.input-checkbox+span {
  display: inline-block;
  position: relative;
  bottom: 10px;
  margin-left: 0.92857143em;
  font-size: 0.85714286em;
  white-space: nowrap;
}

.input-checkbox+button[type] {
  margin-top: 0.92857143em;
}

.input-checkbox+span+button[type] {
  margin-top: 0.92857143em;
}

.bg--dark .input-checkbox:not(.checked) label {
  border-color: #a5a5a5;
}

.bg--dark .input-checkbox+span {
  opacity: 0.75;
}

.input-checkbox.input-checkbox--switch label {
  width: 59px;
  border-radius: 60px;
}

.input-checkbox.input-checkbox--switch label:before {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border-color: #d3d3d3;
  opacity: 1;
  left: 2px;
  top: 2px;
}

.input-checkbox.input-checkbox--switch label:hover:before {
  border-color: #4a90e2;
}

.input-checkbox.input-checkbox--switch input:checked+label {
  background: none;
}

.input-checkbox.input-checkbox--switch input:checked+label:before {
  animation: none !important;
  background: #4a90e2;
  border-color: #4a90e2;
  transform: translateX(1.85714286em);
}

.input-checkbox.input-checkbox--switch input:checked+label:after {
  display: none;
}

.input-radio.field-error label {
  border-color: #eba8a8;
}

.input-radio .input__label {
  font-size: 0.85714286em;
  display: inline-block;
}

.input-radio .input__label+label {
  margin-top: 0.92857143em;
}

.input-radio label {
  position: relative;
  background: none;
  border: 1px solid #ced4da;
}

.input-radio label:hover {
  border-color: #4a90e2;
}

.input-radio label:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  opacity: 0;
  left: 0;
}

.input-radio input:checked+label {
  border-color: #4a90e2;
  background-color: #4a90e2;
}

.input-radio input:checked+label:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  left: 7px;
  top: 7px;
  background-color: #fff;
  border-radius: 50%;
}

.input-radio input:checked+label:before {
  animation: pulse 0.4s ease forwards;
}

.input-radio--innerlabel label {
  transition: all 0.3s ease;
  height: calc(1.5em + 0.75rem + 2px);
  line-height: 2.1;
  padding: 0 0.92857143em;
  border: 1px solid #ced4da;
  border-radius: 6px;
  cursor: pointer;
  width: 100%;
  text-align: center;
}

.input-radio--innerlabel:hover {
  border-color: #4a90e2;
}

.input-radio--innerlabel input:checked+label {
  border-color: #717dab;
  background: #717dab;
  color: #fff;
}

.input-radio--innerlabel input:checked+label:after {
  display: none;
}

.input-radio--innerlabel input:checked+label:before {
  animation: none;
}

@media all and (max-width: 1024px) {
  .input-radio input:checked+label:after {
    top: 6px;
    left: 6px;
  }
}

.input-select {
  position: relative;
}

.input-select select {
  -moz-appearance: none;
  -webkit-appearance: none;
}

.input-select select::-ms-expand {
  display: none;
}

.input-select:not(:last-child) {
  margin-bottom: 0.92857143em;
}

.input-select:after {
  position: absolute;
  right: 0;
  height: 100%;
  top: 0;
  font-size: 30px;
  content: "\2263";
  pointer-events: none;
  padding: 0 13px;
  border-left: 1px solid #ececec;
  line-height: 31px;
}

.input-select.input-select--borderless:after {
  border-left: none;
}

.input-select:focus:after {
  border-color: #4a90e2;
}

.input-select select:focus {
  border-color: #4a90e2;
}

.input-number {
  position: relative;
}

.input-number>input[type="number"] {
  padding-left: 0.46428571em;
  -moz-appearance: textfield;
  width: 100%;
  text-align: center;
}

.input-number>input[type="number"]::-webkit-inner-spin-button {
  display: none;
}

.input-number .input-number__controls {
  position: absolute;
  height: 100%;
  width: 100%;
  right: 0;
  top: 0;
  padding: 0 0.92857143em;
}

.input-number .input-number__controls>span {
  position: absolute;
  display: block;
  width: 10%;
  min-width: 59px;
  height: 100%;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  text-align: center;
  padding-top: 6px;
  transition: all 0.3s ease;
}

.input-number .input-number__controls>span:hover {
  color: #4a90e2;
}

.input-number .input-number__controls .input-number__increase {
  right: 0;
  border-left: 1px solid #ececec;
}

.input-number .input-number__controls .input-number__decrease {
  left: 0;
  border-right: 1px solid #ececec;
}

input[type="image"] {
  padding: 0;
  width: auto;
  border: none;
}

/*! -- Stack Subscribe Forms -- */

.subscribe-form-1 h3 {
  margin-bottom: 0.52em;
}

.subscribe-form-1.boxed form {
  margin: 29px;
}

@media all and (min-width: 991px) {
  .subscribe-form-2 p {
    top: 2px;
    position: relative;
  }

  .subscribe-form-2 input {
    margin: 0;
  }

  .subscribe-form-2 form [class*="col-"] {
    margin: 0 !important;
  }
}

@media all and (max-width: 990px) {
  .subscribe-form-2 {
    text-align: center;
  }

  .subscribe-form-2 form {
    margin-top: 29px;
  }
}

/*! -- Stack Elaborate Forms -- */

@media all and (max-width: 767px) {
  .elaborate-form-1 .pos-vertical-center {
    padding-left: 15px;
    padding-right: 15px;
  }

  .elaborate-form-1 form .col-xs-6:nth-child(even) {
    padding-left: 15px;
  }

  .elaborate-form-1 form .col-xs-6:nth-child(odd) {
    padding-right: 15px;
  }

  .elaborate-form-1 .row form>.row {
    margin-left: -15px;
    margin-right: -15px;
  }
}

/* Stack Boxed Forms */

.boxed-form h4 {
  margin-bottom: 0.684210526315789em;
}

.boxed-form:last-child {
  margin-bottom: 0;
}

/* Stack Datepicker Form */

.datepicker {
  cursor: pointer;
}

.datepicker.datepicker--fluid+.picker {
  max-width: none;
}

.picker {
  transition: all 0.3s ease;
  z-index: 10;
  max-width: 100%;
  -webkit-transition: all 0.3s ease;
  margin-top: 0.46428571em;
  position: absolute;
  background: #ffffff;
  border: 1px solid #ececec;
  border-radius: 6px;
  padding: 0.92857143em;
  box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);
}

.picker .picker__header {
  text-align: center;
  margin-bottom: 0.92857143em;
}

.picker .picker__header>div {
  font-weight: 600;
  display: inline-block;
  color: #252525;
}

.picker .picker__header>div:not(:last-child) {
  margin-right: 0.46428571em;
}

.picker .picker__header .picker__nav--prev,
.picker .picker__header .picker__nav--next {
  height: 10px;
  width: 10px;
  cursor: pointer;
}

.picker .picker__header .picker__nav--prev:after,
.picker .picker__header .picker__nav--next:after {
  font-family: "stack-interface";
}

.picker .picker__header .picker__nav--next {
  float: right;
}

.picker .picker__header .picker__nav--next:after {
  content: "\e80c";
}

.picker .picker__header .picker__nav--prev {
  float: left;
}

.picker .picker__header .picker__nav--prev:after {
  content: "\e80b";
}

.picker .picker__day {
  transition: all 0.3s ease;
  cursor: pointer;
}

.picker .picker__day.picker__day--highlighted {
  color: #4a90e2;
  font-weight: 600;
}

.picker .picker__day:hover {
  color: #4a90e2;
}

.picker:not(.picker--opened) {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: scale(0);
}

.picker .picker__holder {
  outline: none !important;
  border: none !important;
}

.picker table td {
  padding: 0.46428571em;
  padding-top: 0;
}

.picker .picker__footer {
  text-align: center;
}

.picker .picker__button--today {
  float: left;
}

.picker .picker__button--close {
  float: right;
}

.picker button {
  transition: all 0.3s ease;
  height: auto;
  border: none;
  display: inline-block;
}

.picker button:not(:hover) {
  opacity: 0.5;
}

/* Stack Horizontal Forms */

.form-horizontal {
  display: flex;
}

.form-horizontal>div[class*="col-"],
.form-horizontal>div[class*="col-"]:not(:last-child) {
  margin-bottom: 0;
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}

.form-horizontal .picker {
  top: 100%;
}

@media all and (max-width: 990px) {
  .form-horizontal {
    display: block;
  }

  label {
    margin-top: 0.46428571em;
  }

  button:not(.btn-form-control),
  button:not(.mfp-arrow::active),
  div.btn-share {
    margin-top: 29px;
  }

  button.btn-form-control {
    height: calc(1.5em + 0.75rem + 2px) !important;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
  }
}

/*! -- Stack Sliders -- */

.flickity-prev-next-button {
  transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  border-radius: 0;
  background: #252525;
  width: 2.78571429em;
  height: 5.57142857em;
}

.flickity-prev-next-button:not(:hover) {
  opacity: 0.5;
}

.flickity-prev-next-button:hover {
  background: #252525;
}

.flickity-prev-next-button.previous {
  left: 0;
}

.flickity-prev-next-button.next {
  right: 0;
}

.flickity-prev-next-button:before {
  color: #fff;
}

.slider.slider--inline-arrows .flickity-prev-next-button {
  background: none;
}

.slider.slider--inline-arrows .flickity-prev-next-button:before {
  font-size: 1.78571429em;
  color: #252525;
  content: "\e802";
}

.slider.slider--inline-arrows .flickity-prev-next-button.previous:before {
  content: "\e801";
}

.slider.slider--columns .previous {
  left: 15px;
}

.slider.slider--columns .next {
  right: 15px;
}

.slider.border--round .slides li {
  border-radius: 6px;
  overflow: hidden;
}

.slider.boxed--border .slides li {
  border: 1px solid #ececec;
}

.slider .slides li .feature:not(.feature-9) {
  margin-bottom: 0;
}

.slide .boxed:last-child {
  margin-bottom: 0;
}

.slide:not([class*="col-"])>img:only-child {
  width: 100%;
}

@media all and (max-width: 990px) {
  .flickity-prev-next-button {
    display: none;
  }
}

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

  h2+.slider,
  .h2+.slider {
    margin-top: 59px;
  }
}

.slider.slider--ken-burns:not(.parallax) .slide.is-selected>.background-image-holder,
.slider.slider--ken-burns:not(.parallax) .slide.is-selected>img:only-child {
  animation: kenBurns 15s ease alternate infinite;
  -webkit-animation: kenBurns 15s ease alternate infinite;
}

.radial {
  margin-left: auto;
  margin-right: auto;
}

.radial .radial__label {
  transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
}

.radial:not(.radial--active) .radial__label {
  opacity: 0;
}

.radial:not(:last-child) {
  margin-bottom: 29px;
}

@media all and (max-width: 767px) {
  .radial {
    margin-bottom: 29px;
  }
}

/*! -- Stack Pricing -- */

.pricing {
  transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  position: relative;
}

.pricing h3:first-child {
  margin: 0;
}

.pricing .label {
  top: 2.78571429em;
  right: 2.78571429em;
}

.pricing .h2 {
  margin-bottom: 0.3939393939394em;
}

.pricing ul li:not(:last-child) {
  margin-bottom: 0.46428571em;
}

.pricing ul li .checkmark+span {
  position: relative;
  bottom: 3px;
}

.pricing:hover {
  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);
}

.pricing .h1 {
  font-size: 4.21428571428571em;
  line-height: 1.10169491525424em;
  margin-bottom: 0.22033898305085em;
}

.pricing .h1 .pricing__dollar {
  font-size: 0.51020408163265em;
  position: relative;
  bottom: 20px;
}

.pricing .feature-6 p {
  min-height: 5.57142857em;
}

.pricing-1 .btn:last-child {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  border-radius: 0 0 6px 6px;
  padding: 0.92857143em 0;
  margin: 0;
}

.pricing-1 .btn:last-child:hover {
  transform: none !important;
}

.pricing-1 ul {
  margin-bottom: 5.57142857em;
}

.pricing-1 p {
  min-height: 5.57142857em;
}

.pricing-1 p:first-of-type {
  margin-top: 29px;
}

.pricing-1 p:last-of-type {
  margin-bottom: 5.57142857em;
}

.pricing-1 img+p:first-of-type {
  margin-top: 0;
}

@media all and (min-width: 991px) {
  .pricing-2 ul:first-child {
    margin-top: 4.64285714em;
  }
}

@media all and (max-width: 990px) {
  .pricing-2 {
    text-align: center;
  }

  .pricing-2 ul:first-child {
    margin-top: 29px;
  }
}

.pricing-3 {
  border: 1px solid #ececec;
  border-radius: 6px;
}

.pricing-3 .pricing__head {
  margin: 0;
  border-bottom: 1px solid #ececec;
}

.pricing-3 .pricing__head+.btn {
  display: block;
  border-radius: 0;
  padding: 0.92857143em 0;
}

.pricing-3 ul {
  border-radius: 0 0 6px 6px;
}

.pricing-3 ul li {
  padding: 0.92857143em 0;
}

.pricing-3 ul li:not(:last-child) {
  border-bottom: 1px solid #ececec;
  margin: 0;
}

.pricing-3 ul:last-child {
  margin: 0;
}

@media all and (max-width: 990px) {
  .pricing-3 {
    margin-bottom: 29px;
  }
}

@media all and (min-width: 768px) {
  .pricing-section-1 .pricing:not(.boxed--emphasis) {
    left: 0.92857143em;
  }

  .pricing-section-1 .pricing.boxed--emphasis {
    right: 0.92857143em;
  }
}

@media all and (min-width: 990px) {
  .pricing-section-2 div[class*="col-"] {
    padding: 0;
  }

  .pricing-section-2 div[class*="col-"]:not(:first-child):not(:last-child) .pricing__head {
    border-radius: 0;
  }

  .pricing-section-2 div[class*="col-"]:first-child .pricing {
    border-radius: 6px 0 0 6px;
  }

  .pricing-section-2 div[class*="col-"]:first-child .pricing .pricing__head {
    border-radius: 6px 0 0 0;
  }

  .pricing-section-2 div[class*="col-"]:last-child .pricing {
    border-radius: 0 6px 6px 6px;
    border-right: 1px solid #ececec;
  }

  .pricing-section-2 div[class*="col-"]:last-child .pricing .pricing__head {
    border-radius: 0 6px 0 0;
  }

  .pricing-section-2 .pricing {
    border: 1px solid #ececec;
    border-radius: 0 0 0 6px;
    border-right: none;
  }

  .pricing-section-2 .pricing:hover {
    box-shadow: none;
  }

  .pricing-section-2 .pricing ul {
    margin: 0;
  }
}

.pricing-section-2.bg--dark .pricing,
.pricing-section-2.bg--dark .pricing .pricing__head,
.pricing-section-2.bg--dark .pricing ul li:not(:last-child),
.pricing-section-2.bg--dark div[class*="col-"]:last-child .pricing {
  border-color: #3f3f3f;
}

.pricing-section-2.imagebg .pricing,
.pricing-section-2.imagebg .pricing .pricing__head,
.pricing-section-2.imagebg .pricing ul li:not(:last-child),
.pricing-section-2.imagebg div[class*="col-"]:last-child .pricing {
  border-color: rgba(255, 255, 255, 0.2);
}

/*! -- Stack Progress Horizontal -- */

.progress-horizontal:not(:last-child) {
  margin-bottom: 29px;
}

.progress-horizontal.progress-horizontal--lg .progress-horizontal__bar {
  height: 29px;
}

.progress-horizontal.progress-horizontal--sm .progress-horizontal__bar {
  height: 0.46428571em;
}

.progress-horizontal__bar {
  height: 0.92857143em;
  border-radius: 100px;
  background: #fafafa;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.progress-horizontal__bar:not(:last-child) {
  margin-bottom: 0.46428571em;
}

.progress-horizontal__progress {
  background: #4a90e2;
  border-radius: 100px;
}

.imagebg .progress-horizontal__bar {
  background: rgba(20, 20, 20, 0.2);
  border: none;
}

/*! -- Stack Maps -- */

iframe[src*="google.com/maps"] {
  border: none;
}

.map-container {
  min-height: 400px;
}

.map-container:not(:last-child) {
  margin-bottom: 29px;
}

.map-container.border--round {
  overflow: hidden;
  z-index: 2;
}

.map-container.border--round .gm-style {
  border-radius: 6px;
}

.map-container iframe {
  left: 0;
}

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

  .background-image-holder .map-container,
  .imageblock__content .map-container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }

  .map-container+div[class*="col-"] {
    margin-top: 59px;
  }
}

/*! -- Stack comments -- */

.comments {
  background: rgba(113, 125, 171, 0.07);
  padding: 20px;
  border-radius: 6px;
}

.comments__list li {
  padding: 1.85714286em;
  border: 1px solid #ececec;
  border-bottom: none;
}

.comments__list li:last-child {
  border-bottom: 1px solid #ececec;
}

.comments__list li:nth-child(odd) {
  background: #fcfcfc;
}

.comments__list li:nth-child(even) {
  background: #f9f9f9;
}

.comments__list li:first-child {
  border-radius: 6px 6px 0 0;
}

.comments__list li:last-child {
  border-radius: 0 0 6px 6px;
}

.bg--secondary .comments__list li:nth-child(even) {
  background: #fff;
}

@media all and (min-width: 768px) {
  .comments__list li {
    padding: 2.78571429em;
  }
}

.comment {
  overflow: hidden;
}

.comment:not(:last-child) {
  border-bottom: 1px solid #ececec;
  padding-bottom: 1.85714286em;
}

.comment .comment__avatar {
  width: 45%;
  float: left;
}

.comment .comment__meta {
  font-size: 0.85714286em;
}

.comment .comment__meta a {
  display: inline-block;
}

.comment .comment__meta a:not(:first-child) {
  margin-left: 1.08333333333334em;
}

.comment .comment__meta+p {
  margin-top: 0.92857143em;
}

.comment .comment__body {
  width: 55%;
  float: right;
}

.comment .comment__body h5.type--fine-print {
  margin: 0;
}

.comment+.comment {
  margin-top: 1.85714286em;
  padding-left: 15%;
}

@media all and (min-width: 768px) {
  .comments+.comments-form {
    margin-top: 3.71428571em;
  }
}

.pagination {
  text-align: center;
  margin-top: 29px;
}

.pagination:after {
  content: "";
  display: table;
  clear: both;
}

.pagination a {
  font-weight: normal;
}

.pagination div[class*="col-"] {
  padding: 0;
}

.pagination ol {
  margin-bottom: 0;
  display: inline-block;
}

.pagination ol li {
  display: inline-block;
  margin: 0;
  font-weight: 700;
  line-height: 23px;
  width: 29px;
  height: 29px;
  border-radius: 50%;
  border: 1px solid #ececec;
}

.pagination ol li>a {
  font-weight: 700;
}

.pagination ol li:not(:last-child) {
  margin-right: 0.46428571em;
}

.pagination ol li.pagination__current {
  cursor: default;
  background: #ececec;
  color: #aaa;
}

.pagination__prev,
.pagination__next {
  display: inline-block;
}

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

.upper_1,
.upper_2,
.upper_3,
.upper_4 {
  position: absolute;
  z-index: 9;
}

.upper_4 {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.vertical_center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.bg_primary {
  background-color: #90c923;
}

/*=======================================
Recent property Section
=========================================*/

.property_list_1:hover {
  box-shadow: 0 0 12px 0 #666;
  -webkit-box-shadow: 0 0 15px 0 #666;
  transition: all 0.4s;
}

.property_item .title {
  text-transform: capitalize;
  font-weight: 500;
  margin-bottom: 10px;
  line-height: inherit;
  max-width: 83%;
}

.property_item .title a {
  color: inherit;
}

.property_item .title a:hover {
  color: #717dab;
  text-decoration: none;
}

.zoom_effect_1 {
  overflow: hidden;
  position: relative;
}

.property_item .upper_1,
.property_item .upper_2,
.property_item .upper_3,
.property_item .property-text>span {
  font-size: 13px;
  font-weight: 600;
}

.property_item .upper_1 {
  left: 10px;
  padding: 2px 6px;
  top: 10px;
}

.property_item .upper_2 {
  top: 10px;
  right: 10px;
  padding: 2px 6px;
}

.property_item .upper_3 {
  bottom: 0;
  font-weight: 500;
  padding: 10px 15px;
  right: 0;
}

.property_item .property_text>span {
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.property_item .property_text>span>i {
  font-size: 14px;
  padding-right: 7px;
}

.property_item .quantity ul li {
  display: inline-block;
  font-weight: 500;
  margin-right: 15px;
}

.property_item .quantity ul li:last-child {
  margin-right: 0;
}

.property_item .quantity li span {
  display: table;
  margin-bottom: 10px;
}

.property_item .price {
  right: 0;
  top: 0;
}

.property_item .price span {
  color: #ea921d;
  float: left;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 2;
  padding-left: 20px;
  padding-right: 20px;
}

/*=============================
Property list page
==============================*/

.property_list_1 {
  display: flex;
  margin-bottom: 30px;
  overflow: hidden;
  width: 100%;
  box-shadow: 3px 2px 13px 0 #ccc;
}

.property_list_1 .zoom_effect_1 {
  width: 25%;
  float: left;
}

.property_list_1 .zoom_effect_1 img {
  width: 100%;
  height: 191px;
}

.property_list_1 .property_list_details {
  width: 75%;
  float: left;
}

.property_list_1 .property_text,
.sidebar-widget {
  margin-bottom: 10px;
}

.property_list_1 .bed_area {
  background-color: #f5f5f5;
}

.property_item .bed_area ul li {
  line-height: 50px;
  font-size: 13px;
  font-weight: 400;
  padding-left: 20px;
}

.property_item .bed_area ul li:first-child {
  float: left;
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
  font-weight: 500;
}

.property_item .bed_area ul li.icon_medium {
  float: right;
  padding: 0;
  text-align: center;
  border-left: 1px solid;
}

.property_item .info-list li.list-group-item:first-child {
  padding-left: 0;
}

.property_item .info-list li.list-group-item {
  padding-top: 0.15rem;
  padding-bottom: 0.15rem;
  border: 0;
  border-bottom: 1px solid #dedede;
  font-size: small;
}

.property_item .info-list li.list-group-item i {
  color: #cecece;
  font-weight: 300;
}

/*========= pagination========*/

.pagination_style1 li {
  margin-right: 10px;
}

.pagination_style1 a {
  border: none;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  padding: 8px 17px;
  display: block;
}

/*=========full width property list========*/

.property_list_1.full .p-3 {
  padding: 10px 20px !important;
}

@media all and (min-width: 767px) {
  .property_item .property_text>p {
    height: 69px;
    overflow: hidden;
  }
}

/*=============================
26. Single Property Page
==============================*/

.property_listing_2 ul,
.property_listing.sidebar-widget ul {
  padding: 15px 25px;
  display: inline-block;
  width: 100%;
}

.property_listing.sidebar-widget li {
  margin-bottom: 10px;
}

.property_listing.sidebar-widget li:last-child {
  margin-bottom: 0;
}

.property_listing_2 li span {
  display: inline-block;
}

.property_listing.sidebar-widget li span {
  display: inline-block;
  width: 120px;
}

.property_listing_2 li {
  float: left;
  width: 33.33%;
  margin-bottom: 20px;
}

/*=======single_property_detail============*/

.single_property_detail .head {
  margin-bottom: 40px;
}

.single_property_detail .head .title {
  font-weight: 700;
  margin-bottom: 10px;
}

/*more_information*/

.single_property_detail .more_information li {
  float: left;
  width: 33.33%;
  margin-bottom: 10px;
}

.single_property_detail .more_information li span {
  display: inline-block;
  width: auto;
  margin-right: 5px;
}

/*single_property_detail video */

.single_property_detail video {
  padding: 20px;
  border: 1px solid;
  width: 100%;
  margin-bottom: 50px;
}

/*=============================
27. Property gird map page
==============================*/

.property_search_area {
  display: inline-block;
  width: 100%;
}

.property_search_area .bootstrap-select {
  width: 20% !important;
  float: left;
}

.property_search_area .input {
  position: relative;
  width: 80%;
  float: left;
}

.property_search_area .input input {
  height: 48px;
  padding-right: 40px;
}

.property_search_area .input button {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: transparent;
  border: none;
  color: inherit;
  padding: 0;
  cursor: pointer;
  width: 40px;
  height: 100%;
  text-align: center;
}

.search_map #map,
.search_map.two {
  width: 100%;
  height: 500px;
}

/*agent_profile_grid page start*/

.profile_data ul li {
  margin-bottom: 10px;
  font-weight: 500;
}

.profile_data ul li:last-child {
  margin-bottom: 0;
}

.profile_data ul li span {
  font-family: "Montserrat", sans-serif;
  width: 100px;
  display: inline-block;
}

/*============================
28. About Us page css
==============================*/

@media (max-width: 1730px) {
  .bg_img_6 {
    /*about page section*/
    background-position: 135% center;
  }
}

@media (max-width: 1600px) {
  .bg_img_6 {
    /*about page section*/
    background-position: 160% center;
  }
}

@media (max-width: 1450px) {
  .bg_img_6 {
    /*about page section*/
    background-position: 188% center;
  }
}

@media (max-width: 1365px) {
  .bg_img_6 {
    /*about page section*/
    background-position: 200% center;
  }
}

@media (max-width: 1300px) {
  .bg_img_6 {
    /*about page section*/
    background-position: 245% center;
  }
}

@media (max-width: 1225px) {
  .bg_img_6 {
    /*about page section*/
    background-position: 265% center;
  }
}

/*Large devices (desktops, 992px and up to 1199px)*/

@media (max-width: 1199px) {
  .box-layout {
    width: 100% !important;
  }

  #header .submit_property {
    display: none;
  }

  .navbar-nav .dropdown-menu .dropdown ul.dropdown-menu {
    left: 0;
  }

  .pricing_item_1.active {
    width: 350px;
    height: 105%;
  }

  .property_list_1 .property_text {
    margin-bottom: 7px;
  }

  .property_list_1.full .p-3 {
    padding: 0 20px !important;
  }

  .single_property_detail .more_information li,
  .property_listing_2.style_2 li {
    width: 50%;
  }

  .bg_img_6 {
    background-image: none;
  }

  .browse_submit>p {
    display: inline-block;
    width: 100%;
  }

  .sidebar-widget.faq_brochure .btn {
    padding: 5px 0;
    text-align: center;
  }

  .my_property_list.type_2 tbody tr td:first-child {
    width: 220px;
  }
}

@media (max-width: 991px) {

  /*====================================================================
    Home Page 1 Css Start
    ====================================================================*/
  .property_list_1 .property_text {
    margin-bottom: 50px;
  }

  .property_list_1 .zoom_effect_1 {
    width: 51%;
  }

  /* .property_list_1 p {
        display: none
    }

    */
  .property_list_1.full .p-3 {
    padding: 20px !important;
  }

  .property_list_1.full .property_text {
    margin-bottom: 0px;
  }

  .property_listing_2 li {
    width: 50%;
  }

  .mb_md_30 {
    margin-bottom: 30px;
  }

  .mt_md_50 {
    margin-top: 50px;
  }

  .pb_md_50 {
    padding-bottom: 50px !important;
  }

  .pricing_item_1.active {
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    display: table-caption;
  }

  .footer_widget {
    margin-bottom: 30px;
  }

  .single_blog_detail.p_20 {
    padding-left: 0;
    padding-right: 0;
  }

  .check_submit li {
    width: 48%;
  }
}

/*Small devices (landscape phones, 576px and up to 767px)*/

@media (max-width: 767px) {

  /*====================================================================
    Home Page 1 Css Start
    ====================================================================*/
  .title_row .sub_title p {
    padding: 0;
  }

  .property_sorting ul>li {
    display: none;
  }

  .property_sorting ul>li:first-child {
    display: block;
  }

  .property_list_1 {
    display: inherit;
    /* height: 500px; */
  }

  .property_list_1.full .p-3 {
    padding: 35px 20px !important;
  }

  .property_list_1 .zoom_effect_1,
  .property_list_1 .property_list_details {
    width: 100%;
  }

  .icon_list_1 li {
    width: 50%;
  }

  .property_search_area .bootstrap-select {
    width: 30% !important;
  }

  .property_search_area .input {
    width: 70%;
  }

  .property_listing_2 li {
    width: 100%;
  }

  .comment__meta>p {
    margin-bottom: 0;
  }

  .comment .comment__body {
    width: 50%;
    float: right;
  }

  .reg_banner .btn {
    float: left;
    margin-top: 30px;
  }

  .mt_sm_30 {
    margin-top: 30px;
  }

  .mt_sm_50 {
    margin-top: 50px;
  }

  .alert.alert-warning {
    display: none;
  }
}

/*Extra small devices (portrait phones, less than 576px)*/

@media (max-width: 575px) {

  /*====================================================================
    Home Page 1 Css Start
    ====================================================================*/
  .slider-search-2 .btn {
    margin-top: 20px;
  }

  .single_property_detail .more_information li,
  .icon_list_1 li,
  .property_listing_2.style_2 li {
    width: 100%;
  }

  .property_search_area .bootstrap-select,
  .property_search_area .input {
    width: 50% !important;
  }

  .pagination {
    display: inherit;
  }

  .pagination li {
    float: left;
    margin-bottom: 10px;
  }

  .message_item .float-left {
    width: 70%;
  }

  .my_property_list tbody tr td img {
    width: 30%;
    margin-right: 3%;
  }

  .my_property_list tbody tr td .text {
    width: 65%;
  }

  .my_property_list tbody tr td {
    padding-left: 0;
  }

  .my_property_list .delete {
    text-align: center;
  }

  .profile_area #city {
    margin-bottom: 25px;
  }

  .terms_description .terms_deals {
    padding-left: 50px;
  }
}

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

.leading-header h3 {
  border-bottom: 1px solid #efefef;
  margin-bottom: 20px;
}

@media all and (max-width: 374px) {
  html {
    font-size: 81.25%;
  }

  .bar .logo {
    max-height: 60px;
  }

  .comments {
    padding: 10px;
  }

  .comment__meta>p {
    margin-bottom: 0;
  }

  .comment .comment__body {
    width: 50%;
    float: right;
  }
}

.status-sold {
  font-weight: 600;
  text-transform: lowercase;
  color: #d22e22;
  margin-left: 20px;
}

.status-sold:first-letter,
.status-sold::first-letter {
  text-transform: capitalize;
}

.fshare .btn-share {
  font-size: 100%;
  color: transparent;
  border-color: transparent;
  border: 0.5px transparent;
  box-shadow: 2px 2px 12px 1px #d0d0d0;
  border-radius: 0.5rem;
  line-height: 1.1;
  width: 50px;
  height: 50px;
}

.fshare .btn-share i {
  font-size: 2rem;
  color: #4267b2;
}

@media all and (max-width: 767px) {
  html[lang="ru"] .clean--link {
    font-size: 16px;
  }

  .leading-header {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .fshare {
    padding: 0;
  }
}

@media all and (min-width: 768px) {
  .fshare {
    padding: 1rem 0;
  }
}

/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
  .callable a.btn--sm {
    padding-left: 5px;
    padding-right: 5px;
  }

  .bar .logo {
    max-height: 50px;
  }

  .btn .btn__text {
    font-size: 1.2rem;
  }

  a.clean--link {
    font-size: 18px;
  }
}

/* Portrait */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .callable a.btn--sm {
    padding-left: 5px;
    padding-right: 5px;
  }

  .bar .logo {
    max-height: 50px;
  }

  .btn .btn__text {
    font-size: 1.2rem;
  }

  a.clean--link {
    font-size: 18px;
  }
}

/* Landscape */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {}

/* Portrait */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {}

/* Landscape */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {}

/* Portrait */

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {}

/* Landscape */

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {}

/* Portrait */

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {}

/* Landscape */

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {}

/* iPhone 2G-4S in portrait & landscape */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  /* STYLES GO HERE */
}

/* iPhone 2G-4S in landscape */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
  /* STYLES GO HERE */
}

/* iPhone 2G-4S in portrait */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
  /* STYLES GO HERE */
}

/* iPhone 5 & 5S Media Queries */

/* iPhone 5 & 5S in portrait & landscape */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {}


/* new button float */


.main-header {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  width: 100%;
  /* background: #2ddf5c; */
  padding: 16px;
}

.main-header>div {
  vertical-align: middle;
}

.main-header__brand {
  color: #7B8F34;
  text-decoration: none;
  font-weight: bold;
  font-size: 20px;
}

.main-nav__searchbar_container {
  display: flex;
  width: 100%;
  padding: 8px 8px 8px 40px;
  overflow: hidden;
  vertical-align: middle;
  white-space: nowrap;
}

.main-nav__searchbar_container input.main-nav__searchbar {
  width: 100%;
  height: 50px;
  /* background: #2b303b; */
  border: none;
  font-size: 10pt;
  float: left;
  /* color: #fff; */
  padding-left: 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.main-nav__searchbar_container input.main-nav__searchbar::-webkit-input-placeholder {
  color: #65737e;
}

.main-nav__searchbar_container input.main-nav__searchbar:-moz-placeholder {
  /*Frefox 18 */
  color: #65737e;
}

.main-nav__searchbar_container input.main-nav__searchbar::-moz-placeholder {
  /*Frefox 19 */
  color: #65737e;
}

.main-nav__searchbar_container input.main-nav__searchbar:-ms-input-placeholder {
  color: #65737e;
}

.main-nav__searchbar_container button.icon {
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border: none;
  background: #4f5b66;
  height: 50px;
  width: 50px;
  color: #ffffff;
  opacity: 0;
  font-size: 10pt;
  -webkit-transition: all .55s ease;
  -moz-transition: all .55s ease;
  -ms-transition: all .55s ease;
  -o-transition: all .55s ease;
  transition: all .55s ease;
}

.main-nav__searchbar_container:hover button.icon,
.main-nav__searchbar_container:active button.icon,
.main-nav__searchbar_container:focus button.icon {
  outline: none;
  opacity: 1;
  margin-left: -50px;
}

.main-nav__searchbar_container:hover button.icon:hover {
  background: red;
  cursor: pointer;
}

input.main-nav__searchbar:hover {
  border: 2px solid #4f5b66;
}

.main-nav__searchbar {
  display: flex;
  width: 100%;
  /* margin: 8px; */
  /* padding: 8px; */
  border: 2px solid;
  border-radius: 4px;
  outline: none;
  transition: .3s;
}

.main-nav {
  display: flex;
  width: 100%;
  text-align: right;
  margin: 0 10px;
}

.main-nav__items {
  display: flex;
  margin: 8px;
  padding: 8px;
  list-style: none;
}

.main-nav__item {
  display: inline-block;
}

.main-nav__social {
  display: block;
  width: 35px;
  height: 35px;
  margin-left: 10px;
  padding: 4px;
}



#main-slider {
  width: 100%;
  height: 528px;
  /* border-radius: 0% 0% 50% 50% / 0% 0% 20% 20%; */
  border-bottom-right-radius: 50% 25%;
  border-bottom-left-radius: 50% 25%;
  position: relative;
}


/* menu icon */

.main .menu-icon {
  border-radius: 20%;
  cursor: pointer;
  float: right;
  padding: 17px 11px;
  position: relative;
  user-select: none;
}

.main .menu-icon .nav-icon {
  background: #fff;
  display: block;
  height: 3px;
  position: relative;
  transition: background .1s ease-out;
  width: 20px;
}

.main .menu-icon .nav-icon:before,
.main .menu-icon .nav-icon:after {
  background: #fff;
  content: " ";
  display: block;
  height: 100%;
  position: absolute;
  transition: all .1s ease-out;
  width: 100%;
}

.main .menu-icon .nav-icon:before {
  top: 6px;
}

.main .menu-icon .nav-icon:after {
  top: -6px;
}

/* menu btn */

.main .menu-btn {
  display: none;
}

.main .menu-btn:checked~.menu {
  /* max-height: 240px; */
  display: block;
}

.main .menu-btn:checked~.menu-icon .nav-icon {
  background: transparent;
}

.main .menu-btn:checked~.menu-icon .nav-icon:before {
  transform: rotate(-45deg);
  top: 0;
}

.main .menu-btn:checked~.menu-icon .nav-icon:after {
  transform: rotate(45deg);
  top: 0;
}



@media (min-width: 48em) {

  .main li a {
    padding: 20px 30px;
  }

  .main .menu {
    clear: none;
    float: right;
    max-height: none;
  }

}


/*  */

/* fixes */
body.active .boxed {
  overflow: visible;
}
.form-search .row {
  position: relative;
}

.separate {
  width: 100%;
  min-width: 100%;
  display: flex;
  flex-direction: row;
  flex-flow: wrap;
  height: 0 !important;
  border-top: 1px solid #ccc;
  margin-bottom: 20px;
}


.leading-header h3 {
  border: none;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 0;
}

/* end fixes */


.menu:after,
.menu:before,
.menu {
  background: white;
  width: 25px;
  height: 3px;
}

@-webkit-keyframes menu-hover-top-over {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(8px);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes menu-hover-top-over {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(8px);
  }

  100% {
    transform: translateY(0);
  }
}

@-webkit-keyframes menu-hover-bottom-over {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-8px);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes menu-hover-bottom-over {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-8px);
  }

  100% {
    transform: translateY(0);
  }
}

@-webkit-keyframes menu-load-state-top {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(8px);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes menu-load-state-top {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(8px);
  }

  100% {
    transform: translateY(0);
  }
}

@-webkit-keyframes menu-load-state-bottom {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-8px);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes menu-load-state-bottom {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-8px);
  }

  100% {
    transform: translateY(0);
  }
}

@-webkit-keyframes menu-active-slide {
  0% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes menu-active-slide {
  0% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@-webkit-keyframes top-rot-in {
  0% {
    transform: rotate(0deg);
    transform-origin: left;
  }

  100% {
    transform: rotate(45deg);
    transform-origin: left;
  }
}

@keyframes top-rot-in {
  0% {
    transform: rotate(0deg);
    transform-origin: left;
  }

  100% {
    transform: rotate(45deg);
    transform-origin: left;
  }
}

@-webkit-keyframes bot-rot-in {
  0% {
    transform: rotate(0deg);
    transform-origin: left;
  }

  100% {
    transform: rotate(-45deg);
    transform-origin: left;
  }
}

@keyframes bot-rot-in {
  0% {
    transform: rotate(0deg);
    transform-origin: left;
  }

  100% {
    transform: rotate(-45deg);
    transform-origin: left;
  }
}


.button-menu {
  padding: 5px;
  height: 34px;
  width: 34px;
  display: none;
  position: relative;
  top: 1px;
  background: #717dab;
  color: white!important;
  /* Old browsers */
  background: linear-gradient(135deg, #717dab 0%, #717dab 100%);
  /* W3C */
}

.menu {
  position: absolute;
  top: 16px;
}

.menu:before {
  content: "";
  position: absolute;
  top: -8px;
  -webkit-animation: menu-load-state-top 0.5s;
  animation: menu-load-state-top 0.5s;
}

.menu:after {
  content: "";
  position: absolute;
  top: 8px;
  left: 0px;
  -webkit-animation: menu-load-state-bottom 0.5s;
  animation: menu-load-state-bottom 0.5s;
}

.menu b {
  opacity: 0;
  top: -10px;
  left: 2px;
  font-size: 0.55em;
  line-height: 1em;
  position: relative;
  transition: all 0.15s 0.15s ease-in;
  transition-delay: 0.5s;
}

.menu:hover {
  background: transparent;
  transition: all 0.15s 0 ease-out;
}

.menu:hover:before {
  -webkit-animation: menu-hover-top-over 0.5s 0.5s forwards;
  animation: menu-hover-top-over 0.5s 0.5s forwards;
}

.menu:hover:after {
  -webkit-animation: menu-hover-bottom-over 0.5s 0.5s forwards;
  animation: menu-hover-bottom-over 0.5s 0.5s forwards;
}

.menu:hover b {
  opacity: 1;
}


.sub-menu {
  font-weight: 300;
  font-size: 1.2rem;
  list-style-type: none;
  padding: 10px 20px;
  min-width: 257px;
  background: #717dab;
  background: linear-gradient(to bottom, #717dab 0%, #717dab 100%);
  margin: 0;
  position: absolute;
  top: 35px;
  right: 0px;
  transition: display 0.25s ease;
  /* opacity: 0; */
  display: none;
  z-index: 9999;
}

.sub-menu li {
  line-height: 40px;
  border-bottom: 1px solid white;
}
.sub-menu li>a {
  color: white!important;
  font-weight: 500!important;
}

.sub-menu li:last-child {
  border-bottom: none;
}

.active .menu {
  background: transparent;
}

.active .menu:before {
  top: -10px;
  left: 5px;
  -webkit-animation: top-rot-in 0.5s forwards;
  animation: top-rot-in 0.5s forwards;
}

.active .menu:after {
  top: 10px;
  left: 5px;
  -webkit-animation: bot-rot-in 0.5s forwards;
  animation: bot-rot-in 0.5s forwards;
}

.active .menu b {
  opacity: 0;
  transition: all 0.1s 0 ease-out;
}

.active .sub-menu {
  display: block;
  transition: display 0.25s ease;
  -webkit-animation: menu-active-slide 0.25s;
  animation: menu-active-slide 0.25s;
}


@media all and (max-width: 767px) {
  .sub-menu {
    top: 49px;
  }
}