@charset "UTF-8";

/* Template Style DARK MODE
*
* [Table of contents]
*   1 Bootstrap Toolkit Styles
*     1.1  Reset
*     1.2  Flex Grid System
*     1.3  Responsive Text System
*     1.4  Responsive Pulls System
*     1.5  Responsive Visibility System
*     1.6  Type Addons
*     1.7  Alerts Addons
*     1.8  Text Styling
*     1.9  Icons
*     1.10 Font Awesome
*     1.11 Material Design Icons
*     1.12 Thumbnail Addons
*     1.13 Form Addons
*     1.14 Responsive Units
*     1.15 Sections
*     1.16 Scaffolding Addons
*     1.17 Offsets
*
*   2 Plugins
*     2.1  Animate
*     2.2  Isotope
*     2.3  Owl Carousel
*     2.4  RD Navbar
*     2.5  RD Parallax
*     2.6  RD Google Maps
*     2.7  Swiper
*     2.8  UI-to-top
*     2.9  Responsive tabs
*     2.10 Photoswipe

*/
/*
 * Bootstrap Toolkit
 */

a:focus,
button:focus {
  outline: none !important;
}

button::-moz-focus-inner {
  border: 0;
}

:focus {
  outline: none;
}

input,
button,
select,
textarea {
  outline: none;
}

p {
  margin: 0;
  color: #d8d8d8;
}

dl {
  margin-bottom: 0;
}

dt {
  font-weight: 300;
}

dd {
  margin-bottom: 0;
}

address {
  margin-top: 0;
  margin-bottom: 0;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 2rem;
}

html p a:hover {
  text-decoration: none;
}

form {
  margin-bottom: 0;
}

.shell,
.shell-wide,
.shell-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.shell,
.shell-wide {
  min-width: 300px;
  max-width: 480px;
}

@media (min-width: 768px) {

  .shell,
  .shell-wide {
    max-width: 750px;
  }
}

@media (min-width: 992px) {

  .shell,
  .shell-wide {
    max-width: 970px;
  }
}

@media (min-width: 1200px) {

  .shell,
  .shell-wide {
    max-width: 1200px;
  }
}

@media (min-width: 1800px) {
  .shell-wide {
    max-width: 1800px;
  }
}

.shell.shell-fluid {
  max-width: 100%;
}

.shell-condensed {
  padding-left: 0;
  padding-right: 0;
}

.range {
  margin-left: -15px;
  margin-right: -15px;
}

.range>.range {
  margin-left: 0;
  margin-right: 0;
}

.range-spacer {
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

[class*="cell-"] {
  padding-left: 15px;
  padding-right: 15px;
}

.range.spacing-20 {
  margin-left: -5px;
  margin-right: -5px;
}

.range.spacing-20 [class*='cell'] {
  padding-left: 10px;
  padding-right: 10px;
}

html.lt-ie-10 *+.range,
*+.range {
  margin-top: 50px;
}

html.lt-ie-10 *+[class*='cell-'],
*+[class*='cell-'],
html.lt-ie-10 *+.range-sm,
*+.range-sm {
  margin-top: 30px;
}

html.lt-ie-10 *+.range-lg,
*+.range-lg {
  margin-top: 66px;
}

html.lt-ie-10 .range-condensed,
.range-condensed {
  margin-left: 0;
  margin-right: 0;
}

html.lt-ie-10 .range-condensed>[class*='cell'],
.range-condensed>[class*='cell'] {
  padding-left: 0;
  padding-right: 0;
}

html.lt-ie-10 .range-condensed>*+[class*='cell'],
.range-condensed>*+[class*='cell'] {
  margin-top: 0;
}

html.lt-ie-10 .range-narrow,
.range-narrow {
  margin-left: -5px;
  margin-right: -5px;
}

html.lt-ie-10 .range-narrow>[class*='cell'],
.range-narrow>[class*='cell'] {
  padding-left: 5px;
  padding-right: 5px;
}

html.lt-ie-10 .range-narrow>*+[class*='cell'],
.range-narrow>*+[class*='cell'] {
  padding-left: 5px;
  padding-right: 5px;
}

.range {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.range>.range {
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.range-vertical {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.range>[class*='cell'] {
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

@media (min-width: 480px) {
  *+[class*='cell-xs-'] {
    margin-top: 0;
  }

  .range-xs-center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .range-xs-left {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .range-xs-right {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .range-xs-justify {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .range-xs-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .range-xs-top {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .range-xs {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .range-xs-reverse {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  .range-xs-middle {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .range-xs-bottom {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .cell-xs-top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }

  .cell-xs-middle {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }

  .cell-xs-bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }

  .range>.cell-xs-preffix-0 {
    margin-left: 0%;
  }

  .range>.cell-xs-1 {
    -webkit-flex-basis: 8.33333%;
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }

  .range>.cell-xs-preffix-1 {
    margin-left: 8.33333%;
  }

  .range>.cell-xs-push-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .range>.cell-xs-2 {
    -webkit-flex-basis: 16.66667%;
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%;
  }

  .range>.cell-xs-preffix-2 {
    margin-left: 16.66667%;
  }

  .range>.cell-xs-push-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }

  .range>.cell-xs-3 {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .range>.cell-xs-preffix-3 {
    margin-left: 25%;
  }

  .range>.cell-xs-push-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }

  .range>.cell-xs-4 {
    -webkit-flex-basis: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%;
  }

  .range>.cell-xs-preffix-4 {
    margin-left: 33.33333%;
  }

  .range>.cell-xs-push-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }

  .range>.cell-xs-5 {
    -webkit-flex-basis: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%;
  }

  .range>.cell-xs-preffix-5 {
    margin-left: 41.66667%;
  }

  .range>.cell-xs-push-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }

  .range>.cell-xs-6 {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .range>.cell-xs-preffix-6 {
    margin-left: 50%;
  }

  .range>.cell-xs-push-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }

  .range>.cell-xs-7 {
    -webkit-flex-basis: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%;
  }

  .range>.cell-xs-preffix-7 {
    margin-left: 58.33333%;
  }

  .range>.cell-xs-push-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }

  .range>.cell-xs-8 {
    -webkit-flex-basis: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%;
  }

  .range>.cell-xs-preffix-8 {
    margin-left: 66.66667%;
  }

  .range>.cell-xs-push-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }

  .range>.cell-xs-9 {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .range>.cell-xs-preffix-9 {
    margin-left: 75%;
  }

  .range>.cell-xs-push-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }

  .range>.cell-xs-10 {
    -webkit-flex-basis: 83.33333%;
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%;
  }

  .range>.cell-xs-preffix-10 {
    margin-left: 83.33333%;
  }

  .range>.cell-xs-push-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }

  .range>.cell-xs-11 {
    -webkit-flex-basis: 91.66667%;
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%;
  }

  .range>.cell-xs-preffix-11 {
    margin-left: 91.66667%;
  }

  .range>.cell-xs-push-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }

  .range>.cell-xs-12 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .range>.cell-xs-preffix-12 {
    margin-left: 100%;
  }

  .range>.cell-xs-push-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }

  .range>.cell-xs-1-5 {
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
  }
}

@media (min-width: 768px) {
  *+[class*='cell-sm-'] {
    margin-top: 0;
  }

  .range-sm-center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .range-sm-left {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .range-sm-right {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .range-sm-justify {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .range-sm-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .range-sm-top {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .range-sm {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .range-sm-reverse {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  .range-sm-middle {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .range-sm-bottom {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .cell-sm-top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }

  .cell-sm-middle {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }

  .cell-sm-bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }

  .range>.cell-sm-preffix-0 {
    margin-left: 0%;
  }

  .range>.cell-sm-1 {
    -webkit-flex-basis: 8.33333%;
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }

  .range>.cell-sm-preffix-1 {
    margin-left: 8.33333%;
  }

  .range>.cell-sm-push-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .range>.cell-sm-2 {
    -webkit-flex-basis: 16.66667%;
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%;
  }

  .range>.cell-sm-preffix-2 {
    margin-left: 16.66667%;
  }

  .range>.cell-sm-push-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }

  .range>.cell-sm-3 {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .range>.cell-sm-preffix-3 {
    margin-left: 25%;
  }

  .range>.cell-sm-push-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }

  .range>.cell-sm-4 {
    -webkit-flex-basis: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%;
  }

  .range>.cell-sm-preffix-4 {
    margin-left: 33.33333%;
  }

  .range>.cell-sm-push-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }

  .range>.cell-sm-5 {
    -webkit-flex-basis: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%;
  }

  .range>.cell-sm-preffix-5 {
    margin-left: 41.66667%;
  }

  .range>.cell-sm-push-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }

  .range>.cell-sm-6 {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .range>.cell-sm-preffix-6 {
    margin-left: 50%;
  }

  .range>.cell-sm-push-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }

  .range>.cell-sm-7 {
    -webkit-flex-basis: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%;
  }

  .range>.cell-sm-preffix-7 {
    margin-left: 58.33333%;
  }

  .range>.cell-sm-push-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }

  .range>.cell-sm-8 {
    -webkit-flex-basis: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%;
  }

  .range>.cell-sm-preffix-8 {
    margin-left: 66.66667%;
  }

  .range>.cell-sm-push-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }

  .range>.cell-sm-9 {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .range>.cell-sm-preffix-9 {
    margin-left: 75%;
  }

  .range>.cell-sm-push-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }

  .range>.cell-sm-10 {
    -webkit-flex-basis: 83.33333%;
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%;
  }

  .range>.cell-sm-preffix-10 {
    margin-left: 83.33333%;
  }

  .range>.cell-sm-push-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }

  .range>.cell-sm-11 {
    -webkit-flex-basis: 91.66667%;
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%;
  }

  .range>.cell-sm-preffix-11 {
    margin-left: 91.66667%;
  }

  .range>.cell-sm-push-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }

  .range>.cell-sm-12 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .range>.cell-sm-preffix-12 {
    margin-left: 100%;
  }

  .range>.cell-sm-push-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }

  .range>.cell-sm-1-5 {
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
  }
}

@media (min-width: 992px) {
  *+[class*='cell-md-'] {
    margin-top: 0;
  }

  .range-md-center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .range-md-left {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .range-md-right {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .range-md-justify {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .range-md-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .range-md-top {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .range-md {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .range-md-reverse {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  .range-md-middle {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .range-md-bottom {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .cell-md-top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }

  .cell-md-middle {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }

  .cell-md-bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }

  .range>.cell-md-preffix-0 {
    margin-left: 0%;
  }

  .range>.cell-md-1 {
    -webkit-flex-basis: 8.33333%;
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }

  .range>.cell-md-preffix-1 {
    margin-left: 8.33333%;
  }

  .range>.cell-md-push-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .range>.cell-md-2 {
    -webkit-flex-basis: 16.66667%;
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%;
  }

  .range>.cell-md-preffix-2 {
    margin-left: 16.66667%;
  }

  .range>.cell-md-push-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }

  .range>.cell-md-3 {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .range>.cell-md-preffix-3 {
    margin-left: 25%;
  }

  .range>.cell-md-push-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }

  .range>.cell-md-4 {
    -webkit-flex-basis: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%;
  }

  .range>.cell-md-preffix-4 {
    margin-left: 33.33333%;
  }

  .range>.cell-md-push-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }

  .range>.cell-md-5 {
    -webkit-flex-basis: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%;
  }

  .range>.cell-md-preffix-5 {
    margin-left: 41.66667%;
  }

  .range>.cell-md-push-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }

  .range>.cell-md-6 {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .range>.cell-md-preffix-6 {
    margin-left: 50%;
  }

  .range>.cell-md-push-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }

  .range>.cell-md-7 {
    -webkit-flex-basis: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%;
  }

  .range>.cell-md-preffix-7 {
    margin-left: 58.33333%;
  }

  .range>.cell-md-push-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }

  .range>.cell-md-8 {
    -webkit-flex-basis: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%;
  }

  .range>.cell-md-preffix-8 {
    margin-left: 66.66667%;
  }

  .range>.cell-md-push-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }

  .range>.cell-md-9 {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .range>.cell-md-preffix-9 {
    margin-left: 75%;
  }

  .range>.cell-md-push-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }

  .range>.cell-md-10 {
    -webkit-flex-basis: 83.33333%;
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%;
  }

  .range>.cell-md-preffix-10 {
    margin-left: 83.33333%;
  }

  .range>.cell-md-push-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }

  .range>.cell-md-11 {
    -webkit-flex-basis: 91.66667%;
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%;
  }

  .range>.cell-md-preffix-11 {
    margin-left: 91.66667%;
  }

  .range>.cell-md-push-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }

  .range>.cell-md-12 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .range>.cell-md-preffix-12 {
    margin-left: 100%;
  }

  .range>.cell-md-push-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }

  .range>.cell-md-1-5 {
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
  }
}

@media (min-width: 1200px) {
  *+[class*='cell-lg-'] {
    margin-top: 0;
  }

  .range-lg-center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .range-lg-left {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .range-lg-right {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .range-lg-justify {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .range-lg-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .range-lg-top {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .range-lg {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .range-lg-reverse {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  .range-lg-middle {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .range-lg-bottom {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .cell-lg-top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }

  .cell-lg-middle {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }

  .cell-lg-bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }

  .range>.cell-lg-preffix-0 {
    margin-left: 0%;
  }

  .range>.cell-lg-1 {
    -webkit-flex-basis: 8.33333%;
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }

  .range>.cell-lg-preffix-1 {
    margin-left: 8.33333%;
  }

  .range>.cell-lg-push-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .range>.cell-lg-2 {
    -webkit-flex-basis: 16.66667%;
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%;
  }

  .range>.cell-lg-preffix-2 {
    margin-left: 16.66667%;
  }

  .range>.cell-lg-push-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }

  .range>.cell-lg-3 {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .range>.cell-lg-preffix-3 {
    margin-left: 25%;
  }

  .range>.cell-lg-push-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }

  .range>.cell-lg-4 {
    -webkit-flex-basis: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%;
  }

  .range>.cell-lg-preffix-4 {
    margin-left: 33.33333%;
  }

  .range>.cell-lg-push-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }

  .range>.cell-lg-5 {
    -webkit-flex-basis: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%;
  }

  .range>.cell-lg-preffix-5 {
    margin-left: 41.66667%;
  }

  .range>.cell-lg-push-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }

  .range>.cell-lg-6 {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .range>.cell-lg-preffix-6 {
    margin-left: 50%;
  }

  .range>.cell-lg-push-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }

  .range>.cell-lg-7 {
    -webkit-flex-basis: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%;
  }

  .range>.cell-lg-preffix-7 {
    margin-left: 58.33333%;
  }

  .range>.cell-lg-push-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }

  .range>.cell-lg-8 {
    -webkit-flex-basis: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%;
  }

  .range>.cell-lg-preffix-8 {
    margin-left: 66.66667%;
  }

  .range>.cell-lg-push-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }

  .range>.cell-lg-9 {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .range>.cell-lg-preffix-9 {
    margin-left: 75%;
  }

  .range>.cell-lg-push-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }

  .range>.cell-lg-10 {
    -webkit-flex-basis: 83.33333%;
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%;
  }

  .range>.cell-lg-preffix-10 {
    margin-left: 83.33333%;
  }

  .range>.cell-lg-push-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }

  .range>.cell-lg-11 {
    -webkit-flex-basis: 91.66667%;
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%;
  }

  .range>.cell-lg-preffix-11 {
    margin-left: 91.66667%;
  }

  .range>.cell-lg-push-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }

  .range>.cell-lg-12 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .range>.cell-lg-preffix-12 {
    margin-left: 100%;
  }

  .range>.cell-lg-push-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }

  .range>.cell-lg-1-5 {
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
  }
}

@media (min-width: 1800px) {
  *+[class*='cell-xl-'] {
    margin-top: 0;
  }

  .range-xl-center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .range-xl-left {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .range-xl-right {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .range-xl-justify {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .range-xl-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .range-xl-top {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .range-xl {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .range-xl-reverse {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  .range-xl-middle {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .range-xl-bottom {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .cell-xl-top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }

  .cell-xl-middle {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }

  .cell-xl-bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }

  .range>.cell-xl-preffix-0 {
    margin-left: 0%;
  }

  .range>.cell-xl-1 {
    -webkit-flex-basis: 8.33333%;
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }

  .range>.cell-xl-preffix-1 {
    margin-left: 8.33333%;
  }

  .range>.cell-xl-push-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .range>.cell-xl-2 {
    -webkit-flex-basis: 16.66667%;
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%;
  }

  .range>.cell-xl-preffix-2 {
    margin-left: 16.66667%;
  }

  .range>.cell-xl-push-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }

  .range>.cell-xl-3 {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .range>.cell-xl-preffix-3 {
    margin-left: 25%;
  }

  .range>.cell-xl-push-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }

  .range>.cell-xl-4 {
    -webkit-flex-basis: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%;
  }

  .range>.cell-xl-preffix-4 {
    margin-left: 33.33333%;
  }

  .range>.cell-xl-push-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }

  .range>.cell-xl-5 {
    -webkit-flex-basis: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%;
  }

  .range>.cell-xl-preffix-5 {
    margin-left: 41.66667%;
  }

  .range>.cell-xl-push-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }

  .range>.cell-xl-6 {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .range>.cell-xl-preffix-6 {
    margin-left: 50%;
  }

  .range>.cell-xl-push-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }

  .range>.cell-xl-7 {
    -webkit-flex-basis: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%;
  }

  .range>.cell-xl-preffix-7 {
    margin-left: 58.33333%;
  }

  .range>.cell-xl-push-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }

  .range>.cell-xl-8 {
    -webkit-flex-basis: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%;
  }

  .range>.cell-xl-preffix-8 {
    margin-left: 66.66667%;
  }

  .range>.cell-xl-push-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }

  .range>.cell-xl-9 {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .range>.cell-xl-preffix-9 {
    margin-left: 75%;
  }

  .range>.cell-xl-push-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }

  .range>.cell-xl-10 {
    -webkit-flex-basis: 83.33333%;
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%;
  }

  .range>.cell-xl-preffix-10 {
    margin-left: 83.33333%;
  }

  .range>.cell-xl-push-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }

  .range>.cell-xl-11 {
    -webkit-flex-basis: 91.66667%;
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%;
  }

  .range>.cell-xl-preffix-11 {
    margin-left: 91.66667%;
  }

  .range>.cell-xl-push-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }

  .range>.cell-xl-12 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .range>.cell-xl-preffix-12 {
    margin-left: 100%;
  }

  .range>.cell-xl-push-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }

  .range>.cell-xl-1-5 {
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
  }
}

html.lt-ie-10 .range>.cell-xs-1 {
  margin-left: auto;
  margin-right: auto;
  max-width: 8.33333%;
}

html.lt-ie-10 .range>.cell-xs-2 {
  margin-left: auto;
  margin-right: auto;
  max-width: 16.66667%;
}

html.lt-ie-10 .range>.cell-xs-3 {
  margin-left: auto;
  margin-right: auto;
  max-width: 25%;
}

html.lt-ie-10 .range>.cell-xs-4 {
  margin-left: auto;
  margin-right: auto;
  max-width: 33.33333%;
}

html.lt-ie-10 .range>.cell-xs-5 {
  margin-left: auto;
  margin-right: auto;
  max-width: 41.66667%;
}

html.lt-ie-10 .range>.cell-xs-6 {
  margin-left: auto;
  margin-right: auto;
  max-width: 50%;
}

html.lt-ie-10 .range>.cell-xs-7 {
  margin-left: auto;
  margin-right: auto;
  max-width: 58.33333%;
}

html.lt-ie-10 .range>.cell-xs-8 {
  margin-left: auto;
  margin-right: auto;
  max-width: 66.66667%;
}

html.lt-ie-10 .range>.cell-xs-9 {
  margin-left: auto;
  margin-right: auto;
  max-width: 75%;
}

html.lt-ie-10 .range>.cell-xs-10 {
  margin-left: auto;
  margin-right: auto;
  max-width: 83.33333%;
}

html.lt-ie-10 .range>.cell-xs-11 {
  margin-left: auto;
  margin-right: auto;
  max-width: 91.66667%;
}

html.lt-ie-10 .range>.cell-xs-12 {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

html.lt-ie-10 .range>.cell-sm-1 {
  margin-left: auto;
  margin-right: auto;
  max-width: 8.33333%;
}

html.lt-ie-10 .range>.cell-sm-2 {
  margin-left: auto;
  margin-right: auto;
  max-width: 16.66667%;
}

html.lt-ie-10 .range>.cell-sm-3 {
  margin-left: auto;
  margin-right: auto;
  max-width: 25%;
}

html.lt-ie-10 .range>.cell-sm-4 {
  margin-left: auto;
  margin-right: auto;
  max-width: 33.33333%;
}

html.lt-ie-10 .range>.cell-sm-5 {
  margin-left: auto;
  margin-right: auto;
  max-width: 41.66667%;
}

html.lt-ie-10 .range>.cell-sm-6 {
  margin-left: auto;
  margin-right: auto;
  max-width: 50%;
}

html.lt-ie-10 .range>.cell-sm-7 {
  margin-left: auto;
  margin-right: auto;
  max-width: 58.33333%;
}

html.lt-ie-10 .range>.cell-sm-8 {
  margin-left: auto;
  margin-right: auto;
  max-width: 66.66667%;
}

html.lt-ie-10 .range>.cell-sm-9 {
  margin-left: auto;
  margin-right: auto;
  max-width: 75%;
}

html.lt-ie-10 .range>.cell-sm-10 {
  margin-left: auto;
  margin-right: auto;
  max-width: 83.33333%;
}

html.lt-ie-10 .range>.cell-sm-11 {
  margin-left: auto;
  margin-right: auto;
  max-width: 91.66667%;
}

html.lt-ie-10 .range>.cell-sm-12 {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

html.lt-ie-10 .range>.cell-md-1 {
  margin-left: auto;
  margin-right: auto;
  max-width: 8.33333%;
}

html.lt-ie-10 .range>.cell-md-2 {
  margin-left: auto;
  margin-right: auto;
  max-width: 16.66667%;
}

html.lt-ie-10 .range>.cell-md-3 {
  margin-left: auto;
  margin-right: auto;
  max-width: 25%;
}

html.lt-ie-10 .range>.cell-md-4 {
  margin-left: auto;
  margin-right: auto;
  max-width: 33.33333%;
}

html.lt-ie-10 .range>.cell-md-5 {
  margin-left: auto;
  margin-right: auto;
  max-width: 41.66667%;
}

html.lt-ie-10 .range>.cell-md-6 {
  margin-left: auto;
  margin-right: auto;
  max-width: 50%;
}

html.lt-ie-10 .range>.cell-md-7 {
  margin-left: auto;
  margin-right: auto;
  max-width: 58.33333%;
}

html.lt-ie-10 .range>.cell-md-8 {
  margin-left: auto;
  margin-right: auto;
  max-width: 66.66667%;
}

html.lt-ie-10 .range>.cell-md-9 {
  margin-left: auto;
  margin-right: auto;
  max-width: 75%;
}

html.lt-ie-10 .range>.cell-md-10 {
  margin-left: auto;
  margin-right: auto;
  max-width: 83.33333%;
}

html.lt-ie-10 .range>.cell-md-11 {
  margin-left: auto;
  margin-right: auto;
  max-width: 91.66667%;
}

html.lt-ie-10 .range>.cell-md-12 {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

html.lt-ie-10 .range>.cell-lg-1 {
  margin-left: auto;
  margin-right: auto;
  max-width: 8.33333%;
}

html.lt-ie-10 .range>.cell-lg-2 {
  margin-left: auto;
  margin-right: auto;
  max-width: 16.66667%;
}

html.lt-ie-10 .range>.cell-lg-3 {
  margin-left: auto;
  margin-right: auto;
  max-width: 25%;
}

html.lt-ie-10 .range>.cell-lg-4 {
  margin-left: auto;
  margin-right: auto;
  max-width: 33.33333%;
}

html.lt-ie-10 .range>.cell-lg-5 {
  margin-left: auto;
  margin-right: auto;
  max-width: 41.66667%;
}

html.lt-ie-10 .range>.cell-lg-6 {
  margin-left: auto;
  margin-right: auto;
  max-width: 50%;
}

html.lt-ie-10 .range>.cell-lg-7 {
  margin-left: auto;
  margin-right: auto;
  max-width: 58.33333%;
}

html.lt-ie-10 .range>.cell-lg-8 {
  margin-left: auto;
  margin-right: auto;
  max-width: 66.66667%;
}

html.lt-ie-10 .range>.cell-lg-9 {
  margin-left: auto;
  margin-right: auto;
  max-width: 75%;
}

html.lt-ie-10 .range>.cell-lg-10 {
  margin-left: auto;
  margin-right: auto;
  max-width: 83.33333%;
}

html.lt-ie-10 .range>.cell-lg-11 {
  margin-left: auto;
  margin-right: auto;
  max-width: 91.66667%;
}

html.lt-ie-10 .range>.cell-lg-12 {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

html.lt-ie-10 .range>[class*="cell-xs-preffix-"],
html.lt-ie-10 .range>[class*="cell-sm-preffix-"],
html.lt-ie-10 .range>[class*="cell-md-preffix-"],
html.lt-ie-10 .range>[class*="cell-lg-preffix-"] {
  margin-left: auto;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-middle {
  vertical-align: middle;
}

@media (min-width: 480px) {
  html:not(.lt-ie10) .text-xs-left {
    text-align: left;
  }

  html:not(.lt-ie10) .text-xs-center {
    text-align: center;
  }

  html:not(.lt-ie10) .text-xs-right {
    text-align: right;
  }

  html:not(.lt-ie10) .text-xs-justify {
    text-align: justify;
  }
}

@media (min-width: 768px) {
  html:not(.lt-ie10) .text-sm-left {
    text-align: left;
  }

  html:not(.lt-ie10) .text-sm-center {
    text-align: center;
  }

  html:not(.lt-ie10) .text-sm-right {
    text-align: right;
  }

  html:not(.lt-ie10) .text-sm-justify {
    text-align: justify;
  }
}

@media (min-width: 992px) {
  html:not(.lt-ie10) .text-md-left {
    text-align: left;
  }

  html:not(.lt-ie10) .text-md-center {
    text-align: center;
  }

  html:not(.lt-ie10) .text-md-right {
    text-align: right;
  }

  html:not(.lt-ie10) .text-md-justify {
    text-align: justify;
  }
}

@media (min-width: 1200px) {
  html:not(.lt-ie10) .text-lg-left {
    text-align: left;
  }

  html:not(.lt-ie10) .text-lg-center {
    text-align: center;
  }

  html:not(.lt-ie10) .text-lg-right {
    text-align: right;
  }

  html:not(.lt-ie10) .text-lg-justify {
    text-align: justify;
  }
}

@media (min-width: 480px) {
  .pull-xs-left {
    float: left;
  }

  .pull-xs-base {
    float: none;
  }

  .pull-xs-right {
    float: right;
  }
}

@media (min-width: 768px) {
  .pull-sm-left {
    float: left;
  }

  .pull-sm-base {
    float: none;
  }

  .pull-sm-right {
    float: right;
  }
}

@media (min-width: 992px) {
  .pull-md-left {
    float: left;
  }

  .pull-md-base {
    float: none;
  }

  .pull-md-right {
    float: right;
  }
}

@media (min-width: 1200px) {
  .pull-lg-left {
    float: left;
  }

  .pull-lg-base {
    float: none;
  }

  .pull-lg-right {
    float: right;
  }
}

@media (min-width: 1800px) {
  .pull-xl-left {
    float: left;
  }

  .pull-xl-base {
    float: none;
  }

  .pull-xl-right {
    float: right;
  }
}

.reveal-block {
  display: block !important;
}

.reveal-inline-block {
  display: inline-block !important;
}

.reveal-inline {
  display: inline !important;
}

.reveal-flex {
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
}

.veil {
  display: none !important;
}

@media (min-width: 480px) {
  .reveal-xs-block {
    display: block !important;
  }

  .reveal-xs-inline-block {
    display: inline-block !important;
  }

  .reveal-xs-inline {
    display: inline !important;
  }

  .reveal-xs-flex {
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
  }

  .veil-xs {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .reveal-sm-block {
    display: block !important;
  }

  .reveal-sm-inline-block {
    display: inline-block !important;
  }

  .reveal-sm-inline {
    display: inline !important;
  }

  .reveal-sm-flex {
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
  }

  .veil-sm {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .reveal-md-block {
    display: block !important;
  }

  .reveal-md-inline-block {
    display: inline-block !important;
  }

  .reveal-md-inline {
    display: inline !important;
  }

  .reveal-md-flex {
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
  }

  .veil-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .reveal-lg-block {
    display: block !important;
  }

  .reveal-lg-inline-block {
    display: inline-block !important;
  }

  .reveal-lg-inline {
    display: inline !important;
  }

  .reveal-lg-flex {
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
  }

  .veil-lg {
    display: none !important;
  }
}

@media (min-width: 1800px) {
  .reveal-xl-block {
    display: block !important;
  }

  .reveal-xl-inline-block {
    display: inline-block !important;
  }

  .reveal-xl-inline {
    display: inline !important;
  }

  .reveal-xl-flex {
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
  }

  .veil-xl {
    display: none !important;
  }
}

body {
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: subpixel-antialiased;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  letter-spacing: .05em;
}

.page {
  position: relative;
  overflow: hidden;
  min-height: 100vh !important;
  background-color: #fff;
}

a {
  display: inline-block;
  text-decoration: none;
  transition: 0.33s all ease-in;
}

a,
a:active,
a:focus {
  color: #5798ef;
}

a:hover,
a:focus {
  color: #5acea4;
  text-decoration: none;
}

a[href*='callto'],
a[href*='mailto'] {
  white-space: nowrap;
}

hr {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  border-top: 1px solid #e8e8e8;
}

hr.dark {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  border-top: 16px solid #303135;
}

hr.gray {
  border-top: 1px solid #434d52;
}

.brand-sm img {
  width: 100%;
  max-width: 153px;
  height: auto;
}

body {
  color: #6f727d;
}

.page {
  overflow: hidden;
}

.page-header {
  padding: 0;
  margin: 0;
  border-bottom: none;
}

.section {
  position: relative;
}

.font-default {
  font-family: "Roboto", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: inherit;
  font-weight: 400;
  letter-spacing: -.025em;
  color: #d8d8d8;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a {
  display: inline;
  font: inherit;
  letter-spacing: inherit;
}

h1 a,
h1 a:active,
h1 a:focus,
h2 a,
h2 a:active,
h2 a:focus,
h3 a,
h3 a:active,
h3 a:focus,
h4 a,
h4 a:active,
h4 a:focus,
h5 a,
h5 a:active,
h5 a:focus,
h6 a,
h6 a:active,
h6 a:focus,
.h1 a,
.h1 a:active,
.h1 a:focus,
.h2 a,
.h2 a:active,
.h2 a:focus,
.h3 a,
.h3 a:active,
.h3 a:focus,
.h4 a,
.h4 a:active,
.h4 a:focus,
.h5 a,
.h5 a:active,
.h5 a:focus,
.h6 a,
.h6 a:active,
.h6 a:focus {
  color: inherit;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
.h1 a:hover,
.h2 a:hover,
.h3 a:hover,
.h4 a:hover,
.h5 a:hover,
.h6 a:hover {
  color: #5acea4;
}

h1.mark,
h2.mark,
h3.mark,
h4.mark,
h5.mark,
h6.mark,
.h1.mark,
.h2.mark,
.h3.mark,
.h4.mark,
.h5.mark,
.h6.mark {
  display: inline-block;
}

h1 .icon,
h2 .icon,
h3 .icon,
h4 .icon,
h5 .icon,
h6 .icon,
.h1 .icon,
.h2 .icon,
.h3 .icon,
.h4 .icon,
.h5 .icon,
.h6 .icon {
  font-size: .95em;
}

h1>*,
h2>*,
h3>*,
h4>*,
h5>*,
h6>*,
.h1>*,
.h2>*,
.h3>*,
.h4>*,
.h5>*,
.h6>* {
  display: inline-block;
}

h1,
.h1 {
  font-size: 36px;
  line-height: 1.2;
}

@media (min-width: 768px) {

  h1,
  .h1 {
    font-size: 56px;
    line-height: 1.06061;
  }
}

@media (min-width: 1200px) {

  h1,
  .h1 {
    font-size: 66px;
  }
}

h1.xl,
.h1.xl {
  font-size: 112px;
}

h2,
.h2 {
  font-size: 28px;
  line-height: 1.3;
}

@media (min-width: 768px) {

  h2,
  .h2 {
    font-size: 40px;
    line-height: 1;
  }
}

@media (min-width: 1200px) {

  h2,
  .h2 {
    font-size: 48px;
  }
}

h3,
.h3 {
  font-size: 26px;
  line-height: 1.45;
}

@media (min-width: 768px) {

  h3,
  .h3 {
    font-size: 34px;
  }
}

@media (min-width: 1200px) {

  h3,
  .h3 {
    font-size: 42px;
    line-height: 1.19048;
  }
}

.heading-3 {
  font-size: 26px;
  line-height: 1.45;
  font-weight: 400;
  letter-spacing: -.025em;
}

@media (min-width: 768px) {
  .heading-3 {
    font-size: 34px;
  }
}

@media (min-width: 1200px) {
  .heading-3 {
    font-size: 42px;
    line-height: 1.19048;
  }
}

h4,
.h4 {
  font-size: 22px;
  line-height: 1.35;
}

@media (min-width: 768px) {

  h4,
  .h4 {
    font-size: 24px;
    line-height: 1.33333;
  }
}

h5,
.h5 {
  font-size: 18px;
  line-height: 1.66667;
  letter-spacing: .075em;
}

@media (max-width: 767px) {

  h5,
  .h5 {
    font-size: 12px;
  }

  h4,
  .h4 {
    font-size: 16px;
  }

  p,
  .p {
    font-size: 12px;
  }

  .hide-on-mobile {
    display: none;
  }

}

h6,
.h6 {
  font-size: 16px;
  line-height: 1.25;
}

.h7 {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 13px;
  font-weight: 900;
  color: #242731;
}

.h3-alternate {
  font-family: inherit;
  font-weight: 100;
  letter-spacing: -.025em;
  color: #242731;
  font-weight: 300;
  font-size: 20px;
  line-height: 1.45;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .h3-alternate {
    font-size: 22px;
  }
}

@media (min-width: 1200px) {
  .h3-alternate {
    font-size: 42px;
    line-height: 1.19048;
  }
}

.h4-alternate {
  color: #242731;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}

@media (min-width: 768px) {
  .h4-alternate {
    font-size: 22px;
  }
}

@media (min-width: 1200px) {
  .h4-alternate {
    font-size: 24px;
  }
}

.header-lighter {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  text-transform: none;
}

code {
  padding: 5px 7px;
  font-size: 75%;
  color: #5798ef;
  background-color: #fff;
}

mark,
.mark {
  line-height: 1.04;
  padding: .15em .4em .1em;
  color: #fff;
  background: #5798ef;
}

.mark-spacing-1 {
  padding: .4em .5em .4em;
}

.mark-spacing-2 {
  padding: .2em .6em .14em;
}

.mark-alternate {
  text-transform: uppercase;
  background: #fca15f;
}

@media (min-width: 480px) {
  .big {
    font-size: 18px;
    line-height: 28px;
  }
}

small,
.small {
  font-size: 11px;
  line-height: 16px;
}

.large {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
}

@media (min-width: 768px) {
  .large {
    font-size: 18px;
  }
}

pre {
  padding: 25px 20px;
  background-color: #f2f3f8;
  border: 1px solid #eaeced;
  overflow-y: auto;
  margin-bottom: 0;
  text-align: left;
}

code {
  padding: 5px 7px;
  font-size: 75%;
  color: #e35475;
  background-color: #ededed;
  border-radius: 2px;
}

[data-toggle='tooltip'] {
  display: inline-block;
  color: #b7b7b7;
}

.tooltip {
  font-size: 16px;
  z-index: 1;
}

.tooltip.top .tooltip-arrow {
  bottom: 1px;
}

.page .text-primary {
  color: #5798ef;
}

.page .text-dark {
  color: #363d41;
}

.page .text-gray {
  color: #6f727d;
}

.page .text-gray-darker {
  color: #242731;
}

.page .text-white {
  color: #fff;
}

.page .text-porcelain {
  color: #eaeced;
}

.page .text-blue-marguerite {
  color: #8673c7;
}

.page .text-success {
  color: #5acea4;
}

.page .text-jaffa {
  color: #f47e4b;
}

@media (min-width: 992px) {
  .team-member-wrap {
    padding-left: 70px;
  }
}

.team-member-position {
  position: relative;
}

.team-member-position span {
  display: inline-block;
  padding: 3px 12px;
  background-color: #5798ef;
  color: #fff;
}

@media (min-width: 480px) {
  .team-member-position:before {
    position: absolute;
    top: 0;
    left: -15px;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 15px 0;
    border-color: transparent #5798ef transparent transparent;
    vertical-align: middle;
  }
}

.img-responsive {
  display: inline-block;
  width: 100%;
  height: auto;
  border-radius: 25px;
  box-shadow: -1px 2px 5px 0px rgba(0, 0, 0, 0.75);

}

.img-responsive-mod {
  display: inline-block;
  width: 100%;
  height: auto;
  border-radius: 25px;
  border: 1px solid #5acea4;

}

.img-wrap-mod-2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
}

.img-wrap-mod-2 img {
  width: 100%;
  max-width: auto;
}

.img-wrap-mod-2:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: 250ms;
}

.img-wrap-mod-2 .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0);
  transition: 250ms;
}

.img-wrap-mod-2:hover:before {
  opacity: 1;
}

.img-wrap-mod-2:hover .icon {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}

.subtitle-variant-1 {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.subtitle-variant-2 {
  text-transform: uppercase;
  letter-spacing: 0.2em;
}

*+.subtitle-variant-2 {
  margin-top: 8px;
}

.subtitle-variant-3 {
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: .075em;
}

@media (min-width: 768px) {
  .subtitle-variant-3 {
    font-size: 18px;
  }
}

@media (min-width: 768px) {
  .list-collumn-2 {
    columns: 2;
    column-gap: 30px;
  }
}

.section-intro {
  display: flex;
  align-items: center;
  min-height: 100vh;
}

.ie-10 .section-intro,
.ie-11 .section-intro,
.ie-edge .section-intro {
  height: 100vh;
}

.sale-banner-wrap {
  position: relative;
  box-shadow: 28px 23px 62px rgba(0, 0, 0, 0.25);
}

@media (min-width: 992px) {
  .sale-banner-wrap {
    margin-right: 40px;
  }
}

@media (min-width: 1600px) {
  .sale-banner-wrap {
    margin-right: 0;
  }
}

.sale-banner {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 105px;
  height: 105px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 29px 29px 40px rgba(36, 39, 49, 0.25);
}

@media (min-width: 992px) {
  .sale-banner {
    transform: translate(50%, -50%);
  }
}

.sale-banner-inner {
  text-align: left;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  color: #242731;
}

.sale-banner-inner .price {
  display: block;
  margin-top: 5px;
  color: #e35475;
  font-weight: 700;
  font-size: 42px;
  line-height: .7;
}

.sale-banner-inner .price:before {
  content: "$";
  display: inline-block;
  font-weight: 400;
  font-size: 20px;
  vertical-align: top;
}

.value1:before {
  content: "\f055";
  font: 400 18px/1.3 "FontAwesome";
  display: inline-block;
  vertical-align: middle;
  padding-right: 7px;
}

.slide-down-toggle.active .value1:before {
  content: "\f056";
}

.img-layout .img-layout-inner {
  transition: 450ms ease-in-out;
  will-change: transform;
}

.img-layout img {
  width: 100%;
  height: auto;
  transition: 450ms ease-in-out;
  will-change: opacity;
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.08);
}

.img-layout {
  position: relative;
}

.img-layout .img-caption {
  padding: 15px 0;
  font-size: 24px;
  font-weight: 400;
  color: #5798ef;
}

.img-layout:hover img {
  box-shadow: 0 5px 23px rgba(0, 0, 0, 0.28);
}

.img-layout:hover .img-layout-inner {
  transform: scale3d(1.01, 1.01, 1.01);
}

.iframe-mod {
  width: 100%;
  border: 0;
}

.frame-header {
  width: 100%;
  height: 500px;
  outline: none;
  border: 0;
}

*+.frame-header {
  margin-top: 40px;
}

@media (min-width: 768px) {
  *+.frame-header {
    margin-top: 60px;
  }
}

@media (min-width: 992px) {
  .frame-header_mod1 {
    height: 750px;
  }
}

#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}

[data-x-mode] #particles-js {
  pointer-events: none;
}

.parallax-section-inner {
  position: relative;
  transform: translate3d(0, var(--tzInner, 0), 0);
  opacity: var(--to, 0);
}

.snackbars {
  width: auto;
  max-width: 280px;
  padding: 9px 16px;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  text-align: left;
  background-color: #242731;
  border-radius: 0;
  box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.09);
}

.snackbars .icon-xxs {
  font-size: 20px;
}

.snackbars p span:last-child {
  padding-left: 14px;
}

.snackbars-left {
  display: inline-block;
  margin-bottom: 0;
}

.snackbars-right {
  display: inline-block;
  float: right;
  text-transform: uppercase;
}

.snackbars-right:hover {
  text-decoration: underline;
}

@media (min-width: 480px) {
  .snackbars {
    max-width: 380px;
    padding: 14px 17px;
  }
}

.text-italic {
  font-style: italic;
}

.text-normal {
  font-style: normal;
}

.text-underline {
  text-decoration: underline;
}

.text-strike {
  text-decoration: line-through;
}

.text-thin {
  font-weight: 100;
}

.text-light {
  font-weight: 300;
}

.text-regular {
  font-weight: 400;
}

.text-medium {
  font-weight: 500;
}

.text-sbold {
  font-weight: 600;
}

.text-bold,
strong {
  font-weight: 700;
}

.text-ubold {
  font-weight: 900;
}

.text-spacing-0 {
  letter-spacing: 0;
}

.text-spacing-40 {
  letter-spacing: 0.04em;
}

.text-spacing-120 {
  letter-spacing: 0.12em;
}

@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=4.5.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.5.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.5.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.5.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.28571429em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}

.fa-ul>li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}

.fa-li.fa-lg {
  left: -1.85714286em;
}

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left {
  margin-right: .3em;
}

.fa.fa-pull-right {
  margin-left: .3em;
}

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left {
  margin-right: .3em;
}

.fa.pull-right {
  margin-left: .3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #ffffff;
}

[class*='fa-']:before {
  font-weight: 400;
  font-family: 'FontAwesome';
}

@font-face {
  font-family: "Material Design Icons";
  src: url("../fonts/materialdesignicons-webfont.eot?v=1.4.57");
  src: url("../fonts/materialdesignicons-webfont.eot?#iefix&v=1.4.57") format("embedded-opentype"), url("../fonts/materialdesignicons-webfont.woff2?v=1.4.57") format("woff2"), url("../fonts/materialdesignicons-webfont.woff?v=1.4.57") format("woff"), url("../fonts/materialdesignicons-webfont.ttf?v=1.4.57") format("truetype"), url("../fonts/materialdesignicons-webfont.svg?v=1.4.57#materialdesigniconsregular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.mdi {
  display: inline-block;
  font: normal normal normal 24px/1 "Material Design Icons";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

.mdi-arrow-all:before {
  content: "\f13f";
}

.mdi-arrow-bottom-drop-circle:before {
  content: "\f140";
}

.mdi-arrow-bottom-left:before {
  content: "\f141";
}

.mdi-arrow-bottom-right:before {
  content: "\f142";
}

.mdi-arrow-collapse:before {
  content: "\f143";
}

.mdi-arrow-down:before {
  content: "\f144";
}

.mdi-arrow-down-bold:before {
  content: "\f145";
}

.mdi-arrow-down-bold-circle:before {
  content: "\f146";
}

.mdi-arrow-down-bold-circle-outline:before {
  content: "\f147";
}

.mdi-arrow-down-bold-hexagon-outline:before {
  content: "\f148";
}

.mdi-arrow-expand:before {
  content: "\f149";
}

.mdi-arrow-left:before {
  content: "\f14a";
}

.mdi-arrow-left-bold:before {
  content: "\f14b";
}

.mdi-arrow-left-bold-circle:before {
  content: "\f14c";
}

.mdi-arrow-left-bold-circle-outline:before {
  content: "\f14d";
}

.mdi-arrow-left-bold-hexagon-outline:before {
  content: "\f14e";
}

.mdi-arrow-right:before {
  content: "\f14f";
}

.mdi-arrow-right-bold:before {
  content: "\f150";
}

.mdi-arrow-right-bold-circle:before {
  content: "\f151";
}

.mdi-arrow-right-bold-circle-outline:before {
  content: "\f152";
}

.mdi-arrow-right-bold-hexagon-outline:before {
  content: "\f153";
}

.mdi-arrow-top-left:before {
  content: "\f154";
}

.mdi-arrow-top-right:before {
  content: "\f155";
}

.mdi-arrow-up:before {
  content: "\f156";
}

.mdi-arrow-up-bold:before {
  content: "\f157";
}

.mdi-arrow-up-bold-circle:before {
  content: "\f158";
}

.mdi-arrow-up-bold-circle-outline:before {
  content: "\f159";
}

.mdi-arrow-up-bold-hexagon-outline:before {
  content: "\f15a";
}

.mdi-map:before {
  content: "\f43f";
}

.mdi-phone:before {
  content: "\f4e1";
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/MaterialIcons-Regular.eot);
  /* For IE6-8 */
  src: local("Material Icons"), local("MaterialIcons-Regular"), url(../fonts/MaterialIcons-Regular.woff2) format("woff2"), url(../fonts/MaterialIcons-Regular.woff) format("woff"), url(../fonts/MaterialIcons-Regular.ttf) format("truetype");
}

.material-icons-ico,
[class*="material-icons-"]:before {
  font-family: 'Material Icons';
  font-weight: 400;
  font-style: normal;
  font-size: inherit;
}

.material-icons-arrow_back:before {
  content: "\e5c4";
}

.material-icons-arrow_drop_down:before {
  content: "\e5c5";
}

.material-icons-arrow_drop_down_circle:before {
  content: "\e5c6";
}

.material-icons-arrow_drop_up:before {
  content: "\e5c7";
}

.material-icons-arrow_forward:before {
  content: "\e5c8";
}

.material-icons-keyboard_arrow_down:before {
  content: "\e313";
}

.material-icons-keyboard_arrow_left:before {
  content: "\e314";
}

.material-icons-keyboard_arrow_right:before {
  content: "\e315";
}

.material-icons-keyboard_arrow_up:before {
  content: "\e316";
}

.material-icons-map:before {
  content: "\e55b";
}

.material-icons-navigate_before:before {
  content: "\e408";
}

.material-icons-navigate_next:before {
  content: "\e409";
}

.material-icons-phone:before {
  content: "\e0cd";
}

.btn {
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 2;
  transition: 0.33s all ease-in;
  border-radius: 6px;
  border: 1px solid;
  text-transform: uppercase;
  letter-spacing: 0;
  white-space: normal;
  max-width: 100%;
  cursor: pointer;
}

.btn:active,
.btn.active {
  box-shadow: none;
}

.group-xl .btn {
  min-width: 180px;
}

.page .btn-default,
.page .btn-default:active,
.page .btn-default:focus {
  color: #242731;
  background: #f2f3f8;
  border-color: #f2f3f8;
}

.page .btn-default:hover {
  color: #fff;
  background: #242731;
  border-color: #242731;
}

.page .btn-primary,
.page .btn-primary:active,
.page .btn-primary:focus {
  color: #fff;
  background: hsl(158.3 54.2% 58% / .25);
  border-color: #5acea4;
}

.page .btn-primary:hover {
  color: #fff;
  background: #5acea4;
  border-color: #5acea4;
}

.page .btn-success,
.page .btn-success:active,
.page .btn-success:focus {
  color: #fff;
  background: #d8d8d8;
  border-color: #d8d8d8;
}

.page .btn-success:hover {
  color: #fff;
  background: #5798ef;
  border-color: #5798ef;
}

.btn-primary-alternate,
.btn-primary-alternate:active,
.btn-primary-alternate:focus {
  color: #fff;
  background: #5798ef;
  border-color: #5798ef;
}

.btn-primary-alternate:hover {
  color: #fff;
  background: #f0ad4e;
  border-color: #f0ad4e;
}

.btn-tan-hide,
.btn-tan-hide:active,
.btn-tan-hide:focus {
  color: #fff;
  background: #fca15f;
  border-color: #fca15f;
}

.btn-tan-hide:hover {
  color: #fff;
  background: #5798ef;
  border-color: #5798ef;
}

.btn-gray-5,
.btn-gray-5:active,
.btn-gray-5:focus {
  color: #fff;
  background: #536071;
  border-color: #536071;
}

.btn-gray-5:hover {
  color: #fff;
  background: #5798ef;
  border-color: #5798ef;
}

.btn-silver-outline,
.btn-silver-outline:active,
.btn-silver-outline:focus {
  color: #242731;
  background: transparent;
  border-color: #e8e8e8;
}

.btn-silver-outline:hover {
  color: #242731;
  background: #e8e8e8;
  border-color: #e8e8e8;
}

.btn-white-outline,
.btn-white-outline:active,
.btn-white-outline:focus {
  color: #d8d8d8;
  background: transparent;
  border-color: #d8d8d8;
}

.btn-white-outline:hover {
  color: #242731;
  background: #67828d;
  border-color: #67828d;
}

.btn-white,
.btn-white:active,
.btn-white:focus {
  color: #242731;
  background: #fff;
  border-color: #fff;
}

.btn-white:hover {
  color: #fff;
  background: #67828d;
  border-color: #67828d;
}

.btn-primary-outline,
.btn-primary-outline:active,
.btn-primary-outline:focus {
  color: #242731;
  background: transparent;
  border-color: #5798ef;
}

.btn-primary-outline:hover {
  color: #fff;
  background: #8673c7;
  border-color: #8673c7;
}

.btn-facebook,
.btn-facebook:active,
.btn-facebook:focus {
  color: #fff;
  background: #547abb;
  border-color: #547abb;
}

.btn-facebook:hover {
  color: #fff;
  background: #3d5f9a;
  border-color: #3d5f9a;
}

.btn-twitter,
.btn-twitter:active,
.btn-twitter:focus {
  color: #fff;
  background: #44c0f3;
  border-color: #44c0f3;
}

.btn-twitter:hover {
  color: #fff;
  background: #0faef0;
  border-color: #0faef0;
}

.btn-google,
.btn-google:active,
.btn-google:focus {
  color: #fff;
  background: #dd4b39;
  border-color: #dd4b39;
}

.btn-google:hover {
  color: #fff;
  background: #bd3221;
  border-color: #bd3221;
}

.btn-xs {
  font-size: 10px;
  padding: 4.8px 16.8px;
}

.btn-sm {
  font-size: 12px;
  padding: 6px 28px;
}

.group-xl .btn-sm {
  min-width: 140px;
}

.btn-lg {
  font-size: 13px;
  padding: 15px 40px;
  min-width: 170px;
}

.group-xl .btn-lg {
  min-width: 230px;
}

.btn-xl {
  font-size: 16px;
  padding: 20px 50px;
}

.group-xl .btn-xl {
  min-width: 270px;
}

.btn-circle {
  border-radius: 35px;
}

.btn-round {
  border-radius: 10px;
}

.btn-square {
  border-radius: 0;
}

.btn-shadow {
  border-width: 0;
  box-shadow: 0 9px 21px 0 rgba(36, 39, 49, 0.15);
}

.btn.btn-effect-anis {
  position: relative;
  overflow: hidden;
  z-index: 0;
  border: 0;
}

.btn.btn-effect-anis:before,
.btn.btn-effect-anis:after {
  content: '';
  position: absolute;
  top: 50%;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  transition: .33s all ease;
  z-index: -1;
  background: #5798ef;
}

.btn.btn-effect-anis:before {
  left: -20px;
  transform: translate(-50%, -50%);
}

.btn.btn-effect-anis:after {
  right: -20px;
  transform: translate(50%, -50%);
}

.btn.btn-effect-anis:hover:before {
  -webkit-animation: criss-cross-left 0.8s both;
  animation: criss-cross-left 0.8s both;
}

.btn.btn-effect-anis:hover:after {
  -webkit-animation: criss-cross-right 0.8s both;
  animation: criss-cross-right 0.8s both;
}

.btn.btn-effect-anis.btn-block:hover:hover:before {
  -webkit-animation: criss-cross-left-wide 1.1s both;
  animation: criss-cross-left-wide 1.1s both;
}

.btn.btn-effect-anis.btn-block:hover:hover:after {
  -webkit-animation: criss-cross-right-wide 1.1s both;
  animation: criss-cross-right-wide 1.1s both;
}

.btn.btn-effect-anis.btn-primary:hover {
  background: #5798ef;
}

.btn.btn-effect-anis.btn-primary:before,
.btn.btn-effect-anis.btn-primary:after {
  background: #5acea4;
}

.btn.btn-effect-anis.btn-primary-alternate:hover {
  background: #5798ef;
}

.btn.btn-effect-anis.btn-primary-alternate:before,
.btn.btn-effect-anis.btn-primary-alternate:after {
  background: #f47e4b;
}

.btn.btn-effect-anis.btn-tan-hide:hover {
  background: #fca15f;
}

.btn.btn-effect-anis.btn-blue-marguerite:hover {
  background: #5acea4;
}

.btn.btn-effect-anis.btn-blue-marguerite-1 {
  border: 1px solid #5798ef;
}

.btn.btn-effect-anis.btn-blue-marguerite-1:focus,
.btn.btn-effect-anis.btn-blue-marguerite-1:active {
  background: #5798ef;
}

.btn.btn-effect-anis.btn-blue-marguerite-alternate:hover {
  background: #8673c7;
}

.btn.btn-effect-anis.btn-blue-marguerite-alternate:before,
.btn.btn-effect-anis.btn-blue-marguerite-alternate:after {
  background: #fca15f;
}

.btn.btn-effect-anis.btn-trout-inverse {
  transition-delay: 0s;
}

.btn.btn-effect-anis.btn-trout-inverse:hover {
  transition-delay: .25s;
  background: #50525e;
}

.btn.btn-effect-anis.btn-trout-inverse:before,
.btn.btn-effect-anis.btn-trout-inverse:after {
  background: #fff;
}

@-webkit-keyframes criss-cross-left {
  0% {
    left: -20px;
  }

  50% {
    left: 50%;
    width: 20px;
    height: 20px;
  }

  100% {
    left: 50%;
    width: 390px;
    height: 390px;
  }
}

@-moz-keyframes criss-cross-left {
  0% {
    left: -20px;
  }

  50% {
    left: 50%;
    width: 20px;
    height: 20px;
  }

  100% {
    left: 50%;
    width: 390px;
    height: 390px;
  }
}

@-ms-keyframes criss-cross-left {
  0% {
    left: -20px;
  }

  50% {
    left: 50%;
    width: 20px;
    height: 20px;
  }

  100% {
    left: 50%;
    width: 390px;
    height: 390px;
  }
}

@keyframes criss-cross-left {
  0% {
    left: -20px;
  }

  50% {
    left: 50%;
    width: 20px;
    height: 20px;
  }

  100% {
    left: 50%;
    width: 390px;
    height: 390px;
  }
}

@-webkit-keyframes criss-cross-right {
  0% {
    right: -20px;
  }

  50% {
    right: 50%;
    width: 20px;
    height: 20px;
  }

  100% {
    right: 50%;
    width: 390px;
    height: 390px;
  }
}

@-moz-keyframes criss-cross-right {
  0% {
    right: -20px;
  }

  50% {
    right: 50%;
    width: 20px;
    height: 20px;
  }

  100% {
    right: 50%;
    width: 390px;
    height: 390px;
  }
}

@-ms-keyframes criss-cross-right {
  0% {
    right: -20px;
  }

  50% {
    right: 50%;
    width: 20px;
    height: 20px;
  }

  100% {
    right: 50%;
    width: 390px;
    height: 390px;
  }
}

@keyframes criss-cross-right {
  0% {
    right: -20px;
  }

  50% {
    right: 50%;
    width: 20px;
    height: 20px;
  }

  100% {
    right: 50%;
    width: 390px;
    height: 390px;
  }
}

@-webkit-keyframes criss-cross-left-wide {
  0% {
    left: -20px;
  }

  50% {
    left: 50%;
    width: 20px;
    height: 20px;
  }

  100% {
    left: 50%;
    width: 520px;
    height: 520px;
  }
}

@-moz-keyframes criss-cross-left-wide {
  0% {
    left: -20px;
  }

  50% {
    left: 50%;
    width: 20px;
    height: 20px;
  }

  100% {
    left: 50%;
    width: 520px;
    height: 520px;
  }
}

@-ms-keyframes criss-cross-left-wide {
  0% {
    left: -20px;
  }

  50% {
    left: 50%;
    width: 20px;
    height: 20px;
  }

  100% {
    left: 50%;
    width: 520px;
    height: 520px;
  }
}

@keyframes criss-cross-left-wide {
  0% {
    left: -20px;
  }

  50% {
    left: 50%;
    width: 20px;
    height: 20px;
  }

  100% {
    left: 50%;
    width: 520px;
    height: 520px;
  }
}

@-webkit-keyframes criss-cross-right-wide {
  0% {
    right: -20px;
  }

  50% {
    right: 50%;
    width: 20px;
    height: 20px;
  }

  100% {
    right: 50%;
    width: 520px;
    height: 520px;
  }
}

@-moz-keyframes criss-cross-right-wide {
  0% {
    right: -20px;
  }

  50% {
    right: 50%;
    width: 20px;
    height: 20px;
  }

  100% {
    right: 50%;
    width: 520px;
    height: 520px;
  }
}

@-ms-keyframes criss-cross-right-wide {
  0% {
    right: -20px;
  }

  50% {
    right: 50%;
    width: 20px;
    height: 20px;
  }

  100% {
    right: 50%;
    width: 520px;
    height: 520px;
  }
}

@keyframes criss-cross-right-wide {
  0% {
    right: -20px;
  }

  50% {
    right: 50%;
    width: 20px;
    height: 20px;
  }

  100% {
    right: 50%;
    width: 520px;
    height: 520px;
  }
}

.btn.btn-effect-ujarak {
  position: relative;
  z-index: 0;
  transition: background 0.4s, border-color 0.4s, color 0.4s;
}

.btn.btn-effect-ujarak::before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  background: #5798ef;
  z-index: -1;
  opacity: 0;
  border-radius: 6px;
  transform: scale3d(0.7, 1, 1);
  transition: transform 0.4s, opacity 0.4s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.btn.btn-effect-ujarak,
.btn.btn-effect-ujarak:before {
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.btn.btn-effect-ujarak:hover {
  background-color: transparent;
  border-color: #5798ef;
}

.btn.btn-effect-ujarak:hover::before {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}

.btn.btn-effect-ujarak.btn-primary::before,
.btn.btn-effect-ujarak.btn-primary-outline::before {
  background: #5798ef;
}

.btn.btn-effect-ujarak.btn-primary:hover,
.btn.btn-effect-ujarak.btn-primary-outline:hover {
  border-color: #5acea4;
}

.btn.btn-aqil {
  color: #fff;
  position: relative;
  overflow: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.btn.btn-aqil:before,
.btn.btn-aqil:after,
.btn.btn-aqil span:before,
.btn.btn-aqil span:after {
  content: '';
  background: rgba(103, 130, 141, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  z-index: -1;
}

.btn.btn-aqil span:before,
.btn.btn-aqil span:after {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.btn.btn-aqil--mod-1:before,
.btn.btn-aqil--mod-1:after,
.btn.btn-aqil--mod-1 span:before,
.btn.btn-aqil--mod-1 span:after {
  width: 100%;
  height: 0;
}

.btn.btn-aqil--mod-1:after,
.btn.btn-aqil--mod-1 span:before {
  top: auto;
  bottom: 0;
}

.btn.btn-aqil--mod-1:hover {
  background-color: transparent;
  border-color: rgba(103, 130, 141, 0.9);
}

.btn.btn-aqil--mod-1:hover span:before,
.btn.btn-aqil--mod-1:hover span:after,
.btn.btn-aqil--mod-1:hover:before,
.btn.btn-aqil--mod-1:hover:after {
  height: 100%;
}

.btn.btn-aqil--mod-2:before,
.btn.btn-aqil--mod-2:after,
.btn.btn-aqil--mod-2 span:before,
.btn.btn-aqil--mod-2 span:after {
  width: 0;
  height: 100%;
}

.btn.btn-aqil--mod-2:after,
.btn.btn-aqil--mod-2 span:before {
  left: auto;
  right: 0;
}

.btn.btn-aqil--mod-2:hover:before,
.btn.btn-aqil--mod-2:hover:after,
.btn.btn-aqil--mod-2:hover span:before,
.btn.btn-aqil--mod-2:hover span:after {
  width: 100%;
}

.page .btn.btn-icon {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  vertical-align: middle;
}

.page .btn.btn-icon .icon {
  position: relative;
  top: 1px;
  display: inline-block;
  vertical-align: middle;
  color: inherit;
  font-size: 1.5em;
  line-height: 0;
}

.page .btn.btn-icon-left {
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.page .btn.btn-icon-left .icon {
  padding-right: 11px;
}

.page .btn.btn-icon-right {
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.page .btn.btn-icon-right .icon {
  padding-left: 11px;
}

html .page .btn-video {
  border: 0;
  padding-left: 0;
  padding-right: 0;
}

html .page .btn-video>*+* {
  padding-left: 15px;
}

html .page .btn-video img {
  transition: .3s ease-in;
}

html .page .btn-video:hover {
  background: transparent;
}

html .page .btn-video:hover img {
  transform: scale(1.16);
}

.rd-mailform {
  position: relative;
}

.rd-mailform .row {
  margin-left: -5px;
  margin-right: -5px;
}

.rd-mailform .row>[class*='col-'] {
  padding-left: 5px;
  padding-right: 5px;
}

.rd-mailform .btn {
  padding-left: 20px;
  padding-right: 20px;
  min-height: 50px;
}

[data-x-mode] .rd-mailform .form-group {
  pointer-events: none;
}

[data-x-mode] .rd-mailform label {
  pointer-events: auto;
}

[data-x-mode] .campaign-mailform label,
[data-x-mode] .mailchimp-mailform label {
  pointer-events: auto;
}

label {
  margin-bottom: 0;
}

.form-label,
.form-label-outside,
.form-control {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
}

@media (min-width: 768px) {

  .form-label,
  .form-label-outside,
  .form-control {
    font-size: 14px;
  }
}

input:-webkit-autofill~label,
input:-webkit-autofill~.form-validation {
  color: #000 !important;
}

.input-sm,
.input-sm:focus,
.input-lg,
.input-lg:focus,
.form-control,
.form-control:focus {
  box-shadow: none;
}

textarea.form-control {
  height: 135px;
  min-height: 50px;
  max-height: 229.5px;
  resize: vertical;
}

.form-control {
  min-height: 50px;
  height: auto;
  padding: 15.2px 19px;
  border-radius: 6px;
  -webkit-appearance: none;
  line-height: 19.6px;
  background: #f5f5f5;
  border: 0;
}

.form-control:focus {
  outline: 0;
  background: #f5f5f5;
}

.form-group {
  position: relative;
  margin-bottom: 0;
}

.form-group+.form-group {
  margin-top: 20px;
}

.form-group+.btn {
  margin-top: 35px;
}

.form-label {
  position: absolute;
  top: 25px;
  left: 19px;
  font-size: 14px;
  color: #999;
  line-height: 1.2;
  pointer-events: none;
  letter-spacing: .05em;
  z-index: 9;
  transition: .3s;
  transform: translateY(-50%);
  will-change: transform;
  opacity: .6;
}

.form-label.focus {
  opacity: 0;
}

.form-label.auto-fill {
  color: #6f727d;
}

.form-textarea .form-label {
  transform: none;
  right: 19px;
  line-height: 1.4;
  top: 16px;
}

.form-label-outside {
  margin-bottom: 9px;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0;
}

@media (min-width: 768px) {
  .form-label-outside {
    position: static;
  }

  .form-label-outside,
  .form-label-outside.focus,
  .form-label-outside.auto-fill {
    transform: none;
  }
}

.form-validation {
  position: absolute;
  right: 6px;
  top: 4px;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0;
  font-weight: 400;
  color: rgba(227, 84, 117, 0.9);
  transition: .3s;
}

.form-wrap-validation-left .form-validation {
  right: inherit;
  left: 6px;
}

.form-label-outside~.form-validation {
  top: 35px;
  right: 4px;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #e35475;
}

.has-error .form-control:not(.form-control-impressed),
.has-error .form-control:not(.form-control-impressed):focus {
  border-color: rgba(227, 84, 117, 0.6);
  box-shadow: none;
}

.has-error .form-control-impressed,
.has-error .form-control-impressed:focus {
  box-shadow: inset 0 0 0 1px rgba(227, 84, 117, 0.6);
}

.has-error .input-group-addon {
  color: #fff;
  border-color: rgba(227, 84, 117, 0.6);
  background-color: #f2dede;
}

.has-error .input-group-btn>.btn {
  border-color: rgba(227, 84, 117, 0.6);
  background: #f2dede;
}

.has-error .form-validation {
  color: #e35475;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d;
}

.has-success .form-control:not(.form-control-impressed),
.has-success .form-control:not(.form-control-impressed):focus {
  border-color: #dff0d8;
  box-shadow: none;
}

.has-success .form-control-impressed,
.has-success .form-control-impressed:focus {
  box-shadow: inset 0 0 0 1px #dff0d8;
}

.has-success .input-group-addon {
  color: #fff;
  border-color: #dff0d8;
  background-color: #dff0d8;
}

.has-success .input-group-btn>.btn {
  border-color: #dff0d8;
  background: #dff0d8;
}

.has-success .form-validation {
  color: #3c763d;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}

.has-warning .form-control:not(.form-control-impressed),
.has-warning .form-control:not(.form-control-impressed):focus {
  border-color: #fcf8e3;
  box-shadow: none;
}

.has-warning .form-control-impressed,
.has-warning .form-control-impressed:focus {
  box-shadow: inset 0 0 0 1px #fcf8e3;
}

.has-warning .input-group-addon {
  color: #fff;
  border-color: #fcf8e3;
  background-color: #fcf8e3;
}

.has-warning .input-group-btn>.btn {
  border-color: #fcf8e3;
  background: #fcf8e3;
}

.has-warning .form-validation {
  color: #8a6d3b;
}

.has-info .help-block,
.has-info .control-label,
.has-info .radio,
.has-info .checkbox,
.has-info .radio-inline,
.has-info .checkbox-inline,
.has-info.radio label,
.has-info.checkbox label,
.has-info.radio-inline label,
.has-info.checkbox-inline label {
  color: #31708f;
}

.has-info .form-control:not(.form-control-impressed),
.has-info .form-control:not(.form-control-impressed):focus {
  border-color: #d9edf7;
  box-shadow: none;
}

.has-info .form-control-impressed,
.has-info .form-control-impressed:focus {
  box-shadow: inset 0 0 0 1px #d9edf7;
}

.has-info .input-group-addon {
  color: #fff;
  border-color: #d9edf7;
  background-color: #d9edf7;
}

.has-info .input-group-btn>.btn {
  border-color: #d9edf7;
  background: #d9edf7;
}

.has-info .form-validation {
  color: #31708f;
}

#form-output-global {
  position: fixed;
  bottom: 30px;
  left: 15px;
  visibility: hidden;
  transform: translateX(-500px);
  transition: .3s all ease;
  z-index: 9999999;
}

#form-output-global.active {
  transform: translateX(0);
  visibility: visible;
}

@media (min-width: 480px) {
  #form-output-global {
    left: 30px;
  }
}

.form-output {
  position: absolute;
  top: 100%;
  left: 0;
  font-size: 14px;
  line-height: 1.5;
  margin-top: 2px;
  transition: .3s;
  opacity: 0;
  visibility: hidden;
}

.form-output.active {
  opacity: 1;
  visibility: visible;
}

.form-output.error {
  color: #e35475;
}

.form-output.success {
  color: #5acea4;
}

.checkbox {
  cursor: pointer;
}

.radio .radio-custom,
.radio-inline .radio-custom,
.checkbox .checkbox-custom,
.checkbox-inline .checkbox-custom {
  opacity: 0;
}

.radio .radio-custom,
.radio .radio-custom-dummy,
.radio-inline .radio-custom,
.radio-inline .radio-custom-dummy,
.checkbox .checkbox-custom,
.checkbox .checkbox-custom-dummy,
.checkbox-inline .checkbox-custom,
.checkbox-inline .checkbox-custom-dummy {
  position: absolute;
  width: 18px;
  height: 18px;
  margin-left: -20px;
  margin-top: 2px;
  outline: none;
  cursor: pointer;
}

.radio .radio-custom-dummy,
.radio-inline .radio-custom-dummy,
.checkbox .checkbox-custom-dummy,
.checkbox-inline .checkbox-custom-dummy {
  pointer-events: none;
  background: #ededed;
  border: 1px solid #f2f3f8;
  border-radius: 1px;
  background: #f5f5f5;
}

.radio .radio-custom-dummy:after,
.radio-inline .radio-custom-dummy:after,
.checkbox .checkbox-custom-dummy:after,
.checkbox-inline .checkbox-custom-dummy:after {
  position: absolute;
  opacity: 0;
  transition: .15s;
}

.radio .radio-custom:focus,
.radio-inline .radio-custom:focus,
.checkbox .checkbox-custom:focus,
.checkbox-inline .checkbox-custom:focus {
  outline: none;
}

.radio,
.radio-inline,
.checkbox,
.checkbox-inline {
  color: #6f727d;
}

.radio-custom:checked+.radio-custom-dummy:after,
.checkbox-custom:checked+.checkbox-custom-dummy:after {
  opacity: 1;
}

.radio,
.radio-inline {
  padding-left: 30px;
}

.radio .radio-custom,
.radio .radio-custom-dummy,
.radio-inline .radio-custom,
.radio-inline .radio-custom-dummy {
  height: 20px;
  width: 20px;
}

.radio .radio-custom-dummy,
.radio-inline .radio-custom-dummy {
  margin-top: 5px;
  margin-left: -30px;
  border: 2px solid #242731;
  border-radius: 50%;
  background-color: transparent;
}

.radio .radio-custom-dummy:after,
.radio-inline .radio-custom-dummy:after {
  content: '';
  position: absolute;
  top: 3px;
  right: 3px;
  bottom: 3px;
  left: 3px;
  background: #242731;
  border-radius: 50%;
  opacity: 0;
  transition: .15s;
}

.checkbox,
.checkbox-inline {
  padding-left: 30px;
}

.checkbox .checkbox-custom-dummy,
.checkbox-inline .checkbox-custom-dummy {
  pointer-events: none;
  border-radius: 0;
  border: 2px solid #ccc;
  margin-left: 0;
  left: 0;
  background: #fff;
}

.checkbox .checkbox-custom-dummy:after,
.checkbox-inline .checkbox-custom-dummy:after {
  content: '\f00c';
  font-family: "FontAwesome";
  font-size: 12px;
  line-height: 12px;
  position: absolute;
  top: 1px;
  left: 1px;
  color: #242731;
}

.rd-mailform {
  text-align: left;
}

.rd-mailform>*+* {
  margin-top: 30px;
}

.rd-mailform [class*='group'] .select2-container--bootstrap .select2-selection {
  min-width: 220px;
}

.page .form-inline {
  text-align: center;
  justify-content: center;
}

.page .form-inline>*+* {
  margin-top: 20px;
}

.page .form-inline .form-group {
  width: 100%;
}

.page .form-inline .form-group input {
  width: 100%;
}

@media (min-width: 480px) {
  .page .form-inline .form-group {
    width: auto;
    flex-shrink: 0;
    flex-grow: 1;
  }

  .page .form-inline>*+* {
    margin-top: 0;
    margin-left: 30px;
  }
}

@media (min-width: 768px) {
  .page .form-inline {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
  }

  .page .form-inline .form-group {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }

  .page .form-inline .form-control {
    width: 100%;
  }

  .page .form-inline button {
    display: inline-block;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}

.form-centered {
  text-align: center;
}

.form-centered label,
.form-centered .form-control {
  text-align: center;
}

.form-centered .form-label {
  right: 19px;
}

.form-centered textarea.form-control {
  text-align: left;
}

.form-label-centered .form-label-outside {
  display: block;
  text-align: center;
}

.form-bordered .form-control {
  padding-top: 13.2px;
  padding-bottom: 13.2px;
  border: 2px solid #ededed;
  background-color: transparent;
}

.form-bordered .form-label {
  top: 24px;
}

.form-style-classic .form-label-outside {
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: none;
  color: #242731;
}

.recaptcha {
  transform: scale(0.9);
  transform-origin: 0 0;
}

.recaptcha div div {
  line-height: 0;
}

.form-recaptcha .form-group-recaptcha {
  width: auto;
  max-width: 304px;
}

.form-recaptcha .recaptcha~.form-validation {
  top: auto;
  right: auto;
  bottom: -12px;
  left: 3px;
}

.form-wide textarea.form-control {
  min-height: 198px;
  max-height: 260px;
}

.form-btn-group>* {
  flex-grow: 1;
}

.form-button {
  display: flex;
  align-items: stretch;
  max-height: 70px;
}

.form-register-wrap {
  background-color: #fff;
  padding: 20px 15px;
}

@media (min-width: 992px) {
  .form-register-wrap {
    padding: 30px;
  }
}

@media (min-width: 1200px) {
  .form-register-wrap {
    padding: 40px;
  }
}

.box-contact-info {
  background-color: #f5f5f5;
  width: 100%;
}

.box-contact-item {
  padding: 40px 0;
  padding-left: 30px;
}

.box-contact-item .unit-body {
  padding-top: 7px;
}

.box-contact-item>*:first-of-type {
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  color: #242731;
}

.box-contact-item+.box-contact-item {
  border-top: 1px solid #dddddd;
}

.tabs-custom {
  text-align: left;
}

.tabs-custom .nav-tabs {
  font-size: 0;
  line-height: 0;
  word-spacing: 0;
  border: 0;
}

.tabs-custom .nav-tabs:before,
.tabs-custom .nav-tabs:after {
  display: none;
}

.tabs-custom .nav-tabs li {
  float: none;
  border: 0;
  cursor: default;
  transition: .33s all ease;
}

.tabs-custom .nav-tabs li.active {
  cursor: default;
}

.tabs-custom .nav-tabs a {
  margin: 0;
  cursor: pointer;
}

.page .tabs-custom.tabs-centered .nav-tabs,
.page .tabs-custom.tabs-centered .tab-content {
  text-align: center;
}

.page .tabs-custom.tabs-centered .tab-content {
  padding-left: 0;
  padding-right: 0;
}

.tabs-custom.tabs-left .nav-tabs {
  text-align: left;
  margin-left: 0;
}

*+.tabs-horizontal.tabs-corporate {
  margin-top: 25px;
}

*+.tabs-horizontal.tabs-line {
  margin-top: 30px;
}

*+.tabs-vertical.tabs-corporate {
  margin-top: 40px;
}

*+.tabs-complex {
  margin-top: 40px;
}

@media (min-width: 768px) {
  *+.tabs-vertical.tabs-corporate {
    margin-top: 65px;
  }
}

.tabs-corporate .nav-tabs {
  position: relative;
  border: 1px solid #e5e7e9;
}

.tabs-corporate .nav-tabs li {
  margin: -1px;
}

.tabs-corporate .nav-tabs li a {
  padding: 7px 10px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  color: #6f727d;
  background: transparent;
  border-bottom: 1px solid #e5e7e9;
  text-align: center;
  vertical-align: middle;
}

.tabs-corporate .nav-tabs li a:first-child {
  border-top: 1px solid #e5e7e9;
}

.tabs-corporate .nav-tabs li a:hover,
.tabs-corporate .nav-tabs li a.active {
  color: #fff;
  background: #5798ef;
  border-color: #5798ef;
}

.tabs-corporate .tab-content {
  padding: 30px 0 0;
}

.tabs-line .nav-tabs {
  position: relative;
  border: 2px solid #5acea4;
}

.tabs-line .nav-tabs li {
  margin: -2px -1px;
}

.tabs-line .nav-tabs li a {
  padding: 7px 10px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: .05em;
  color: #6f727d;
  background: transparent;
  border-bottom: 2px solid #5acea4;
  text-align: center;
  vertical-align: middle;
}

.tabs-line .nav-tabs li a:first-child {
  border-top: 1px solid #5acea4;
}

.tabs-line .nav-tabs li a:hover,
.tabs-line .nav-tabs li a.active {
  color: #fff;
  background: #5acea4;
  border-color: #5acea4;
}

.tabs-line .tab-content {
  padding: 25px 10px 0 0;
}

.tabs-line.tabs-line-tan-hide .nav-tabs {
  border: 2px solid #fca15f;
}

.tabs-line.tabs-line-tan-hide .nav-tabs li a {
  border-bottom: 2px solid #fca15f;
}

.tabs-line.tabs-line-tan-hide .nav-tabs li a:first-child {
  border-top: 1px solid #fca15f;
}

.tabs-line.tabs-line-tan-hide .nav-tabs li a:hover,
.tabs-line.tabs-line-tan-hide .nav-tabs li a.active {
  background: #fca15f;
  border-color: #fca15f;
}

.tabs-complex .scroll-wrap {
  max-height: 200px;
  margin-right: 26px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.tabs-complex .nav-tabs {
  font-size: 0;
  line-height: 0;
}

.tabs-complex .nav-tabs li a {
  display: block;
  padding: 0;
}

.tabs-complex .nav-tabs li a,
.tabs-complex .nav-tabs li a:active,
.tabs-complex .nav-tabs li a:focus,
.tabs-complex .nav-tabs li a:hover {
  border: 0;
}

.tabs-complex .nav-tabs li a:hover .quote-classic-preview,
.tabs-complex .nav-tabs li a.active .quote-classic-preview {
  background: #5798ef;
}

.tabs-complex .nav-tabs li a:hover .quote-classic-preview-body,
.tabs-complex .nav-tabs li a.active .quote-classic-preview-body {
  border-top-color: transparent;
  border-bottom-color: #5798ef;
}

.tabs-complex .nav-tabs li a:hover .quote-classic-preview cite,
.tabs-complex .nav-tabs li a:hover .quote-classic-preview .caption,
.tabs-complex .nav-tabs li a.active .quote-classic-preview cite,
.tabs-complex .nav-tabs li a.active .quote-classic-preview .caption {
  color: #fff;
}

.tabs-complex .nav-tabs li {
  margin-bottom: 0;
}

.tabs-complex .nav-tabs li+li {
  margin-top: -1px;
}

.tabs-complex .tab-content {
  width: 100%;
  margin-top: 40px;
}

@media (max-width: 767px) {
  .tabs-custom .nav-tabs {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}

@media (min-width: 768px) {
  .tabs-horizontal.tabs-corporate .nav-tabs {
    position: relative;
    width: 100%;
    display: block;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    position: relative;
    transform: translateY(-10px);
    margin-bottom: -10px;
    margin-left: -5px;
    margin-right: -5px;
    border: 0;
    will-change: transform;
  }

  .tabs-horizontal.tabs-corporate .nav-tabs>* {
    margin-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .tabs-horizontal.tabs-corporate .nav-tabs li {
    display: inline-block;
    will-change: transform;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }

  .tabs-horizontal.tabs-corporate .nav-tabs li a {
    display: block;
    position: relative;
    z-index: 1;
    min-width: 130px;
    letter-spacing: .075em;
    padding: 12px 20px 12px;
    border: 2px solid #e5e7e9;
  }

  .tabs-horizontal.tabs-corporate .nav-tabs li a,
  .tabs-horizontal.tabs-corporate .nav-tabs li a::before {
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  }

  .tabs-horizontal.tabs-corporate .nav-tabs li a::before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    background: #fff;
    z-index: -1;
    opacity: 0;
    transform: scale3d(0.7, 1, 1);
    transition: transform 0.4s, opacity 0.4s;
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    background: #5798ef;
  }

  .tabs-horizontal.tabs-corporate .nav-tabs li a.active,
  .tabs-horizontal.tabs-corporate .nav-tabs li a:hover {
    color: #fff;
    border-color: #5798ef;
    background-color: transparent;
  }

  .tabs-horizontal.tabs-corporate .nav-tabs li a.active::before,
  .tabs-horizontal.tabs-corporate .nav-tabs li a:hover::before {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  }

  .tabs-horizontal.tabs-line .nav-tabs {
    display: block;
    width: 100%;
    position: relative;
    transform: translateY(-5px);
    margin-bottom: -5px;
    margin-left: -18px;
    margin-right: -18px;
    border: 0;
    will-change: transform;
    text-align: left;
  }

  .tabs-horizontal.tabs-line .nav-tabs>* {
    margin-top: 5px;
    padding-left: 18px;
    padding-right: 18px;
  }

  .tabs-horizontal.tabs-line .nav-tabs li {
    display: inline-block;
    will-change: transform;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }

  .tabs-horizontal.tabs-line .nav-tabs li a {
    display: block;
    padding: 0 0 7px 0;
    position: relative;
    z-index: 1;
    border: 0;
  }

  .tabs-horizontal.tabs-line .nav-tabs li a:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    max-width: 100%;
    width: 0;
    background: #5acea4;
    transition: .33s width ease;
  }

  .tabs-horizontal.tabs-line .nav-tabs li a:hover {
    color: #242731;
    background-color: transparent;
  }

  .tabs-horizontal.tabs-line .nav-tabs li a.active {
    color: #242731;
    background-color: transparent;
  }

  .tabs-horizontal.tabs-line .nav-tabs li a.active:before {
    width: 100%;
  }

  .tabs-horizontal.tabs-line .tab-content {
    padding: 48px 50px 0 0;
  }

  .tabs-horizontal.tabs-line.tabs-line-tan-hide .nav-tabs li a {
    border: 0;
  }

  .tabs-horizontal.tabs-line.tabs-line-tan-hide .nav-tabs li a:before {
    background: #fca15f;
  }

  .tabs-horizontal.tabs-complex .complex-text {
    padding: 20px 10px 35px 0;
  }

  .tabs-horizontal.tabs-complex .nav-tabs {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }

  .tabs-vertical {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .tabs-vertical .nav-tabs {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-width: 50%;
  }

  .tabs-vertical .nav-tabs li {
    border: 0;
    width: 100%;
    text-align: left;
  }

  .tabs-vertical .nav-tabs li a {
    font-size: 14px;
  }

  .tabs-vertical .nav-tabs li a.active,
  .tabs-vertical .nav-tabs a:hover {
    box-shadow: 0 9px 21px 0 rgba(30, 30, 30, 0.13);
  }

  .tabs-vertical .tab-content {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }

  .tabs-vertical.tabs-corporate .nav-tabs {
    width: auto;
    min-width: 260px;
    border: 0;
  }

  .tabs-vertical.tabs-corporate .nav-tabs li {
    margin: 0;
  }

  .tabs-vertical.tabs-corporate .nav-tabs li a {
    position: relative;
    padding: 14px 30px;
    border: 0;
    overflow: hidden;
    text-align: left;
  }

  .tabs-vertical.tabs-corporate .nav-tabs>li+li {
    margin-top: 2px;
  }

  .tabs-vertical.tabs-corporate .tab-content {
    padding: 0 0 0 30px;
  }
}

@media (min-width: 992px) {
  .tabs-horizontal.tabs-corporate .tab-content {
    padding-top: 50px;
  }

  .tabs-horizontal.tabs-complex {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .tabs-horizontal.tabs-complex .scroll-wrap {
    max-height: 420px;
    overflow-x: hidden;
    overflow-y: auto;
    will-change: transform;
  }

  .tabs-horizontal.tabs-complex .complex-text {
    padding: 20px 10px 35px 0;
  }

  .tabs-horizontal.tabs-complex .nav-tabs {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-width: 340px;
  }

  .tabs-horizontal.tabs-complex .tab-content {
    margin-top: 130px;
  }

  .complex-text+.tabs-complex {
    margin-top: -90px;
  }

  .tabs-vertical.tabs-corporate .tab-content {
    padding: 0 0 0 45px;
  }

  .tabs-vertical.tabs-wide .tab-content {
    padding-right: 50px;
  }
}

@media (min-width: 1200px) {
  .tabs-vertical.tabs-wide .tab-content {
    padding-right: 100px;
  }
}

[data-content-to] {
  display: none;
  opacity: 0;
  transition: opacity .15s linear;
}

[data-content-to].show {
  display: block;
  opacity: 1;
}

.tabs-modern .nav-tabs {
  max-width: 100%;
  position: relative;
}

.tabs-modern .nav-tabs li {
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-align: center;
}

.tabs-modern .nav-tabs li a {
  padding: 10px 15px;
  color: #242731;
  border-color: #e8e8e8;
  border-radius: 0;
}

.tabs-modern .nav-tabs li a.active,
.tabs-modern .nav-tabs li a:hover {
  color: #242731;
  background-color: #fff;
  border-color: #e8e8e8;
}

.tabs-modern .tab-content {
  padding: 15px;
  background-color: #fff;
  border: 1px solid #e8e8e8;
}

.tabs-modern .tab-content p {
  color: #242731;
}

@media (min-width: 768px) {
  .tabs-modern .nav-tabs li {
    text-align: left;
  }

  .tabs-modern .nav-tabs li a {
    padding: 20px 25px;
    border-left-color: transparent;
  }

  .tabs-modern .nav-tabs li a.active,
  .tabs-modern .nav-tabs li a:hover {
    border-right-color: transparent;
    border-left-color: #e8e8e8;
    box-shadow: none;
  }

  .tabs-modern.tabs-vertical .tab-content {
    margin-left: -1px;
    padding-right: 15px;
  }
}

@media (min-width: 1200px) {
  .tabs-modern .nav-tabs {
    min-width: 300px;
  }

  .tabs-modern .nav-tabs li a {
    font-size: 16px;
    padding: 43px 37px;
  }

  .tabs-modern.tabs-vertical.tabs-wide .tab-content {
    padding: 35px 65px;
  }
}

*+.tabs-classic {
  margin-top: 25px;
}

.tabs-classic .nav-tabs {
  border-bottom: 4px solid #f2f3f8;
}

.tabs-classic .nav-tabs>li {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.tabs-classic .nav-tabs>li+li {
  margin-left: 46px;
}

.tabs-classic .nav-tabs>li a {
  position: relative;
  color: #6f727d;
  border: 0;
  padding: 15px 0;
}

.tabs-classic .nav-tabs>li a:before {
  position: absolute;
  top: 100%;
  left: 0;
  right: 100%;
  content: "";
  border-bottom: 4px solid #5798ef;
  transition: 0.33s all ease-in;
}

.tabs-classic .nav-tabs>li a.active,
.tabs-classic .nav-tabs>li a:hover {
  color: #242731;
  border: 0;
  background-color: transparent;
}

.tabs-classic .nav-tabs>li a.active:before,
.tabs-classic .nav-tabs>li a:hover:before {
  right: 0;
}

.tabs-classic .tab-content {
  margin-top: 20px;
}

.tabs-modern-variant-1 .nav-tabs {
  background-color: #fff;
  padding: 15px 28px;
  max-width: 100%;
}

.tabs-modern-variant-1 .nav-tabs li {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  padding: 7px;
  text-align: center;
}

.tabs-modern-variant-1 .nav-tabs li a {
  color: #6f727d;
  background: transparent;
  border: 0;
  padding: 0;
  letter-spacing: 0.1em;
}

.tabs-modern-variant-1 .nav-tabs li a.active,
.tabs-modern-variant-1 .nav-tabs li a:hover {
  color: #5798ef;
  border: 0;
}

.tabs-modern-variant-1 .tab-content {
  margin-top: 35px;
}

@media (min-width: 992px) {
  .tabs-modern-variant-1 .nav-tabs li {
    display: inline-block;
  }

  .tabs-modern-variant-1 .nav-tabs li+li {
    margin-left: 50px;
  }
}

.tabs-product-shop.tabs-vertical .tab-content {
  padding-top: 40px;
}

.tabs-product-shop.tabs-vertical .nav-tabs li {
  float: none;
}

.tabs-product-shop.tabs-vertical .nav-tabs li a {
  font-size: 16px;
  font-weight: 700;
  color: #242731;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}

.tabs-product-shop.tabs-vertical .nav-tabs li a.active,
.tabs-product-shop.tabs-vertical .nav-tabs li a:hover {
  color: #fff;
  background-color: #354955;
}

@media (min-width: 768px) {
  .tabs-product-shop.tabs-vertical .nav-tabs li {
    float: left;
  }

  .tabs-product-shop.tabs-vertical .nav-tabs li a {
    position: relative;
    padding-right: 45px;
  }

  .tabs-product-shop.tabs-vertical .nav-tabs li a:before {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    content: "\f238";
    display: inline-block;
    font: 400 25px "Material Design Icons";
    color: #5798ef;
    opacity: 0;
  }

  .tabs-product-shop.tabs-vertical .nav-tabs li a.active:before,
  .tabs-product-shop.tabs-vertical .nav-tabs li a:hover:before {
    opacity: 1;
  }

  .tabs-product-shop.tabs-vertical .tab-content {
    padding-top: 0;
    padding-left: 40px;
    text-align: left;
  }
}

@media (min-width: 992px) {
  .tabs-product-shop.tabs-vertical .nav-tabs {
    min-width: 300px;
  }

  .tabs-product-shop.tabs-vertical .nav-tabs li a {
    padding: 23px 45px 23px 27px;
  }

  .tabs-product-shop.tabs-vertical .tab-content {
    padding-left: 95px;
  }
}

.panel-group.panel-group-custom {
  margin-bottom: 0;
}

.panel-group.panel-group-custom .panel-heading+.panel-collapse>.panel-body,
.panel-group.panel-group-custom .panel-heading+.panel-collapse>.list-group {
  border-top: 0;
}

.panel-group.panel-group-custom .panel+.panel {
  margin-top: 0;
}

.panel-group.panel-group-corporate .panel+.panel {
  margin-top: 30px;
}

.panel-custom {
  margin: 0;
  background: inherit;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.panel-custom a {
  display: block;
}

.panel-custom .panel-heading {
  padding: 0;
  border-bottom: 0;
  border-top-radius: 0;
}

.panel-custom .panel-body {
  padding: 0;
  border: 0;
}

*+.panel-group-custom {
  margin-top: 30px;
}

.panel-corporate {
  text-align: left;
  border-radius: 0px;
  box-shadow: -1px 2px 5px 0px rgba(0, 0, 0, 0.75);
}

.panel-corporate .panel-title a,
.panel-corporate .panel-collapse {
  background: #303135;
}

.panel-corporate .panel-title a {
  position: relative;
  z-index: 1;
  padding: 21px 82px 21px 32px;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0;
  color: #d8d8d8;
  transition: 1.3s all ease;
  border-radius: 0 0 0 0;
  border-bottom: 1px solid #dedede;
}

.panel-corporate .panel-title a .panel-arrow:after {
  opacity: 0;
  visibility: hidden;
}

.panel-corporate .panel-title a.collapsed {
  border-radius: 0;
  border-bottom: 0;
  border-color: #dedede;
}

.panel-corporate .panel-title a.collapsed .panel-arrow {
  border-radius: 15%;
}

.panel-corporate .panel-title a.collapsed .panel-arrow:after {
  opacity: 1;
  visibility: visible;
}

.panel-corporate .panel-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 14px;
  z-index: 2;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #a7a7a7;
  border-radius: 15%;
  transition: .33s all ease;
}

.panel-corporate .panel-arrow:before,
.panel-corporate .panel-arrow:after {
  content: '';
  position: absolute;
  top: 50%;
  z-index: 4;
  transform: translate(50%, -50%);
  background: #e1e1e1;
}

.panel-corporate .panel-arrow:before {
  width: 14px;
  height: 2px;
  right: 50%;
}

.panel-corporate .panel-arrow:after {
  width: 2px;
  height: 14px;
  right: 50%;
}

.panel-corporate .panel-collapse {
  position: relative;
  z-index: 1;
  color: #6f727d;
  border-radius: 0 0 0 0;
}

.panel-corporate .panel-body {
  padding: 25px 44px 25px 32px;
  color: #d8d8d8;
}

@media (max-width: 767px) {

  .panel-corporate .panel-title a,
  .panel-corporate .panel-body {
    padding-left: 25px;
  }
}

@media (min-width: 768px) {
  .panel-corporate .panel-title a {
    font-size: 18px;
  }
}

.panel-group.panel-group-product-shop .panel-arrow {
  background: transparent;
}

.panel-group.panel-group-product-shop .panel-arrow:before,
.panel-group.panel-group-product-shop .panel-arrow:after {
  background: #5798ef;
}

.panel-group.panel-group-product-shop .panel+.panel {
  margin-top: -1px;
}

.panel-group.panel-group-product-shop .panel-title a {
  font-size: 16px;
  padding: 21px 3px 21px 10px;
}

.panel-group.panel-group-product-shop .panel-corporate {
  box-shadow: none;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}

@media (min-width: 992px) {
  .panel-group.panel-group-product-shop .panel-title a {
    padding: 21px 13px 21px 32px;
  }
}

.unit {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex: 0 1 100%;
  -webkit-flex: 0 1 100%;
  flex: 0 1 100%;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.unit-body {
  -ms-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}

.unit-left,
.unit-right {
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  max-width: 100%;
}

.unit-middle {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.unit,
.unit-vertical {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.unit>[class*='unit-']:first-child,
.unit-vertical>[class*='unit-']:first-child {
  padding-top: 0;
}

.unit>.unit-left+.unit-right,
.unit>.unit-left+.unit-body,
.unit-vertical>.unit-left+.unit-right,
.unit-vertical>.unit-left+.unit-body {
  padding-left: 0;
  padding-top: 20px;
}

.unit>.unit-body+.unit-right,
.unit-vertical>.unit-body+.unit-right {
  padding-left: 0;
  padding-top: 20px;
}

.unit-horizontal {
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.unit-horizontal>.unit-left+.unit-right,
.unit-horizontal>.unit-left+.unit-body {
  padding-top: 0;
  padding-left: 30px;
}

.unit-horizontal>.unit-body+.unit-right {
  padding-top: 0;
  padding-left: 30px;
}

@media (min-width: 480px) {
  .unit-xs-middle {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .unit-xs,
  .unit-xs-vertical {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .unit-xs>[class*='unit-']:first-child,
  .unit-xs-vertical>[class*='unit-']:first-child {
    padding-top: 0;
  }

  .unit-xs>.unit-left+.unit-right,
  .unit-xs>.unit-left+.unit-body,
  .unit-xs-vertical>.unit-left+.unit-right,
  .unit-xs-vertical>.unit-left+.unit-body {
    padding-left: 0;
    padding-top: 20px;
  }

  .unit-xs>.unit-body+.unit-right,
  .unit-xs-vertical>.unit-body+.unit-right {
    padding-left: 0;
    padding-top: 20px;
  }

  .unit-xs-horizontal {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .unit-xs-horizontal>.unit-left+.unit-right,
  .unit-xs-horizontal>.unit-left+.unit-body {
    padding-top: 0;
    padding-left: 30px;
  }

  .unit-xs-horizontal>.unit-body+.unit-right {
    padding-top: 0;
    padding-left: 30px;
  }
}

@media (min-width: 768px) {
  .unit-sm-middle {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .unit-sm,
  .unit-sm-vertical {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .unit-sm>[class*='unit-']:first-child,
  .unit-sm-vertical>[class*='unit-']:first-child {
    padding-top: 0;
  }

  .unit-sm>.unit-left+.unit-right,
  .unit-sm>.unit-left+.unit-body,
  .unit-sm-vertical>.unit-left+.unit-right,
  .unit-sm-vertical>.unit-left+.unit-body {
    padding-left: 0;
    padding-top: 20px;
  }

  .unit-sm>.unit-body+.unit-right,
  .unit-sm-vertical>.unit-body+.unit-right {
    padding-left: 0;
    padding-top: 20px;
  }

  .unit-sm-horizontal {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .unit-sm-horizontal>.unit-left+.unit-right,
  .unit-sm-horizontal>.unit-left+.unit-body {
    padding-top: 0;
    padding-left: 30px;
  }

  .unit-sm-horizontal>.unit-body+.unit-right {
    padding-top: 0;
    padding-left: 30px;
  }
}

@media (min-width: 992px) {
  .unit-md-middle {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .unit-md,
  .unit-md-vertical {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .unit-md>[class*='unit-']:first-child,
  .unit-md-vertical>[class*='unit-']:first-child {
    padding-top: 0;
  }

  .unit-md>.unit-left+.unit-right,
  .unit-md>.unit-left+.unit-body,
  .unit-md-vertical>.unit-left+.unit-right,
  .unit-md-vertical>.unit-left+.unit-body {
    padding-left: 0;
    padding-top: 20px;
  }

  .unit-md>.unit-body+.unit-right,
  .unit-md-vertical>.unit-body+.unit-right {
    padding-left: 0;
    padding-top: 20px;
  }

  .unit-md-horizontal {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .unit-md-horizontal>.unit-left+.unit-right,
  .unit-md-horizontal>.unit-left+.unit-body {
    padding-top: 0;
    padding-left: 30px;
  }

  .unit-md-horizontal>.unit-body+.unit-right {
    padding-top: 0;
    padding-left: 30px;
  }
}

@media (min-width: 1200px) {
  .unit-lg-middle {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .unit-lg,
  .unit-lg-vertical {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .unit-lg>[class*='unit-']:first-child,
  .unit-lg-vertical>[class*='unit-']:first-child {
    padding-top: 0;
  }

  .unit-lg>.unit-left+.unit-right,
  .unit-lg>.unit-left+.unit-body,
  .unit-lg-vertical>.unit-left+.unit-right,
  .unit-lg-vertical>.unit-left+.unit-body {
    padding-left: 0;
    padding-top: 20px;
  }

  .unit-lg>.unit-body+.unit-right,
  .unit-lg-vertical>.unit-body+.unit-right {
    padding-left: 0;
    padding-top: 20px;
  }

  .unit-lg-horizontal {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .unit-lg-horizontal>.unit-left+.unit-right,
  .unit-lg-horizontal>.unit-left+.unit-body {
    padding-top: 0;
    padding-left: 30px;
  }

  .unit-lg-horizontal>.unit-body+.unit-right {
    padding-top: 0;
    padding-left: 30px;
  }
}

@media (min-width: 1800px) {
  .unit-xl-middle {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .unit-xl,
  .unit-xl-vertical {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .unit-xl>[class*='unit-']:first-child,
  .unit-xl-vertical>[class*='unit-']:first-child {
    padding-top: 0;
  }

  .unit-xl>.unit-left+.unit-right,
  .unit-xl>.unit-left+.unit-body,
  .unit-xl-vertical>.unit-left+.unit-right,
  .unit-xl-vertical>.unit-left+.unit-body {
    padding-left: 0;
    padding-top: 20px;
  }

  .unit-xl>.unit-body+.unit-right,
  .unit-xl-vertical>.unit-body+.unit-right {
    padding-left: 0;
    padding-top: 20px;
  }

  .unit-xl-horizontal {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .unit-xl-horizontal>.unit-left+.unit-right,
  .unit-xl-horizontal>.unit-left+.unit-body {
    padding-top: 0;
    padding-left: 30px;
  }

  .unit-xl-horizontal>.unit-body+.unit-right {
    padding-top: 0;
    padding-left: 30px;
  }
}

.unit-spacing-xs.unit>[class*='unit-']:first-child,
.unit-spacing-xs.unit-vertical>[class*='unit-']:first-child {
  padding-top: 0;
}

.unit-spacing-xs.unit>.unit-left+.unit-right,
.unit-spacing-xs.unit>.unit-left+.unit-body,
.unit-spacing-xs.unit-vertical>.unit-left+.unit-right,
.unit-spacing-xs.unit-vertical>.unit-left+.unit-body {
  padding-left: 0;
  padding-top: 7px;
}

.unit-spacing-xs.unit>.unit-body+.unit-right,
.unit-spacing-xs.unit-vertical>.unit-body+.unit-right {
  padding-left: 0;
  padding-top: 7px;
}

.unit-spacing-xs.unit-horizontal>.unit-left+.unit-right,
.unit-spacing-xs.unit-horizontal>.unit-left+.unit-body {
  padding-top: 0;
  padding-left: 15px;
}

.unit-spacing-xs.unit-horizontal>.unit-body+.unit-right {
  padding-top: 0;
  padding-left: 15px;
}

@media (min-width: 480px) {

  .unit-spacing-xs.unit-xs>[class*='unit-']:first-child,
  .unit-spacing-xs.unit-xs-vertical>[class*='unit-']:first-child {
    padding-top: 0;
  }

  .unit-spacing-xs.unit-xs>.unit-left+.unit-right,
  .unit-spacing-xs.unit-xs>.unit-left+.unit-body,
  .unit-spacing-xs.unit-xs-vertical>.unit-left+.unit-right,
  .unit-spacing-xs.unit-xs-vertical>.unit-left+.unit-body {
    padding-left: 0;
    padding-top: 7px;
  }

  .unit-spacing-xs.unit-xs>.unit-body+.unit-right,
  .unit-spacing-xs.unit-xs-vertical>.unit-body+.unit-right {
    padding-left: 0;
    padding-top: 7px;
  }

  .unit-spacing-xs.unit-xs-horizontal>.unit-left+.unit-right,
  .unit-spacing-xs.unit-xs-horizontal>.unit-left+.unit-body {
    padding-top: 0;
    padding-left: 15px;
  }

  .unit-spacing-xs.unit-xs-horizontal>.unit-body+.unit-right {
    padding-top: 0;
    padding-left: 15px;
  }
}

@media (min-width: 768px) {

  .unit-spacing-xs.unit-sm>[class*='unit-']:first-child,
  .unit-spacing-xs.unit-sm-vertical>[class*='unit-']:first-child {
    padding-top: 0;
  }

  .unit-spacing-xs.unit-sm>.unit-left+.unit-right,
  .unit-spacing-xs.unit-sm>.unit-left+.unit-body,
  .unit-spacing-xs.unit-sm-vertical>.unit-left+.unit-right,
  .unit-spacing-xs.unit-sm-vertical>.unit-left+.unit-body {
    padding-left: 0;
    padding-top: 7px;
  }

  .unit-spacing-xs.unit-sm>.unit-body+.unit-right,
  .unit-spacing-xs.unit-sm-vertical>.unit-body+.unit-right {
    padding-left: 0;
    padding-top: 7px;
  }

  .unit-spacing-xs.unit-sm-horizontal>.unit-left+.unit-right,
  .unit-spacing-xs.unit-sm-horizontal>.unit-left+.unit-body {
    padding-top: 0;
    padding-left: 15px;
  }

  .unit-spacing-xs.unit-sm-horizontal>.unit-body+.unit-right {
    padding-top: 0;
    padding-left: 15px;
  }
}

@media (min-width: 992px) {

  .unit-spacing-xs.unit-md>[class*='unit-']:first-child,
  .unit-spacing-xs.unit-md-vertical>[class*='unit-']:first-child {
    padding-top: 0;
  }

  .unit-spacing-xs.unit-md>.unit-left+.unit-right,
  .unit-spacing-xs.unit-md>.unit-left+.unit-body,
  .unit-spacing-xs.unit-md-vertical>.unit-left+.unit-right,
  .unit-spacing-xs.unit-md-vertical>.unit-left+.unit-body {
    padding-left: 0;
    padding-top: 7px;
  }

  .unit-spacing-xs.unit-md>.unit-body+.unit-right,
  .unit-spacing-xs.unit-md-vertical>.unit-body+.unit-right {
    padding-left: 0;
    padding-top: 7px;
  }

  .unit-spacing-xs.unit-md-horizontal>.unit-left+.unit-right,
  .unit-spacing-xs.unit-md-horizontal>.unit-left+.unit-body {
    padding-top: 0;
    padding-left: 15px;
  }

  .unit-spacing-xs.unit-md-horizontal>.unit-body+.unit-right {
    padding-top: 0;
    padding-left: 15px;
  }
}

@media (min-width: 1200px) {

  .unit-spacing-xs.unit-lg>[class*='unit-']:first-child,
  .unit-spacing-xs.unit-lg-vertical>[class*='unit-']:first-child {
    padding-top: 0;
  }

  .unit-spacing-xs.unit-lg>.unit-left+.unit-right,
  .unit-spacing-xs.unit-lg>.unit-left+.unit-body,
  .unit-spacing-xs.unit-lg-vertical>.unit-left+.unit-right,
  .unit-spacing-xs.unit-lg-vertical>.unit-left+.unit-body {
    padding-left: 0;
    padding-top: 7px;
  }

  .unit-spacing-xs.unit-lg>.unit-body+.unit-right,
  .unit-spacing-xs.unit-lg-vertical>.unit-body+.unit-right {
    padding-left: 0;
    padding-top: 7px;
  }

  .unit-spacing-xs.unit-lg-horizontal>.unit-left+.unit-right,
  .unit-spacing-xs.unit-lg-horizontal>.unit-left+.unit-body {
    padding-top: 0;
    padding-left: 15px;
  }

  .unit-spacing-xs.unit-lg-horizontal>.unit-body+.unit-right {
    padding-top: 0;
    padding-left: 15px;
  }
}

@media (min-width: 1800px) {

  .unit-spacing-xs.unit-xl>[class*='unit-']:first-child,
  .unit-spacing-xs.unit-xl-vertical>[class*='unit-']:first-child {
    padding-top: 0;
  }

  .unit-spacing-xs.unit-xl>.unit-left+.unit-right,
  .unit-spacing-xs.unit-xl>.unit-left+.unit-body,
  .unit-spacing-xs.unit-xl-vertical>.unit-left+.unit-right,
  .unit-spacing-xs.unit-xl-vertical>.unit-left+.unit-body {
    padding-left: 0;
    padding-top: 7px;
  }

  .unit-spacing-xs.unit-xl>.unit-body+.unit-right,
  .unit-spacing-xs.unit-xl-vertical>.unit-body+.unit-right {
    padding-left: 0;
    padding-top: 7px;
  }

  .unit-spacing-xs.unit-xl-horizontal>.unit-left+.unit-right,
  .unit-spacing-xs.unit-xl-horizontal>.unit-left+.unit-body {
    padding-top: 0;
    padding-left: 15px;
  }

  .unit-spacing-xs.unit-xl-horizontal>.unit-body+.unit-right {
    padding-top: 0;
    padding-left: 15px;
  }
}

.unit-spacing-sm.unit>[class*='unit-']:first-child,
.unit-spacing-sm.unit-vertical>[class*='unit-']:first-child {
  padding-top: 0;
}

.unit-spacing-sm.unit>.unit-left+.unit-right,
.unit-spacing-sm.unit>.unit-left+.unit-body,
.unit-spacing-sm.unit-vertical>.unit-left+.unit-right,
.unit-spacing-sm.unit-vertical>.unit-left+.unit-body {
  padding-left: 0;
  padding-top: 15px;
}

.unit-spacing-sm.unit>.unit-body+.unit-right,
.unit-spacing-sm.unit-vertical>.unit-body+.unit-right {
  padding-left: 0;
  padding-top: 15px;
}

.unit-spacing-sm.unit-horizontal>.unit-left+.unit-right,
.unit-spacing-sm.unit-horizontal>.unit-left+.unit-body {
  padding-top: 0;
  padding-left: 19px;
}

.unit-spacing-sm.unit-horizontal>.unit-body+.unit-right {
  padding-top: 0;
  padding-left: 19px;
}

@media (min-width: 480px) {

  .unit-spacing-sm.unit-xs>[class*='unit-']:first-child,
  .unit-spacing-sm.unit-xs-vertical>[class*='unit-']:first-child {
    padding-top: 0;
  }

  .unit-spacing-sm.unit-xs>.unit-left+.unit-right,
  .unit-spacing-sm.unit-xs>.unit-left+.unit-body,
  .unit-spacing-sm.unit-xs-vertical>.unit-left+.unit-right,
  .unit-spacing-sm.unit-xs-vertical>.unit-left+.unit-body {
    padding-left: 0;
    padding-top: 15px;
  }

  .unit-spacing-sm.unit-xs>.unit-body+.unit-right,
  .unit-spacing-sm.unit-xs-vertical>.unit-body+.unit-right {
    padding-left: 0;
    padding-top: 15px;
  }

  .unit-spacing-sm.unit-xs-horizontal>.unit-left+.unit-right,
  .unit-spacing-sm.unit-xs-horizontal>.unit-left+.unit-body {
    padding-top: 0;
    padding-left: 19px;
  }

  .unit-spacing-sm.unit-xs-horizontal>.unit-body+.unit-right {
    padding-top: 0;
    padding-left: 19px;
  }
}

@media (min-width: 768px) {

  .unit-spacing-sm.unit-sm>[class*='unit-']:first-child,
  .unit-spacing-sm.unit-sm-vertical>[class*='unit-']:first-child {
    padding-top: 0;
  }

  .unit-spacing-sm.unit-sm>.unit-left+.unit-right,
  .unit-spacing-sm.unit-sm>.unit-left+.unit-body,
  .unit-spacing-sm.unit-sm-vertical>.unit-left+.unit-right,
  .unit-spacing-sm.unit-sm-vertical>.unit-left+.unit-body {
    padding-left: 0;
    padding-top: 15px;
  }

  .unit-spacing-sm.unit-sm>.unit-body+.unit-right,
  .unit-spacing-sm.unit-sm-vertical>.unit-body+.unit-right {
    padding-left: 0;
    padding-top: 15px;
  }

  .unit-spacing-sm.unit-sm-horizontal>.unit-left+.unit-right,
  .unit-spacing-sm.unit-sm-horizontal>.unit-left+.unit-body {
    padding-top: 0;
    padding-left: 19px;
  }

  .unit-spacing-sm.unit-sm-horizontal>.unit-body+.unit-right {
    padding-top: 0;
    padding-left: 19px;
  }
}

@media (min-width: 992px) {

  .unit-spacing-sm.unit-md>[class*='unit-']:first-child,
  .unit-spacing-sm.unit-md-vertical>[class*='unit-']:first-child {
    padding-top: 0;
  }

  .unit-spacing-sm.unit-md>.unit-left+.unit-right,
  .unit-spacing-sm.unit-md>.unit-left+.unit-body,
  .unit-spacing-sm.unit-md-vertical>.unit-left+.unit-right,
  .unit-spacing-sm.unit-md-vertical>.unit-left+.unit-body {
    padding-left: 0;
    padding-top: 15px;
  }

  .unit-spacing-sm.unit-md>.unit-body+.unit-right,
  .unit-spacing-sm.unit-md-vertical>.unit-body+.unit-right {
    padding-left: 0;
    padding-top: 15px;
  }

  .unit-spacing-sm.unit-md-horizontal>.unit-left+.unit-right,
  .unit-spacing-sm.unit-md-horizontal>.unit-left+.unit-body {
    padding-top: 0;
    padding-left: 19px;
  }

  .unit-spacing-sm.unit-md-horizontal>.unit-body+.unit-right {
    padding-top: 0;
    padding-left: 19px;
  }
}

@media (min-width: 1200px) {

  .unit-spacing-sm.unit-lg>[class*='unit-']:first-child,
  .unit-spacing-sm.unit-lg-vertical>[class*='unit-']:first-child {
    padding-top: 0;
  }

  .unit-spacing-sm.unit-lg>.unit-left+.unit-right,
  .unit-spacing-sm.unit-lg>.unit-left+.unit-body,
  .unit-spacing-sm.unit-lg-vertical>.unit-left+.unit-right,
  .unit-spacing-sm.unit-lg-vertical>.unit-left+.unit-body {
    padding-left: 0;
    padding-top: 15px;
  }

  .unit-spacing-sm.unit-lg>.unit-body+.unit-right,
  .unit-spacing-sm.unit-lg-vertical>.unit-body+.unit-right {
    padding-left: 0;
    padding-top: 15px;
  }

  .unit-spacing-sm.unit-lg-horizontal>.unit-left+.unit-right,
  .unit-spacing-sm.unit-lg-horizontal>.unit-left+.unit-body {
    padding-top: 0;
    padding-left: 19px;
  }

  .unit-spacing-sm.unit-lg-horizontal>.unit-body+.unit-right {
    padding-top: 0;
    padding-left: 19px;
  }
}

@media (min-width: 1800px) {

  .unit-spacing-sm.unit-xl>[class*='unit-']:first-child,
  .unit-spacing-sm.unit-xl-vertical>[class*='unit-']:first-child {
    padding-top: 0;
  }

  .unit-spacing-sm.unit-xl>.unit-left+.unit-right,
  .unit-spacing-sm.unit-xl>.unit-left+.unit-body,
  .unit-spacing-sm.unit-xl-vertical>.unit-left+.unit-right,
  .unit-spacing-sm.unit-xl-vertical>.unit-left+.unit-body {
    padding-left: 0;
    padding-top: 15px;
  }

  .unit-spacing-sm.unit-xl>.unit-body+.unit-right,
  .unit-spacing-sm.unit-xl-vertical>.unit-body+.unit-right {
    padding-left: 0;
    padding-top: 15px;
  }

  .unit-spacing-sm.unit-xl-horizontal>.unit-left+.unit-right,
  .unit-spacing-sm.unit-xl-horizontal>.unit-left+.unit-body {
    padding-top: 0;
    padding-left: 19px;
  }

  .unit-spacing-sm.unit-xl-horizontal>.unit-body+.unit-right {
    padding-top: 0;
    padding-left: 19px;
  }
}

.unit-spacing-md.unit>[class*='unit-']:first-child,
.unit-spacing-md.unit-vertical>[class*='unit-']:first-child {
  padding-top: 0;
}

.unit-spacing-md.unit>.unit-left+.unit-right,
.unit-spacing-md.unit>.unit-left+.unit-body,
.unit-spacing-md.unit-vertical>.unit-left+.unit-right,
.unit-spacing-md.unit-vertical>.unit-left+.unit-body {
  padding-left: 0;
  padding-top: 20px;
}

.unit-spacing-md.unit>.unit-body+.unit-right,
.unit-spacing-md.unit-vertical>.unit-body+.unit-right {
  padding-left: 0;
  padding-top: 20px;
}

.unit-spacing-md.unit-horizontal>.unit-left+.unit-right,
.unit-spacing-md.unit-horizontal>.unit-left+.unit-body {
  padding-top: 0;
  padding-left: 30px;
}

.unit-spacing-md.unit-horizontal>.unit-body+.unit-right {
  padding-top: 0;
  padding-left: 30px;
}

@media (min-width: 480px) {

  .unit-spacing-md.unit-xs>[class*='unit-']:first-child,
  .unit-spacing-md.unit-xs-vertical>[class*='unit-']:first-child {
    padding-top: 0;
  }

  .unit-spacing-md.unit-xs>.unit-left+.unit-right,
  .unit-spacing-md.unit-xs>.unit-left+.unit-body,
  .unit-spacing-md.unit-xs-vertical>.unit-left+.unit-right,
  .unit-spacing-md.unit-xs-vertical>.unit-left+.unit-body {
    padding-left: 0;
    padding-top: 20px;
  }

  .unit-spacing-md.unit-xs>.unit-body+.unit-right,
  .unit-spacing-md.unit-xs-vertical>.unit-body+.unit-right {
    padding-left: 0;
    padding-top: 20px;
  }

  .unit-spacing-md.unit-xs-horizontal>.unit-left+.unit-right,
  .unit-spacing-md.unit-xs-horizontal>.unit-left+.unit-body {
    padding-top: 0;
    padding-left: 30px;
  }

  .unit-spacing-md.unit-xs-horizontal>.unit-body+.unit-right {
    padding-top: 0;
    padding-left: 30px;
  }
}

@media (min-width: 768px) {

  .unit-spacing-md.unit-sm>[class*='unit-']:first-child,
  .unit-spacing-md.unit-sm-vertical>[class*='unit-']:first-child {
    padding-top: 0;
  }

  .unit-spacing-md.unit-sm>.unit-left+.unit-right,
  .unit-spacing-md.unit-sm>.unit-left+.unit-body,
  .unit-spacing-md.unit-sm-vertical>.unit-left+.unit-right,
  .unit-spacing-md.unit-sm-vertical>.unit-left+.unit-body {
    padding-left: 0;
    padding-top: 20px;
  }

  .unit-spacing-md.unit-sm>.unit-body+.unit-right,
  .unit-spacing-md.unit-sm-vertical>.unit-body+.unit-right {
    padding-left: 0;
    padding-top: 20px;
  }

  .unit-spacing-md.unit-sm-horizontal>.unit-left+.unit-right,
  .unit-spacing-md.unit-sm-horizontal>.unit-left+.unit-body {
    padding-top: 0;
    padding-left: 30px;
  }

  .unit-spacing-md.unit-sm-horizontal>.unit-body+.unit-right {
    padding-top: 0;
    padding-left: 30px;
  }
}

@media (min-width: 992px) {

  .unit-spacing-md.unit-md>[class*='unit-']:first-child,
  .unit-spacing-md.unit-md-vertical>[class*='unit-']:first-child {
    padding-top: 0;
  }

  .unit-spacing-md.unit-md>.unit-left+.unit-right,
  .unit-spacing-md.unit-md>.unit-left+.unit-body,
  .unit-spacing-md.unit-md-vertical>.unit-left+.unit-right,
  .unit-spacing-md.unit-md-vertical>.unit-left+.unit-body {
    padding-left: 0;
    padding-top: 20px;
  }

  .unit-spacing-md.unit-md>.unit-body+.unit-right,
  .unit-spacing-md.unit-md-vertical>.unit-body+.unit-right {
    padding-left: 0;
    padding-top: 20px;
  }

  .unit-spacing-md.unit-md-horizontal>.unit-left+.unit-right,
  .unit-spacing-md.unit-md-horizontal>.unit-left+.unit-body {
    padding-top: 0;
    padding-left: 30px;
  }

  .unit-spacing-md.unit-md-horizontal>.unit-body+.unit-right {
    padding-top: 0;
    padding-left: 30px;
  }
}

@media (min-width: 1200px) {

  .unit-spacing-md.unit-lg>[class*='unit-']:first-child,
  .unit-spacing-md.unit-lg-vertical>[class*='unit-']:first-child {
    padding-top: 0;
  }

  .unit-spacing-md.unit-lg>.unit-left+.unit-right,
  .unit-spacing-md.unit-lg>.unit-left+.unit-body,
  .unit-spacing-md.unit-lg-vertical>.unit-left+.unit-right,
  .unit-spacing-md.unit-lg-vertical>.unit-left+.unit-body {
    padding-left: 0;
    padding-top: 20px;
  }

  .unit-spacing-md.unit-lg>.unit-body+.unit-right,
  .unit-spacing-md.unit-lg-vertical>.unit-body+.unit-right {
    padding-left: 0;
    padding-top: 20px;
  }

  .unit-spacing-md.unit-lg-horizontal>.unit-left+.unit-right,
  .unit-spacing-md.unit-lg-horizontal>.unit-left+.unit-body {
    padding-top: 0;
    padding-left: 30px;
  }

  .unit-spacing-md.unit-lg-horizontal>.unit-body+.unit-right {
    padding-top: 0;
    padding-left: 30px;
  }
}

@media (min-width: 1800px) {

  .unit-spacing-md.unit-xl>[class*='unit-']:first-child,
  .unit-spacing-md.unit-xl-vertical>[class*='unit-']:first-child {
    padding-top: 0;
  }

  .unit-spacing-md.unit-xl>.unit-left+.unit-right,
  .unit-spacing-md.unit-xl>.unit-left+.unit-body,
  .unit-spacing-md.unit-xl-vertical>.unit-left+.unit-right,
  .unit-spacing-md.unit-xl-vertical>.unit-left+.unit-body {
    padding-left: 0;
    padding-top: 20px;
  }

  .unit-spacing-md.unit-xl>.unit-body+.unit-right,
  .unit-spacing-md.unit-xl-vertical>.unit-body+.unit-right {
    padding-left: 0;
    padding-top: 20px;
  }

  .unit-spacing-md.unit-xl-horizontal>.unit-left+.unit-right,
  .unit-spacing-md.unit-xl-horizontal>.unit-left+.unit-body {
    padding-top: 0;
    padding-left: 30px;
  }

  .unit-spacing-md.unit-xl-horizontal>.unit-body+.unit-right {
    padding-top: 0;
    padding-left: 30px;
  }
}

.pagination-custom {
  position: relative;
  position: relative;
  transform: translateY(-8px);
  margin-bottom: -8px;
  margin-left: -4px;
  margin-right: -4px;
  line-height: 0;
  font-size: 0;
  text-align: center;
}

.pagination-custom>* {
  margin-top: 8px;
  padding-left: 4px;
  padding-right: 4px;
}

.pagination-custom li {
  display: inline-block;
  vertical-align: middle;
}

.pagination-custom li a {
  display: block;
  width: auto;
  min-height: 52px;
  min-width: 52px;
  height: 52px;
  padding: 10px 20px;
  border: 1px solid;
  font: 700 14px/24px "Roboto", sans-serif;
  vertical-align: middle;
}

.pagination-custom li a:after {
  content: '';
  height: 108%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}

.pagination-custom li a,
.pagination-custom li a:active,
.pagination-custom li a:focus {
  color: #242731;
  background: transparent;
  border-color: #cdcdcd;
}

.pagination-custom li a:hover {
  color: #fff;
  background: #5798ef;
  border-color: #5798ef;
}

.pagination-custom li:first-child a,
.pagination-custom li:last-child a {
  font: 700 12px "Roboto", sans-serif;
  text-transform: uppercase;
  letter-spacing: .2em;
}

.pagination-custom li:first-child a:before {
  content: 'Prev';
}

.pagination-custom li:last-child a:before {
  content: 'Next';
}

.pagination-custom li.disabled,
.pagination-custom li.active {
  pointer-events: none;
}

.pagination-custom li.active a {
  color: #fff;
  background: #5798ef;
  border-color: #5798ef;
}

.pagination-custom li.disabled a {
  color: #6f727d;
  background: transparent;
  border-color: #ededed;
}

*+.pagination-custom {
  margin-top: 35px;
}

@media (min-width: 768px) {
  *+.pagination-custom {
    margin-top: 60px;
  }
}

.breadcrumbs-custom {
  position: relative;
  vertical-align: middle;
  padding-top: 10px;
  padding-bottom: 14px;
  border-bottom: 1px solid #e8e8e8;
  text-align: center;
  color: #d8d8d8;
}

.breadcrumbs-custom a {
  display: inline;
  vertical-align: middle;
}

.breadcrumbs-custom a,
.breadcrumbs-custom a:active,
.breadcrumbs-custom a:focus {
  color: #5798ef;
}

.breadcrumbs-custom li {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding-right: 36px;
  font-size: 16px;
}

.breadcrumbs-custom li:after {
  content: "";
  position: absolute;
  top: 55%;
  right: 9px;
  display: inline-block;
  color: #d8d8d8;
  font: 400 18px/16px 'FontAwesome';
  transform: translateY(-50%);
}

.breadcrumbs-custom li:last-child {
  padding-right: 0;
}

.breadcrumbs-custom li:last-child:after {
  display: none;
}

.breadcrumbs-custom a:hover,
.breadcrumbs-custom li.active {
  color: #d8d8d8;
}

@media (min-width: 768px) {
  .breadcrumbs-custom {
    padding-top: 13px;
    padding-bottom: 18px;
  }

  .breadcrumbs-custom li {
    padding-right: 44px;
  }

  .breadcrumbs-custom li:after {
    right: 13px;
    font-size: 18px;
  }
}

.height-fill {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.height-fill>*:first-child {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.height-fill>* {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.oh {
  overflow: hidden;
}

.block-top-level {
  position: relative;
  z-index: 10;
}

.page .complex-text {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
  margin-top: -10px;
  margin-left: -10px;
}

.page .complex-text>* {
  margin-top: 10px;
  margin-left: 10px;
}

.page .complex-text mark,
.page .complex-text .mark {
  background: #fca15f;
  text-transform: uppercase;
}

.page .complex-text-main {
  position: relative;
  top: 2px;
  line-height: .85;
}

.page .complex-text *+h4.header-lighter,
.page .complex-text *+.h4.header-lighter {
  margin-top: 0;
}

.page .complex-text-aside>*+* {
  margin-top: 0;
}

.page .complex-text-aside .mark+* {
  line-height: .9;
}

.page .complex-text h1,
.page .complex-text .h1 {
  font-size: 56px;
}

.page .complex-text h2,
.page .complex-text .h2 {
  font-size: 24px;
  line-height: .8;
}

.page .complex-text h4,
.page .complex-text .h4 {
  font-size: 16px;
  line-height: 1.1;
}

@media (min-width: 768px) {

  .page .complex-text h1,
  .page .complex-text .h1 {
    font-size: 72px;
  }

  .page .complex-text h2,
  .page .complex-text .h2 {
    font-size: 30px;
  }

  .page .complex-text h4,
  .page .complex-text .h4 {
    font-size: 18px;
  }
}

@media (min-width: 992px) {

  .page .complex-text h1,
  .page .complex-text .h1 {
    font-size: 70px;
  }

  .page .complex-text h2,
  .page .complex-text .h2 {
    font-size: 48px;
  }

  .page .complex-text h4,
  .page .complex-text .h4 {
    font-size: 30px;
  }

  .page .complex-text.complex-text-mod {
    max-width: 540px;
  }
}

@media (min-width: 1200px) {
  .page .complex-text.complex-text-divider>*+*:before {
    content: "|";
    display: inline-block;
    color: #e8e8e8;
    padding-left: 25px;
    padding-right: 20px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {

  .page .complex-text.complex-text-mod h1,
  .page .complex-text.complex-text-mod .h1 {
    font-size: 66px;
  }

  .page .complex-text.complex-text-mod h2,
  .page .complex-text.complex-text-mod .h2 {
    font-size: 30px;
  }

  .page .complex-text.complex-text-mod h4,
  .page .complex-text.complex-text-mod .h4 {
    font-size: 20px;
  }
}

@media (max-width: 479px) {
  .complex-text-xs-centered {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
}

.header-modular>* {
  padding: 0 .15em;
}

.block-centered {
  margin-left: auto;
  margin-right: auto;
}

.object-inline {
  display: inline-block;
  vertical-align: middle;
  line-height: 0;
}

.object-inline>* {
  display: inline-block;
  line-height: 1.1;
}

.object-inline>*+* {
  margin-top: 0;
  margin-left: 10px;
}

.object-inline .icon {
  vertical-align: top;
}

.object-inline .icon-circle {
  top: 0;
}

[class*='text-width'] {
  width: 100%;
}

.text-width-smaller {
  max-width: 470px;
}

.text-width-small {
  max-width: 570px;
}

.text-width-medium {
  max-width: 715px;
}

.text-center [class*='text-width'] {
  margin-left: auto;
  margin-right: auto;
}

.text-right [class*='text-width'] {
  margin-right: 0;
  margin-left: auto;
}

.text-decoration-lines {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.text-decoration-lines-content {
  position: relative;
  display: inline-block;
  min-width: 170px;
  font-size: 12px;
  text-transform: uppercase;
}

.text-decoration-lines-content:before,
.text-decoration-lines-content:after {
  content: '';
  position: absolute;
  height: 1px;
  background: #f5f5f5;
  top: 50%;
  width: 100vw;
}

.text-decoration-lines-content:before {
  left: 0;
  transform: translate(-100%, -50%);
}

.text-decoration-lines-content:after {
  right: 0;
  transform: translate(100%, -50%);
}

*+.text-decoration-lines {
  margin-top: 25px;
}

.section-decoration-wrap {
  position: relative;
  overflow: hidden;
}

.section-decoration-image {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  overflow: hidden;
}

.section-decoration-image img {
  width: 100%;
  height: auto;
}

.ie-10 .section-decoration-image,
.ie-11 .section-decoration-image {
  top: 1px;
  bottom: 1px;
}

.section-decoration-content {
  position: relative;
  z-index: 1;
  background: inherit;
}

.section-decoration-content:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
  width: 200vw;
  background: #f2f3f8;
}

@media (max-width: 991px) {
  .section-decoration-wrap {
    padding-top: 55vw;
  }

  .section-decoration-image {
    height: 55vw;
  }

  .section-decoration-content .section-lg {
    padding-top: 0;
  }

  .section-decoration-content:before {
    left: 50%;
    top: -14.5vw;
    transform: translateX(-50%) rotate(0deg);
  }
}

@media (min-width: 992px) {
  .section-decoration-image {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    bottom: 0;
    transform-origin: 100% 0;
    overflow: hidden;
    width: 49vw;
  }

  .section-decoration-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    min-width: 100%;
    max-width: none;
    height: auto;
    min-height: 100%;
  }

  .section-decoration-content {
    position: relative;
    z-index: 10;
  }

  .section-decoration-content:before {
    left: -100px;
    transform: skew(13.4deg);
  }
}

@media (min-width: 1200px) {
  .section-decoration-content {
    padding-left: 100px;
  }

  .section-decoration-content:before {
    left: -70px;
  }
}

.col-decoration-skew {
  position: relative;
  padding: 50px 10px;
  margin: 0 -15px;
  text-align: center;
}

.col-decoration-skew:before {
  content: '';
  position: absolute;
  top: 0;
  width: 100vw;
  bottom: 0;
  left: 0;
  background: #4ac099;
}

.col-decoration-skew>* {
  position: relative;
  z-index: 1;
}

@media (max-width: 1199px) {
  .col-decoration-skew h2 {
    font-size: 45px;
  }
}

@media (min-width: 768px) {
  .col-decoration-skew:before {
    bottom: -100px;
    width: 200vw;
    left: 55%;
    transform: translateX(-50%) rotate(-2deg);
  }
}

@media (min-width: 992px) {
  .col-decoration-skew {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    text-align: left;
  }

  .col-decoration-skew h2 {
    line-height: 1.1;
  }

  .col-decoration-skew:before {
    left: -15px;
    bottom: 0;
    transform: skew(-8deg);
  }
}

@media (min-width: 1200px) {
  .col-decoration-skew:before {
    left: 32px;
  }
}

@media (min-width: 992px) {
  .displacement-1 {
    position: relative;
    top: 4px;
  }
}

.divider-light {
  height: 1px;
  width: 100%;
  background: #eaeced;
}

.divider-primary {
  border-top: 3px solid #5798ef;
}

.divider-success {
  border-top: 3px solid #5acea4;
}

.divider-xs {
  max-width: 50px;
  margin-left: auto;
  margin-right: auto;
}

.divider-sm {
  max-width: 60px;
  margin-left: auto;
  margin-right: auto;
}

.divider-left {
  margin-left: 0;
}

@media (min-width: 768px) {
  .divider-sm-left {
    margin-left: 0;
  }
}

*+.divider-light {
  margin-top: 30px;
}

@media (min-width: 768px) {
  .page .divider-light+* {
    margin-top: 45px;
  }
}

.banner {
  max-width: 370px;
  width: 100%;
}

.banner img {
  height: auto;
  width: 100%;
}

.border-wrap {
  display: flex;
  flex-wrap: wrap;
  transform: translateY(-30px);
  margin-bottom: -30px;
}

.border-wrap>* {
  margin-top: 30px;
}

@media (min-width: 768px) {
  .border-wrap {
    transform: translateY(-60px);
    margin-bottom: -60px;
    margin-left: -35px;
    margin-right: -35px;
  }

  .border-wrap>* {
    margin-top: 60px;
    padding-left: 35px;
    padding-right: 35px;
  }

  .border-wrap>*>* {
    position: relative;
  }

  .border-wrap>*>*:after {
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    content: '';
    border-bottom: 1px solid #e8e8e8;
    pointer-events: none;
  }

  .border-wrap>*:nth-child(n + 3)>*:after {
    border-bottom: 0;
  }

  .border-wrap>*:nth-child(even)>*:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -35px;
    content: '';
    border-left: 1px solid #e8e8e8;
    pointer-events: none;
  }

  .border-wrap>*:nth-child(1)>*:after {
    right: -15px;
  }

  .border-wrap>*:nth-child(2)>*:after {
    left: -15px;
  }

  .border-wrap>*:nth-child(2)>*:before {
    bottom: -15%;
  }

  .border-wrap>*:nth-child(4)>*:before {
    top: -15%;
  }
}

@media (min-width: 1200px) {
  .border-wrap {
    transform: translateY(-84px);
    margin-bottom: -84px;
  }

  .border-wrap>* {
    margin-top: 84px;
  }

  .border-wrap>*>*:after {
    bottom: -42px;
  }
}

.post-meta {
  position: relative;
  transform: translateY(-3px);
  margin-bottom: -3px;
  margin-left: -8px;
  margin-right: -8px;
  color: #242731;
}

.post-meta>* {
  margin-top: 3px;
  padding-left: 8px;
  padding-right: 8px;
}

.post-meta * {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: 0;
}

.post-meta li *+* {
  margin-left: 5px;
}

.post-meta a,
.post-meta a:active,
.post-meta a:focus {
  color: inherit;
}

.post-meta a:hover {
  color: #5798ef;
}

.post-meta a .icon {
  position: relative;
  top: 1px;
}

*+.post-meta {
  margin-top: 25px;
}

.post-boxed {
  position: relative;
  text-align: left;
  transition: 0.33s all ease-in;
  background-color: #303135;
  border: 1px solid #5acea4;
  border-radius: 25px;
}

.post-boxed:before {
  content: '';
  position: absolute;
  bottom: 0;
  height: 4px;
  left: 0;
  right: 0;
  z-index: 10;

}

.bg-gray-light .post-boxed {
  background: #303135;
}

.post-boxed-image {
  width: 100%;
  height: auto;
  border-radius: 25px;
}

.post-boxed-body {
  padding: 20px 20px 25px 20px;
}

.post-boxed-title {
  font-family: inherit;
  font-weight: 100;
  letter-spacing: -.025em;
  color: #d8d8d8;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.35;
  letter-spacing: 0;
}

.post-boxed-text {
  color: #d8d8d8;
}

@media (max-width: 767px) {
  .post-boxed-text {
    font-size: 12px;
  }
}

@media (min-width: 768px) {
  .post-boxed-title {
    font-size: 20px;
  }
}

@media (min-width: 1200px) {
  .post-boxed-title {
    font-size: 20px;
    line-height: 1.3;
  }
}

.post-boxed-title a {
  display: inline;
  letter-spacing: inherit;
  font: inherit;
}

.post-boxed-title a,
.post-boxed-title a:active,
.post-boxed-title a:focus {
  color: inherit;
}

.post-boxed-title a:hover {
  color: #5798ef;
}

*+.post-boxed-text {
  margin-top: 13px;
}

*+.post-boxed-footer {
  margin-top: 13px;
}

.post-boxed-tan-hide .post-boxed-title a:hover {
  color: #fca15f;
}

.post-boxed-tan-hide:before {
  background: #fca15f;
}

.post-boxed-blue-marguerite .post-boxed-title a:hover {
  color: #8673c7;
}

.post-boxed-blue-marguerite:before {
  background: #8673c7;
}

.post-boxed+.post-boxed {
  margin-top: 30px;
}

.post-boxed.post-boxed-xs-horizontal .post-boxed-text {
  font-size: 14px;
  line-height: 1.65;
  letter-spacing: 0;
}

.post-boxed.post-boxed-xs-horizontal .post-boxed-title {
  line-height: 1.4;
}

@media (min-width: 480px) {
  .post-boxed.post-boxed-xs-horizontal {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .post-boxed.post-boxed-xs-horizontal .post-boxed-image-wrap {
    position: relative;
    overflow: hidden;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 40%;
  }

  .post-boxed.post-boxed-xs-horizontal .post-boxed-image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
    width: auto;
    min-width: 101%;
    max-width: none;
    min-height: 101%;
  }

  .post-boxed.post-boxed-xs-horizontal .post-boxed-body {
    padding: 40px 10px 41px 30px;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }

  .post-boxed.post-boxed-xs-horizontal .post-boxed-body:before {
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    left: -10px;
  }
}

@media (min-width: 768px) {
  .post-boxed-body {
    padding: 26px 30px 32px 30px;
  }
}

@media (min-width: 992px) {
  .post-boxed-body {
    padding: 30px 40px 40px 35px;
  }
}

.post-single {
  text-align: left;
}

.post-single .marked-list li {
  color: #2b2c2f;
}

.post-single-image {
  width: 100%;
  height: auto;
}

.post-single-title {
  font-family: inherit;
  font-weight: 100;
  letter-spacing: -.025em;
  color: #242731;
  font-size: 22px;
  line-height: 1.35;
}

@media (min-width: 768px) {
  .post-single-title {
    font-size: 30px;
    line-height: 1.33333;
  }
}

*+.post-single-body {
  margin-top: 30px;
}

.post-single-title+* {
  margin-top: 14px;
}

@media (min-width: 992px) {
  .post-single {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .post-single-left,
  .post-single-body {
    width: calc(50% - 15px);
  }

  *+.post-single-body {
    margin-top: 0;
  }
}

.post-news {
  text-align: left;
  background: #fff;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.06);
}

.post-news-body {
  padding: 25px 20px 35px 20px;
}

.post-news-time {
  font: 700 30px "Roboto", sans-serif;
  line-height: 1.2;
  text-transform: uppercase;
  text-align: center;
}

.post-news-time>* {
  display: block;
}

.post-news-time .big {
  font-size: inherit;
  line-height: 1.1;
  color: #5798ef;
}

.post-news-time .small {
  font-size: 0.255em;
  color: #5acea4;
  letter-spacing: .2em;
}

.post-news-image img {
  width: 100%;
  height: auto;
}

.post-news-title {
  font-family: inherit;
  font-weight: 100;
  color: #242731;
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: 0;
}

@media (min-width: 768px) {
  .post-news-title {
    font-size: 20px;
  }
}

@media (min-width: 1200px) {
  .post-news-title {
    font-size: 30px;
    line-height: 1.3;
  }
}

.post-news-title a {
  display: inline;
}

.post-news-title a,
.post-news-title a:active,
.post-news-title a:focus {
  color: inherit;
}

.post-news-title a:hover {
  color: #5798ef;
}

*+.post-news-text {
  margin-top: 20px;
}

.post-news-text {
  letter-spacing: 0;
}

@media (max-width: 479px) {
  .post-news .unit-horizontal>.unit-left+.unit-body {
    padding-left: 15px;
  }
}

@media (min-width: 992px) {
  .post-news-title {
    max-width: 90%;
  }

  .post-news-time {
    font-size: 48px;
  }
}

@media (min-width: 1200px) {
  .post-news-body {
    padding: 25px 20px 35px 40px;
  }
}

.post-minimal {
  background: #fff;
  text-align: left;
}

.post-minimal-image {
  width: auto;
  min-width: 100%;
  max-width: 100.03%;
  height: auto;
}

.post-minimal-body {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.post-minimal-time {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: auto;
  text-align: center;
  padding: 10px;
  font: 700 30px "Roboto", sans-serif;
  line-height: 1.2;
  text-transform: uppercase;
  color: #fff;
  background: #5798ef;
  margin: -1px 0;
}

.post-minimal-time>* {
  display: block;
}

.post-minimal-time .big {
  font-size: inherit;
  line-height: 1.1;
}

.post-minimal-time .small {
  font-size: 12px;
  letter-spacing: .2em;
  font-weight: 900;
}

.post-minimal-main {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  padding: 10px;
}

.post-minimal-title {
  color: #242731;
  font-size: 20px;
  letter-spacing: 0;
}

.post-minimal-title a {
  display: inline;
}

.post-minimal-title a,
.post-minimal-title a:active,
.post-minimal-title a:focus {
  color: inherit;
}

.post-minimal-title a:hover {
  color: #5798ef;
}

@media (min-width: 992px) {
  .post-minimal-time {
    font-size: 40px;
    min-width: 100px;
  }

  .post-minimal-main {
    padding: 15px 18px 15px 20px;
  }

  .post-minimal-title {
    font-size: 26px;
  }
}

@media (min-width: 1200px) {
  .post-minimal-time {
    font-size: 48px;
    min-width: 114px;
  }

  .post-minimal-main {
    padding: 25px 35px;
  }
}

@media (min-width: 1200px) {
  .desktop .post-minimal {
    position: relative;
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
    transition: .45s all ease;
    -webkit-filter: blur(0);
    will-change: transform;
  }

  .desktop .post-minimal:hover {
    transform: scale(1.05);
    box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.28);
  }
}

.comment {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  text-align: left;
}

.comment *+.form-group {
  margin-top: 25px;
}

.comment-group .comment-group {
  padding-left: 20px;
}

.comment-group .comment-group .comment-group {
  padding-left: 10px;
}

.comment-group+.comment {
  margin-top: 50px;
}

.comment-group-wrap>.comment-group:last-of-type .comment-body {
  padding-bottom: 45px;
  border-bottom: 1px solid #e8e8e8;
}

.comment-body {
  padding-left: 12px;
  flex-grow: 1;
}

.comment-header {
  vertical-align: baseline;
}

.comment-header>* {
  display: inline-block;
  vertical-align: baseline;
}

.comment-header>*+* {
  margin-top: 0;
  margin-left: 8px;
}

.comment-avatar img {
  width: auto;
  height: auto;
  max-width: 40px;
}

.comment-title {
  font: 700 16px "Roboto", sans-serif;
  line-height: 1.3;
  letter-spacing: 0.05em;
  color: #242731;
}

.comment-time {
  color: #242731;
}

.comment-footer {
  margin-left: -15px;
  margin-right: -15px;
  color: #242731;
  font-size: 13px;
  font-weight: 700;
}

.comment-footer li {
  display: inline-block;
  padding-left: 15px;
  padding-right: 15px;
}

.comment-footer li .icon {
  padding-right: 7px;
  color: #6f727d;
}

*+.comment-footer {
  margin-top: 25px;
}

.comment-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

*+.comment-text {
  margin-top: 0;
}

*+.comment-footer {
  margin-top: 8px;
}

*+.comment-group {
  margin-top: 25px;
}

.comment+* {
  margin-top: 24px;
}

.comment-group+.comment-group {
  margin-top: 30px;
}

@media (min-width: 768px) {
  .comment-group .comment-group {
    margin-left: 80px;
    padding-bottom: 45px;
    border-bottom: 1px solid #e8e8e8;
  }

  .comment-group .comment-group .comment-group {
    padding-left: 40px;
  }

  .comment-body {
    padding-left: 20px;
  }

  .comment-header>*+* {
    margin-left: 20px;
  }

  .comment-avatar img {
    width: auto;
    max-width: 80px;
  }

  .comment-title {
    font-size: 16px;
  }

  *+.comment-text {
    margin-top: 8px;
  }

  *+.comment-footer {
    margin-top: 16px;
  }

  *+.comment-group {
    margin-top: 30px;
  }
}

@media (min-width: 1200px) {
  .comment-group .comment-group {
    padding-left: 35px;
  }

  .comment-group .comment-group .comment-group {
    padding-left: 40px;
  }
}

.blog-main>*+* {
  margin-top: 40px;
}

@media (min-width: 768px) {
  .blog-main>*+* {
    margin-top: 65px;
  }
}

.post-default {
  background-color: #fff;
  padding: 25px 15px 30px;
  box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.09);
}

.post-default .post-meta {
  color: #6f727d;
  line-height: 1;
}

.post-default .post-boxed-body {
  padding-top: 0;
  padding-bottom: 0;
}

.post-default .post-boxed-body+* {
  margin-top: 40px;
}

.post-default .post-boxed-title {
  font-weight: 400;
}

@media (min-width: 768px) {
  .post-default {
    padding: 40px 20px 30px;
  }

  .post-default .post-boxed-title {
    font-size: 28px;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .post-default .post-meta {
    margin-left: -25px;
    margin-right: -25px;
  }

  .post-default .post-meta li {
    position: relative;
    padding-left: 25px;
    padding-right: 25px;
  }

  .post-default .post-meta li+li:before {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    content: "";
    border-left: 1px solid #e8e8e8;
  }
}

.blog-post-wrap {
  padding: 30px 15px;
  background-color: #303135;
  border-radius: 25px;
  border: 1px solid #5acea4;
}

*+.blog-post-wrap {
  margin-top: 50px;
}

@media (min-width: 768px) {
  .blog-post-wrap {
    padding: 45px 30px 45px;
  }
}

.post-preview .post-meta {
  margin-left: -3px;
  margin-right: -3px;
  color: #d8d8d8;
  font-size: 12px;
}

.post-preview .post-meta li {
  padding-left: 3px;
  padding-right: 1px;
}

.post-preview .post-meta li+li:before {
  position: relative;
  content: "/";
  padding-right: 3px;
  vertical-align: middle;
  border-left: 0;
}

.post-preview .caption {
  margin-top: 20px;
}

.post-preview *+.post-meta {
  margin-top: 9px;
}

.post-preview-image {
  height: auto;
  max-width: 103px;
}

.post-preview-title {
  font-size: 14px;
  line-height: 1.4;
  color: #242731;
}

.post-preview-title a {
  display: inline;
  color: #d8d8d8;
}

.post-preview-title a:hover {
  color: #5798ef;
}

@media (min-width: 768px) {
  .post-preview {
    text-align: left;
  }
}

.aside-post-layout section {
  padding: 40px 25px 50px;
}

.aside-post-layout hr.divider-primary {
  margin-top: 16px;
  margin-bottom: 30px;
}

.aside-post-layout *+.list-inline {
  margin-top: 20px;
}

.table-category {
  width: 100%;
  font-size: 16px;
}

.table-category tr {
  cursor: pointer;
}

.table-category td {
  transition: 0.33s all ease-in;
}

.table-category td:first-of-type {
  padding: 12px 18px;
  text-align: left;
  color: #242731;
  border-left: 1px solid #e8e8e8;
}

.table-category td:last-of-type {
  text-align: right;
  padding: 12px 5px;
}

.table-category tr:hover td:first-of-type {
  color: #5798ef;
  border-color: #5798ef;
}

.table-category tr:hover td:last-of-type {
  color: #242731;
}

.post-meta-single-post {
  margin-left: -8px;
  margin-right: -8px;
}

.post-meta-single-post li {
  padding-left: 8px;
  padding-right: 8px;
  display: inline-block;
  color: #d8d8d8;
}

.post-meta-single-post .icon {
  padding-right: 3px;
}

*+.single-post-footer {
  margin-top: 35px;
}

.single-post-footer>*+* {
  margin-top: 15px;
}

@media (min-width: 992px) {
  .single-post-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .single-post-footer>*+* {
    margin-top: 0;
  }
}

.timeline-item {
  position: relative;
  padding-top: 25px;
  padding-bottom: 15px;
}

.timeline-item .post-news-title {
  font-weight: 700;
}

.timeline-month {
  padding-top: 25px;
  padding-bottom: 12px;
}

.timeline-month * {
  font-weight: 400;
}

@media (min-width: 480px) {
  .timeline-item:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -40px;
    border-left: 1px solid #e8e8e8;
    content: '';
  }

  .timeline-item .post-news {
    position: relative;
  }

  .timeline-item .post-news:after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 100%;
    margin-right: 10px;
    content: '';
    border-top: 1px solid #e8e8e8;
    width: 35px;
  }
}

@media (min-width: 768px) {
  .timeline-item {
    padding-top: 50px;
  }

  .timeline-item:after {
    content: none;
  }

  .timeline-item .post-news:after {
    width: 55px;
  }

  .timeline-item:nth-child(3n+2) .post-news:after {
    left: 100%;
    margin-left: 10px;
  }

  .timeline-month {
    position: relative;
    z-index: 1;
    padding-top: 12px;
    background-color: #fff;
  }

  .timeline-wrap:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    border-left: 1px solid #e8e8e8;
    content: '';
  }
}

@media (min-width: 1200px) {
  .timeline-item .post-news:after {
    width: 70px;
    margin-right: 32px;
  }

  .timeline-item:nth-child(3n+2) .post-news:after {
    left: 100%;
    margin-left: 32px;
  }
}

.row-no-gutter {
  margin-left: 0;
  margin-right: 0;
}

.row-no-gutter>[class*='col'] {
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 1199px) {
  .row-gutter-custom {
    margin-left: -8px;
    margin-right: -8px;
  }

  .row-gutter-custom>[class*='col'] {
    padding-left: 8px;
    padding-right: 8px;
  }
}

.page .shell-custom-width {
  max-width: 1715px;
}

.container {
  min-width: 320px;
}

.row-custom-bordered [class*='col'] {
  border-style: solid;
  border-color: #e8e8e8;
  border-width: 0;
}

.row-custom-bordered [class*='col']:nth-child(2n) {
  border-width: 0 0 0 1px;
}

.row-custom-bordered .grid-element {
  position: relative;
}

.row-custom-bordered .grid-element:after {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  content: '';
  border-top: 1px solid #e8e8e8;
  width: 90%;
  opacity: 0;
}

@media (min-width: 578px) {
  .row-custom-bordered [class*='col']:nth-child(n + 2) {
    border-width: 0 0 0 1px;
  }
}

@media (min-width: 768px) {
  .row-custom-bordered .grid-element:nth-child(n + 2) {
    border-width: 0;
  }

  .row-custom-bordered .grid-element:nth-child(n + 3):after {
    opacity: 1;
  }

  .row-custom-bordered .grid-element:nth-child(even) {
    border-left: 1px solid #e8e8e8;
  }

  .row-custom-bordered .col-sm-3:first-child {
    border-width: 0 1px 0 0;
  }

  .row-custom-bordered .col-sm-3:nth-child(n + 2) {
    border-width: 0 1px 0 0;
  }

  .row-custom-bordered .col-sm-3:last-of-type {
    border-width: 0;
  }

  .row-custom-bordered .col-sm-4:nth-child(n) {
    border-width: 0;
  }

  .row-custom-bordered .col-sm-4:nth-child(n + 2) {
    border-width: 0 0 0 1px;
  }
}

@media (min-width: 992px) {
  .row-custom-bordered .grid-element:nth-child(n + 2) {
    border-width: 0;
  }

  .row-custom-bordered .grid-element:nth-child(n + 2):after {
    opacity: 0;
  }

  .row-custom-bordered .grid-element:nth-child(n + 4):after {
    opacity: 1;
  }

  .row-custom-bordered .grid-element:nth-child(2),
  .row-custom-bordered .grid-element:nth-child(3),
  .row-custom-bordered .grid-element:nth-child(5),
  .row-custom-bordered .grid-element:nth-child(6) {
    border-left: 1px solid #e8e8e8;
  }
}

.row-custom-bordered-small .col-bordered {
  position: relative;
  z-index: 1;
}

.row-custom-bordered-small .col-bordered:after {
  content: '';
  position: absolute;
  top: -15px;
  right: 7px;
  left: 7px;
  bottom: 0;
  z-index: -1;
  border-style: solid;
  border-color: #e8e8e8;
  border-width: 0;
  pointer-events: none;
}

.row-custom-bordered-small [class*='col'] {
  margin-top: 0;
}

.row-custom-bordered-small [class*='col'].col-bordered:nth-child(n + 2):after {
  border-width: 1px 0 0 0;
}

@media (min-width: 480px) {
  .row-custom-bordered-small .col-bordered:after {
    top: 0;
    left: 0;
    right: 0;
  }

  .row-custom-bordered-small .col-bordered.col-6:nth-child(odd):after {
    border-width: 0 1px 1px 0;
  }

  .row-custom-bordered-small .col-bordered.col-6:nth-child(even):after {
    border-width: 0 0 1px 0;
  }
}

@media (min-width: 768px) {
  .row-custom-bordered-small .col-bordered:after {
    height: 107px;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
  }

  .row-custom-bordered-small .col-bordered.col-sm-3:first-child:after {
    border-width: 0 1px 0 1px;
  }

  .row-custom-bordered-small .col-bordered.col-sm-3:nth-child(n + 2):after {
    border-width: 0 1px 0 0;
  }

  .row-custom-bordered-small .col-bordered.col-sm-4:nth-child(n):after {
    border-width: 0;
  }

  .row-custom-bordered-small .col-bordered.col-sm-4:nth-child(n + 2):after {
    border-width: 0 0 0 1px;
  }
}

@media (min-width: 1800px) {
  .row-custom-bordered-mod {
    padding-right: 40px;
  }
}

.row-custom-bordered-mod-2 {
  margin: 0 -15px;
}

.row-custom-bordered-modern [class*='col-']+[class*='col-'] .box-minimal {
  border-top: 1px solid #e8e8e8;
}

@media (min-width: 578px) {
  .row-custom-bordered-modern [class*='col-']:nth-child(2) .box-minimal {
    border-top: 0;
  }

  .row-custom-bordered-modern [class*='col-'] .box-minimal {
    margin-top: -15px;
  }

  .row-custom-bordered-modern [class*='col-']:nth-child(even) {
    border-left: 1px solid #e8e8e8;
  }
}

@media (min-width: 992px) {
  .row-custom-bordered-modern {
    margin-left: -30px;
    margin-right: -30px;
  }

  .row-custom-bordered-modern [class*='col-']:nth-child(odd) {
    padding-left: 30px;
    padding-right: 15px;
  }

  .row-custom-bordered-modern [class*='col-']:nth-child(even) .box-minimal {
    padding-left: 15px;
  }

  .row-custom-bordered-modern [class*='col-'] .box-minimal {
    padding-bottom: 25px;
  }

  .row-custom-bordered-modern .col-lg-4 {
    border-left: 1px solid #e8e8e8;
  }

  .row-custom-bordered-modern .col-lg-4:nth-child(3) .box-minimal {
    border-top: 0;
  }

  .row-custom-bordered-modern .col-lg-4:nth-child(1),
  .row-custom-bordered-modern .col-lg-4:nth-child(3n + 4) {
    border-left: 0;
  }
}

blockquote {
  font: inherit;
  padding: 0;
  margin: 0;
  border: 0;
}

blockquote q:before,
blockquote q:after {
  content: none;
}

blockquote cite {
  font-style: normal;
}

blockquote small:before,
blockquote .small:before {
  display: none;
}

.quote-primary {
  text-align: left;
}

.quote-primary cite {
  font-family: inherit;
  font-weight: 100;
  letter-spacing: -.025em;
  color: #242731;
  font-size: 18px;
  line-height: 1.66667;
  letter-spacing: .075em;
}

.quote-primary q {
  color: #242731;
}

.quote-primary q:before,
.quote-primary q:after {
  content: none;
}

.quote-primary svg {
  max-width: 40px;
}

.quote-primary .quote-primary-text {
  position: relative;
  padding-left: 40px;
}

.quote-primary .quote-primary-text:before {
  position: absolute;
  top: 15px;
  left: 10px;
  bottom: 5px;
  border-left: 1px solid #dddddd;
  content: "";
  display: inline-block;
}

@media (min-width: 480px) {
  .quote-primary svg {
    max-width: 100%;
  }

  .quote-primary .quote-primary-text {
    padding-left: 55px;
  }

  .quote-primary .quote-primary-text:before {
    left: 25px;
  }
}

.quote-primary__mod-1 .quote-primary-body {
  padding-right: 0;
}

.quote-primary__mod-1 .quote-primary-text {
  font-size: 24px;
}

.icon-quote {
  font-size: 36px;
  opacity: .2;
}

@media (min-width: 992px) {
  .icon-quote {
    font-size: 56px;
  }
}

@media (min-width: 1200px) {
  .icon-quote {
    font-size: 60px;
  }
}

.quote-primary-mark {
  position: relative;
  top: 6px;
  display: block;
  width: 37px;
  height: 27px;
  fill: #5798ef;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.quote-primary-body {
  position: relative;
}

.quote-primary-text {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 300;
}

@media (min-width: 480px) {
  .quote-primary-text {
    font-size: 26px;
  }
}

@media (min-width: 768px) {
  .quote-primary-text {
    font-size: 36px;
  }
}

.quote-primary-footer {
  padding-left: 5px;
}

*+.quote-primary-footer {
  margin-top: 8px;
}

@media (min-width: 480px) {
  .quote-primary-body {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 0 20px 0 0;
  }

  .quote-primary-footer {
    padding-left: 30px;
  }
}

.quote-boxed {
  max-width: 570px;
  margin-left: auto;
  margin-right: auto;
}

.quote-boxed cite {
  font-family: inherit;
  font-weight: 100;
  letter-spacing: -.025em;
  color: #242731;
  font-size: 22px;
  line-height: 1.35;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .05em;
}

@media (min-width: 768px) {
  .quote-boxed cite {
    font-size: 30px;
    line-height: 1.33333;
  }
}

.quote-boxed q {
  font-style: italic;
  letter-spacing: 0;
  color: #6f727d;
}

.quote-boxed .caption {
  margin-top: 0;
  font-weight: 700;
  font-size: 14px;
  color: #5798ef;
}

.quote-boxed time {
  font-size: 14px;
  font-weight: 400;
}

.quote-boxed__mod-1 cite {
  font-style: normal;
}

.quote-boxed__mod-1 p.caption {
  display: inline;
}

.quote-boxed__mod-1 q {
  font-style: normal;
  font-size: 16px;
  color: #242731;
  quotes: none;
}

.quote-boxed__mod-1 time {
  color: #6f727d;
}

.quote-boxed__mod-1 .quote-boxed-body:before {
  content: none;
}

@media (min-width: 768px) {
  .quote-boxed__mod-1 .quote-boxed-left {
    max-width: 180px;
  }
}

.quote-boxed-image {
  width: 100%;
  height: auto;
}

.quote-boxed-body {
  position: relative;
  padding: 25px 15px 30px 15px;
  background: #f2f3f8;
  text-align: left;
}

.quote-boxed-body:before {
  content: '';
  position: absolute;
  left: 50%;
  top: -10px;
  transform: translateX(-50%) rotate(-45deg);
  width: 20px;
  height: 20px;
  background: #f2f3f8;
  z-index: 2;
  pointer-events: none;
}

.quote-boxed-body>* {
  position: relative;
  z-index: 2;
}

.quote-boxed-meta {
  color: #242731;
}

.quote-boxed-meta-list {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.quote-boxed-meta-list>li {
  min-width: 70px;
}

.quote-boxed-meta-list>li+li {
  position: relative;
  margin-left: 20px;
}

.quote-boxed-meta-list>li+li:before {
  content: '';
  position: absolute;
  top: 4px;
  left: -20px;
  height: 16px;
  width: 1px;
  background: #e5e7e9;
}

.quote-boxed-meta-list li:nth-child(2) {
  top: 2px;
}

*+.quote-boxed-meta {
  margin-top: 20px;
}

.quote-boxed+.quote-boxed {
  margin-top: 30px;
}

@media (max-width: 767px) {
  .quote-boxed {
    max-width: 370px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 480px) {
  .quote-boxed-body {
    padding: 30px 40px 40px 40px;
    margin-top: -200px;
  }
}

@media (min-width: 768px) {
  .quote-boxed {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .quote-boxed-left {
    position: relative;
    overflow: hidden;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: calc(50% - 5px);
  }

  .quote-boxed-image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
    width: auto;
    min-width: 101%;
    max-width: none;
    min-height: 101%;
  }

  .quote-boxed-body {
    padding: 40px 30px 50px 40px;
    margin-top: 0;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }

  .quote-boxed-body:before {
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    left: -10px;
  }
}

@media (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {
  .quote-boxed-body .quote-text {
    margin-top: 18px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .quote-boxed-body {
    padding: 20px 25px 20px 20px;
  }
}

.quote-preview {
  position: relative;
  max-width: 331px;
  padding: 10px 17px 14px 17px;
  margin-bottom: 11px;
  background: rgba(255, 255, 255, 0.5);
}

.quote-preview q {
  font: 400 18px/30px "Roboto", sans-serif;
  color: #363d41;
}

.quote-preview:after {
  content: '';
  position: absolute;
  left: 75px;
  bottom: -13px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 13.5px 0 13.5px;
  border-color: rgba(255, 255, 255, 0.5) transparent transparent transparent;
  pointer-events: none;
}

*+.quote-preview {
  margin-top: 15px;
}

@media (min-width: 768px) {
  .quote-preview {
    background: #fff;
  }

  .quote-preview:after {
    border-color: #fff transparent transparent transparent;
  }
}

.quote-circle {
  width: 100%;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.quote-circle cite {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-style: normal;
}

.quote-circle small {
  font-size: 14px;
  color: #5acea4;
}

.quote-circle-header>* {
  display: inline-block;
  vertical-align: baseline;
}

.quote-circle-header>*+* {
  margin-left: 10px;
}

*+.quote-circle-header {
  margin-top: 30px;
}

.quote-circle-image {
  display: inline-block;
  position: relative;
}

.quote-boxed-meta {
  color: #242731;
}

.quote-circle-meta-list {
  vertical-align: middle;
}

.quote-circle-meta-list>li {
  display: inline-block;
  min-width: 70px;
}

.quote-circle-meta-list>li+li {
  position: relative;
  margin-left: 40px;
}

.quote-circle-meta-list>li+li:before {
  content: '';
  position: absolute;
  top: 4px;
  left: -30px;
  height: 16px;
  width: 1px;
  background: #e5e7e9;
}

.quote-circle-meta-list li:nth-child(2) {
  top: 2px;
}

.quote-circle-text {
  font-size: 22px;
  line-height: 1.63636;
  font-style: italic;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

*+.quote-circle-text {
  margin-top: 12px;
}

*+.quote-circle-meta {
  margin-top: 20px;
}

@media (min-width: 768px) {
  .quote-circle-body {
    padding: 16px 11px;
  }
}

@media (min-width: 768px) {
  .quote-circle-header {
    padding-left: 12px;
  }
}

.quote-classic {
  background-color: #fff;
  background-image: url("../images/bg-quote-1.jpg");
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
  text-align: left;
  padding: 35px 15px;
}

.quote-classic q {
  display: block;
  font-style: italic;
}

.quote-classic q+* {
  margin-top: 20px;
}

.quote-classic-header {
  position: relative;
  transform: translateY(-10px);
  margin-bottom: -10px;
  margin-left: -5px;
  margin-right: -5px;
}

.quote-classic-header>* {
  margin-top: 10px;
  padding-left: 5px;
  padding-right: 5px;
}

.quote-classic-header>* {
  display: inline-block;
  vertical-align: baseline;
}

.quote-classic-image {
  width: 100%;
  height: auto;
}

.quote-classic-subcite {
  font-weight: 300;
  color: #5798ef;
}

*+.quote-classic-subcite {
  margin-top: 5px;
}

.quote-classic-body {
  position: relative;
  padding: 25px 15px 30px 15px;
  background: #f2f3f8;
  text-align: left;
}

.quote-classic-body>* {
  position: relative;
  z-index: 2;
}

.quote-classic-meta {
  color: #242731;
}

.quote-classic-meta-list {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #6f727d;
}

.quote-classic-meta-list>li {
  min-width: 70px;
}

.quote-classic-meta-list>li+li {
  position: relative;
  margin-left: 20px;
}

.quote-classic-meta-list>li+li:before {
  content: '';
  position: absolute;
  top: 4px;
  left: -20px;
  height: 16px;
  width: 1px;
  background: #6f727d;
}

.quote-classic-meta-list li:nth-child(2) {
  top: 2px;
}

*+.quote-classic-text {
  margin-top: 14px;
}

*+.quote-classic-meta {
  margin-top: 20px;
}

.quote-classic+.quote-classic {
  margin-top: 30px;
}

@media (min-width: 480px) {
  .quote-classic-body {
    padding: 30px 40px 40px 40px;
  }
}

@media (min-width: 768px) {
  .quote-classic {
    padding: 65px 35px 55px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .quote-classic-body {
    padding: 30px 25px 30px 30px;
  }
}

@media (min-width: 1200px) {
  .quote-classic-body {
    padding: 50px 40px 50px 50px;
  }
}

.quote-classic-preview {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 300px;
  background: #fff;
  transition: .33s all ease;
}

.quote-classic-preview cite {
  color: #242731;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
}

.quote-classic-preview .caption {
  font: 400 12px/20px "Roboto", sans-serif;
  color: #6f727d;
  letter-spacing: 0;
}

.quote-classic-preview *+.caption {
  margin-top: 0;
}

.quote-classic-preview-left {
  display: none;
}

.quote-classic-preview-body {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 8px 20px;
  border: 1px solid #e5e7e9;
  border-width: 1px 0 1px 0;
  transition: .33s all ease;
}

.quote-classic-preview-body cite {
  font-style: normal;
}

@media (min-width: 768px) {
  .quote-classic-preview cite {
    font-size: 18px;
    line-height: 1.66667;
  }

  .quote-classic-preview .caption {
    font-size: 14px;
  }
}

@media (min-width: 992px) {
  .quote-classic-preview {
    min-height: 107px;
  }

  .ie-10 .quote-classic-preview:after,
  .ie-11 .quote-classic-preview:after {
    content: '';
    display: inline-block;
    min-height: inherit;
  }

  .quote-classic-preview-left {
    display: block;
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 96px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }

  .quote-classic-preview-left img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-height: 101%;
    min-width: 101%;
    width: auto;
    height: auto;
    max-height: 120%;
  }

  .quote-classic-preview-body {
    padding: 15px 30px;
  }
}

.quote-center {
  text-align: center;
  overflow: hidden;
  max-width: 370px;
  margin-left: auto;
  margin-right: auto;
  color: #d8d8d8;
}

.quote-center .quote-center-cite h5 {
  color: #d8d8d8;
}

.quote-center figure {
  position: relative;
}

.quote-center svg {
  position: absolute;
  top: 55px;
  left: 50%;
  transform: translateX(-50%);
  fill: #303135;
  pointer-events: none;
}

.quote-center-body {
  position: relative;
  background-color: #303135;
  margin-top: 25px;
  padding: 0 15px 20px;
}

.quote-center-cite>* {
  font-weight: 300;
}

*+.quote-center-cite {
  margin-top: 15px;
}

@media (min-width: 768px) {
  .quote-center-body {
    padding: 0 40px 35px;
  }
}

.text-block * {
  display: inline;
}

.text-block *:not(:last-child) {
  margin-right: .25em;
}

*+.text-block {
  margin-top: 18px;
}

@media (min-width: 768px) {
  *+.text-block {
    margin-top: 35px;
  }
}

.box-form {
  position: relative;
  z-index: 10;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.11);
  background: #fff;
  padding: 30px 20px 45px;
}

.box-form .rd-mailform .select2-container--bootstrap .select2-selection {
  min-width: 100px;
}

.box-form .select2-container--bootstrap .select2-selection {
  background: #f2f3f8;
}

.box-form .btn {
  min-height: 50px;
}

.box-form-1 {
  margin-top: -30px;
}

@media (min-width: 768px) {
  .box-form-2 {
    padding: 50px;
  }
}

@media (min-width: 1200px) {
  .box-form-1 {
    padding: 44px 100px 50px 74px;
  }
}

.page .box-text h1,
.page .box-text h2,
.page .box-text h3,
.page .box-text h4,
.page .box-text h5,
.page .box-text h6,
.page .box-text .h1,
.page .box-text .h2,
.page .box-text .h3,
.page .box-text .h4,
.page .box-text .h5,
.page .box-text .h6 {
  color: #d5d7e1;
}

.page .box-text>*+* {
  margin-top: 0;
}

.page .box-text .btn {
  min-width: 220px;
}

@media (min-width: 1200px) {

  .page .box-text h1,
  .page .box-text .h1 {
    font-size: 97px;
  }

  .page .box-text .h3,
  .page .box-text h3 {
    font-size: 36px;
  }
}

.box-wrap {
  position: relative;
}

.box-wrap-content {
  padding: 30px 0;
  pointer-events: none;
  border-bottom: 1px solid #e8e8e8;
  text-align: center;
}

.box-wrap-content-interactive {
  pointer-events: auto;
}

@media (max-width: 767px) {
  .box-wrap .shell {
    max-width: 100%;
  }
}

@media (min-width: 480px) {
  .box-wrap {
    border-bottom: 0;
  }

  .box-wrap .box-wrap-map {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    background: #f2f3f8;
  }

  .box-wrap .box-wrap-map .rd-google-map {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: 100%;
  }

  .box-wrap .box-wrap-content {
    position: relative;
    z-index: 2;
    padding: 72px 0;
    border: 0;
  }

  .box-wrap-content {
    text-align: right;
  }

  .box-wrap-content-interactive {
    display: inline-block;
  }
}

.box-contacts {
  display: inline-block;
  padding: 30px 40px;
  background: #fff;
  text-align: left;
}

.box-contacts address {
  max-width: 145px;
}

.box-contacts h4 {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.box-contacts *+h4,
.box-contacts *+.h4 {
  margin-top: 30px;
}

.box-contacts h4+*,
.box-contacts .h4+* {
  margin-top: 7px;
}

@media (min-width: 768px) {
  .box-contacts {
    padding: 50px 60px;
  }
}

@media (min-width: 992px) {
  .box-contacts {
    padding: 50px 100px;
  }
}

.box-tabs {
  padding: 50px 20px;
  text-align: center;
  background: #fff;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.11);
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.box-tabs .tabs-custom {
  max-width: 540px;
  margin-left: auto;
  margin-right: auto;
}

.box-tabs .tabs-custom .nav-tabs,
.box-tabs .tabs-custom .tab-content {
  text-align: center;
}

@media (min-width: 768px) {
  .box-tabs {
    padding: 70px 50px;
  }
}

@media (min-width: 1800px) {
  .box-tabs {
    margin: -40px -30px;
  }
}

.plugin-box {
  max-width: 150px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.plugin-box-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background-image: linear-gradient(to right, #719df3, #5670c8);
  box-shadow: 0 10px 21px rgba(0, 0, 0, 0.1);
}

.plugin-box-title {
  margin-top: 10px;
}

@media (min-width: 1200px) {
  .plugin-box-icon {
    width: 140px;
    height: 140px;
  }

  .plugin-box-title {
    font-size: 18px;
    margin-top: 20px;
  }
}

.context-dark,
.bg-gray-darken,
.bg-default-primary,
.bg-gray-dark,
.bg-secondary-3,
.bg-gradient-primary,
.one-screen-page,
.animated-box-front.bg-image,
.animated-box-back.bg-image {
  color: #fff;
}

.context-dark h1,
.bg-gray-darken h1,
.bg-default-primary h1,
.bg-gray-dark h1,
.bg-secondary-3 h1,
.bg-gradient-primary h1,
.one-screen-page h1,
.animated-box-front.bg-image h1,
.animated-box-back.bg-image h1,
.context-dark h2,
.bg-gray-darken h2,
.bg-default-primary h2,
.bg-gray-dark h2,
.bg-secondary-3 h2,
.bg-gradient-primary h2,
.one-screen-page h2,
.animated-box-front.bg-image h2,
.animated-box-back.bg-image h2,
.context-dark h3,
.bg-gray-darken h3,
.bg-default-primary h3,
.bg-gray-dark h3,
.bg-secondary-3 h3,
.bg-gradient-primary h3,
.one-screen-page h3,
.animated-box-front.bg-image h3,
.animated-box-back.bg-image h3,
.context-dark h4,
.bg-gray-darken h4,
.bg-default-primary h4,
.bg-gray-dark h4,
.bg-secondary-3 h4,
.bg-gradient-primary h4,
.one-screen-page h4,
.animated-box-front.bg-image h4,
.animated-box-back.bg-image h4,
.context-dark h5,
.bg-gray-darken h5,
.bg-default-primary h5,
.bg-gray-dark h5,
.bg-secondary-3 h5,
.bg-gradient-primary h5,
.one-screen-page h5,
.animated-box-front.bg-image h5,
.animated-box-back.bg-image h5,
.context-dark h6,
.bg-gray-darken h6,
.bg-default-primary h6,
.bg-gray-dark h6,
.bg-secondary-3 h6,
.bg-gradient-primary h6,
.one-screen-page h6,
.animated-box-front.bg-image h6,
.animated-box-back.bg-image h6,
.context-dark .h1,
.bg-gray-darken .h1,
.bg-default-primary .h1,
.bg-gray-dark .h1,
.bg-secondary-3 .h1,
.bg-gradient-primary .h1,
.one-screen-page .h1,
.animated-box-front.bg-image .h1,
.animated-box-back.bg-image .h1,
.context-dark .h2,
.bg-gray-darken .h2,
.bg-default-primary .h2,
.bg-gray-dark .h2,
.bg-secondary-3 .h2,
.bg-gradient-primary .h2,
.one-screen-page .h2,
.animated-box-front.bg-image .h2,
.animated-box-back.bg-image .h2,
.context-dark .h3,
.bg-gray-darken .h3,
.bg-default-primary .h3,
.bg-gray-dark .h3,
.bg-secondary-3 .h3,
.bg-gradient-primary .h3,
.one-screen-page .h3,
.animated-box-front.bg-image .h3,
.animated-box-back.bg-image .h3,
.context-dark .h4,
.bg-gray-darken .h4,
.bg-default-primary .h4,
.bg-gray-dark .h4,
.bg-secondary-3 .h4,
.bg-gradient-primary .h4,
.one-screen-page .h4,
.animated-box-front.bg-image .h4,
.animated-box-back.bg-image .h4,
.context-dark .h5,
.bg-gray-darken .h5,
.bg-default-primary .h5,
.bg-gray-dark .h5,
.bg-secondary-3 .h5,
.bg-gradient-primary .h5,
.one-screen-page .h5,
.animated-box-front.bg-image .h5,
.animated-box-back.bg-image .h5,
.context-dark .h6,
.bg-gray-darken .h6,
.bg-default-primary .h6,
.bg-gray-dark .h6,
.bg-secondary-3 .h6,
.bg-gradient-primary .h6,
.one-screen-page .h6,
.animated-box-front.bg-image .h6,
.animated-box-back.bg-image .h6,
.context-dark .h3-alternate,
.bg-gray-darken .h3-alternate,
.bg-default-primary .h3-alternate,
.bg-gray-dark .h3-alternate,
.bg-secondary-3 .h3-alternate,
.bg-gradient-primary .h3-alternate,
.one-screen-page .h3-alternate,
.animated-box-front.bg-image .h3-alternate,
.animated-box-back.bg-image .h3-alternate,
.context-dark .h4-alternate,
.bg-gray-darken .h4-alternate,
.bg-default-primary .h4-alternate,
.bg-gray-dark .h4-alternate,
.bg-secondary-3 .h4-alternate,
.bg-gradient-primary .h4-alternate,
.one-screen-page .h4-alternate,
.animated-box-front.bg-image .h4-alternate,
.animated-box-back.bg-image .h4-alternate {
  color: #d8d8d8;
}

.context-dark .jumbotron-custom-variant-2 h1,
.bg-gray-darken .jumbotron-custom-variant-2 h1,
.bg-default-primary .jumbotron-custom-variant-2 h1,
.bg-gray-dark .jumbotron-custom-variant-2 h1,
.bg-secondary-3 .jumbotron-custom-variant-2 h1,
.bg-gradient-primary .jumbotron-custom-variant-2 h1,
.one-screen-page .jumbotron-custom-variant-2 h1,
.animated-box-front.bg-image .jumbotron-custom-variant-2 h1,
.animated-box-back.bg-image .jumbotron-custom-variant-2 h1,
.context-dark .jumbotron-custom-variant-2 h2,
.bg-gray-darken .jumbotron-custom-variant-2 h2,
.bg-default-primary .jumbotron-custom-variant-2 h2,
.bg-gray-dark .jumbotron-custom-variant-2 h2,
.bg-secondary-3 .jumbotron-custom-variant-2 h2,
.bg-gradient-primary .jumbotron-custom-variant-2 h2,
.one-screen-page .jumbotron-custom-variant-2 h2,
.animated-box-front.bg-image .jumbotron-custom-variant-2 h2,
.animated-box-back.bg-image .jumbotron-custom-variant-2 h2,
.context-dark .jumbotron-custom-variant-2 h3,
.bg-gray-darken .jumbotron-custom-variant-2 h3,
.bg-default-primary .jumbotron-custom-variant-2 h3,
.bg-gray-dark .jumbotron-custom-variant-2 h3,
.bg-secondary-3 .jumbotron-custom-variant-2 h3,
.bg-gradient-primary .jumbotron-custom-variant-2 h3,
.one-screen-page .jumbotron-custom-variant-2 h3,
.animated-box-front.bg-image .jumbotron-custom-variant-2 h3,
.animated-box-back.bg-image .jumbotron-custom-variant-2 h3,
.context-dark .jumbotron-custom-variant-2 h4,
.bg-gray-darken .jumbotron-custom-variant-2 h4,
.bg-default-primary .jumbotron-custom-variant-2 h4,
.bg-gray-dark .jumbotron-custom-variant-2 h4,
.bg-secondary-3 .jumbotron-custom-variant-2 h4,
.bg-gradient-primary .jumbotron-custom-variant-2 h4,
.one-screen-page .jumbotron-custom-variant-2 h4,
.animated-box-front.bg-image .jumbotron-custom-variant-2 h4,
.animated-box-back.bg-image .jumbotron-custom-variant-2 h4,
.context-dark .jumbotron-custom-variant-2 h5,
.bg-gray-darken .jumbotron-custom-variant-2 h5,
.bg-default-primary .jumbotron-custom-variant-2 h5,
.bg-gray-dark .jumbotron-custom-variant-2 h5,
.bg-secondary-3 .jumbotron-custom-variant-2 h5,
.bg-gradient-primary .jumbotron-custom-variant-2 h5,
.one-screen-page .jumbotron-custom-variant-2 h5,
.animated-box-front.bg-image .jumbotron-custom-variant-2 h5,
.animated-box-back.bg-image .jumbotron-custom-variant-2 h5,
.context-dark .jumbotron-custom-variant-2 h6,
.bg-gray-darken .jumbotron-custom-variant-2 h6,
.bg-default-primary .jumbotron-custom-variant-2 h6,
.bg-gray-dark .jumbotron-custom-variant-2 h6,
.bg-secondary-3 .jumbotron-custom-variant-2 h6,
.bg-gradient-primary .jumbotron-custom-variant-2 h6,
.one-screen-page .jumbotron-custom-variant-2 h6,
.animated-box-front.bg-image .jumbotron-custom-variant-2 h6,
.animated-box-back.bg-image .jumbotron-custom-variant-2 h6,
.context-dark .jumbotron-custom-variant-2 .h1,
.bg-gray-darken .jumbotron-custom-variant-2 .h1,
.bg-default-primary .jumbotron-custom-variant-2 .h1,
.bg-gray-dark .jumbotron-custom-variant-2 .h1,
.bg-secondary-3 .jumbotron-custom-variant-2 .h1,
.bg-gradient-primary .jumbotron-custom-variant-2 .h1,
.one-screen-page .jumbotron-custom-variant-2 .h1,
.animated-box-front.bg-image .jumbotron-custom-variant-2 .h1,
.animated-box-back.bg-image .jumbotron-custom-variant-2 .h1,
.context-dark .jumbotron-custom-variant-2 .h2,
.bg-gray-darken .jumbotron-custom-variant-2 .h2,
.bg-default-primary .jumbotron-custom-variant-2 .h2,
.bg-gray-dark .jumbotron-custom-variant-2 .h2,
.bg-secondary-3 .jumbotron-custom-variant-2 .h2,
.bg-gradient-primary .jumbotron-custom-variant-2 .h2,
.one-screen-page .jumbotron-custom-variant-2 .h2,
.animated-box-front.bg-image .jumbotron-custom-variant-2 .h2,
.animated-box-back.bg-image .jumbotron-custom-variant-2 .h2,
.context-dark .jumbotron-custom-variant-2 .h3,
.bg-gray-darken .jumbotron-custom-variant-2 .h3,
.bg-default-primary .jumbotron-custom-variant-2 .h3,
.bg-gray-dark .jumbotron-custom-variant-2 .h3,
.bg-secondary-3 .jumbotron-custom-variant-2 .h3,
.bg-gradient-primary .jumbotron-custom-variant-2 .h3,
.one-screen-page .jumbotron-custom-variant-2 .h3,
.animated-box-front.bg-image .jumbotron-custom-variant-2 .h3,
.animated-box-back.bg-image .jumbotron-custom-variant-2 .h3,
.context-dark .jumbotron-custom-variant-2 .h4,
.bg-gray-darken .jumbotron-custom-variant-2 .h4,
.bg-default-primary .jumbotron-custom-variant-2 .h4,
.bg-gray-dark .jumbotron-custom-variant-2 .h4,
.bg-secondary-3 .jumbotron-custom-variant-2 .h4,
.bg-gradient-primary .jumbotron-custom-variant-2 .h4,
.one-screen-page .jumbotron-custom-variant-2 .h4,
.animated-box-front.bg-image .jumbotron-custom-variant-2 .h4,
.animated-box-back.bg-image .jumbotron-custom-variant-2 .h4,
.context-dark .jumbotron-custom-variant-2 .h5,
.bg-gray-darken .jumbotron-custom-variant-2 .h5,
.bg-default-primary .jumbotron-custom-variant-2 .h5,
.bg-gray-dark .jumbotron-custom-variant-2 .h5,
.bg-secondary-3 .jumbotron-custom-variant-2 .h5,
.bg-gradient-primary .jumbotron-custom-variant-2 .h5,
.one-screen-page .jumbotron-custom-variant-2 .h5,
.animated-box-front.bg-image .jumbotron-custom-variant-2 .h5,
.animated-box-back.bg-image .jumbotron-custom-variant-2 .h5,
.context-dark .jumbotron-custom-variant-2 .h6,
.bg-gray-darken .jumbotron-custom-variant-2 .h6,
.bg-default-primary .jumbotron-custom-variant-2 .h6,
.bg-gray-dark .jumbotron-custom-variant-2 .h6,
.bg-secondary-3 .jumbotron-custom-variant-2 .h6,
.bg-gradient-primary .jumbotron-custom-variant-2 .h6,
.one-screen-page .jumbotron-custom-variant-2 .h6,
.animated-box-front.bg-image .jumbotron-custom-variant-2 .h6,
.animated-box-back.bg-image .jumbotron-custom-variant-2 .h6 {
  color: #d8d8d8;
}

.context-dark a.thumbnail-modern-title:hover,
.bg-gray-darken a.thumbnail-modern-title:hover,
.bg-default-primary a.thumbnail-modern-title:hover,
.bg-gray-dark a.thumbnail-modern-title:hover,
.bg-secondary-3 a.thumbnail-modern-title:hover,
.bg-gradient-primary a.thumbnail-modern-title:hover,
.one-screen-page a.thumbnail-modern-title:hover,
.animated-box-front.bg-image a.thumbnail-modern-title:hover,
.animated-box-back.bg-image a.thumbnail-modern-title:hover {
  color: #BB86FC;
}

.context-dark .countdown,
.bg-gray-darken .countdown,
.bg-default-primary .countdown,
.bg-gray-dark .countdown,
.bg-secondary-3 .countdown,
.bg-gradient-primary .countdown,
.one-screen-page .countdown,
.animated-box-front.bg-image .countdown,
.animated-box-back.bg-image .countdown {
  color: #fff;
}

.context-dark .rd-mailform .form-control,
.bg-gray-darken .rd-mailform .form-control,
.bg-default-primary .rd-mailform .form-control,
.bg-gray-dark .rd-mailform .form-control,
.bg-secondary-3 .rd-mailform .form-control,
.bg-gradient-primary .rd-mailform .form-control,
.one-screen-page .rd-mailform .form-control,
.animated-box-front.bg-image .rd-mailform .form-control,
.animated-box-back.bg-image .rd-mailform .form-control {
  background: rgba(255, 255, 255, 0.47);
}

.context-dark .rd-mailform .form-control,
.bg-gray-darken .rd-mailform .form-control,
.bg-default-primary .rd-mailform .form-control,
.bg-gray-dark .rd-mailform .form-control,
.bg-secondary-3 .rd-mailform .form-control,
.bg-gradient-primary .rd-mailform .form-control,
.one-screen-page .rd-mailform .form-control,
.animated-box-front.bg-image .rd-mailform .form-control,
.animated-box-back.bg-image .rd-mailform .form-control,
.context-dark .rd-mailform .form-label,
.bg-gray-darken .rd-mailform .form-label,
.bg-default-primary .rd-mailform .form-label,
.bg-gray-dark .rd-mailform .form-label,
.bg-secondary-3 .rd-mailform .form-label,
.bg-gradient-primary .rd-mailform .form-label,
.one-screen-page .rd-mailform .form-label,
.animated-box-front.bg-image .rd-mailform .form-label,
.animated-box-back.bg-image .rd-mailform .form-label,
.context-dark .rd-mailform .form-label-outside,
.bg-gray-darken .rd-mailform .form-label-outside,
.bg-default-primary .rd-mailform .form-label-outside,
.bg-gray-dark .rd-mailform .form-label-outside,
.bg-secondary-3 .rd-mailform .form-label-outside,
.bg-gradient-primary .rd-mailform .form-label-outside,
.one-screen-page .rd-mailform .form-label-outside,
.animated-box-front.bg-image .rd-mailform .form-label-outside,
.animated-box-back.bg-image .rd-mailform .form-label-outside,
.context-dark .rd-mailform .form-validation,
.bg-gray-darken .rd-mailform .form-validation,
.bg-default-primary .rd-mailform .form-validation,
.bg-gray-dark .rd-mailform .form-validation,
.bg-secondary-3 .rd-mailform .form-validation,
.bg-gradient-primary .rd-mailform .form-validation,
.one-screen-page .rd-mailform .form-validation,
.animated-box-front.bg-image .rd-mailform .form-validation,
.animated-box-back.bg-image .rd-mailform .form-validation {
  color: #fff;
}

.context-dark .counter-box,
.bg-gray-darken .counter-box,
.bg-default-primary .counter-box,
.bg-gray-dark .counter-box,
.bg-secondary-3 .counter-box,
.bg-gradient-primary .counter-box,
.one-screen-page .counter-box,
.animated-box-front.bg-image .counter-box,
.animated-box-back.bg-image .counter-box,
.context-dark .counter-box .counter-box-header,
.bg-gray-darken .counter-box .counter-box-header,
.bg-default-primary .counter-box .counter-box-header,
.bg-gray-dark .counter-box .counter-box-header,
.bg-secondary-3 .counter-box .counter-box-header,
.bg-gradient-primary .counter-box .counter-box-header,
.one-screen-page .counter-box .counter-box-header,
.animated-box-front.bg-image .counter-box .counter-box-header,
.animated-box-back.bg-image .counter-box .counter-box-header {
  color: #fff;
}

.context-dark .counter-box-bold .counter,
.bg-gray-darken .counter-box-bold .counter,
.bg-default-primary .counter-box-bold .counter,
.bg-gray-dark .counter-box-bold .counter,
.bg-secondary-3 .counter-box-bold .counter,
.bg-gradient-primary .counter-box-bold .counter,
.one-screen-page .counter-box-bold .counter,
.animated-box-front.bg-image .counter-box-bold .counter,
.animated-box-back.bg-image .counter-box-bold .counter,
.context-dark .counter-box-bold .counter-box-header,
.bg-gray-darken .counter-box-bold .counter-box-header,
.bg-default-primary .counter-box-bold .counter-box-header,
.bg-gray-dark .counter-box-bold .counter-box-header,
.bg-secondary-3 .counter-box-bold .counter-box-header,
.bg-gradient-primary .counter-box-bold .counter-box-header,
.one-screen-page .counter-box-bold .counter-box-header,
.animated-box-front.bg-image .counter-box-bold .counter-box-header,
.animated-box-back.bg-image .counter-box-bold .counter-box-header {
  color: #fff;
}

.context-dark .counter-box-bold .counter,
.bg-gray-darken .counter-box-bold .counter,
.bg-default-primary .counter-box-bold .counter,
.bg-gray-dark .counter-box-bold .counter,
.bg-secondary-3 .counter-box-bold .counter,
.bg-gradient-primary .counter-box-bold .counter,
.one-screen-page .counter-box-bold .counter,
.animated-box-front.bg-image .counter-box-bold .counter,
.animated-box-back.bg-image .counter-box-bold .counter {
  color: #718195;
}

.context-dark .counter-box-minimal .counter,
.bg-gray-darken .counter-box-minimal .counter,
.bg-default-primary .counter-box-minimal .counter,
.bg-gray-dark .counter-box-minimal .counter,
.bg-secondary-3 .counter-box-minimal .counter,
.bg-gradient-primary .counter-box-minimal .counter,
.one-screen-page .counter-box-minimal .counter,
.animated-box-front.bg-image .counter-box-minimal .counter,
.animated-box-back.bg-image .counter-box-minimal .counter,
.context-dark .counter-box-minimal .counter-box-title,
.bg-gray-darken .counter-box-minimal .counter-box-title,
.bg-default-primary .counter-box-minimal .counter-box-title,
.bg-gray-dark .counter-box-minimal .counter-box-title,
.bg-secondary-3 .counter-box-minimal .counter-box-title,
.bg-gradient-primary .counter-box-minimal .counter-box-title,
.one-screen-page .counter-box-minimal .counter-box-title,
.animated-box-front.bg-image .counter-box-minimal .counter-box-title,
.animated-box-back.bg-image .counter-box-minimal .counter-box-title {
  color: #fff;
}

.context-dark .quote-circle cite,
.bg-gray-darken .quote-circle cite,
.bg-default-primary .quote-circle cite,
.bg-gray-dark .quote-circle cite,
.bg-secondary-3 .quote-circle cite,
.bg-gradient-primary .quote-circle cite,
.one-screen-page .quote-circle cite,
.animated-box-front.bg-image .quote-circle cite,
.animated-box-back.bg-image .quote-circle cite,
.context-dark .quote-circle .quote-text,
.bg-gray-darken .quote-circle .quote-text,
.bg-default-primary .quote-circle .quote-text,
.bg-gray-dark .quote-circle .quote-text,
.bg-secondary-3 .quote-circle .quote-text,
.bg-gradient-primary .quote-circle .quote-text,
.one-screen-page .quote-circle .quote-text,
.animated-box-front.bg-image .quote-circle .quote-text,
.animated-box-back.bg-image .quote-circle .quote-text,
.context-dark .quote-circle .quote-boxed-meta,
.bg-gray-darken .quote-circle .quote-boxed-meta,
.bg-default-primary .quote-circle .quote-boxed-meta,
.bg-gray-dark .quote-circle .quote-boxed-meta,
.bg-secondary-3 .quote-circle .quote-boxed-meta,
.bg-gradient-primary .quote-circle .quote-boxed-meta,
.one-screen-page .quote-circle .quote-boxed-meta,
.animated-box-front.bg-image .quote-circle .quote-boxed-meta,
.animated-box-back.bg-image .quote-circle .quote-boxed-meta {
  color: #fff;
}

.context-dark .list-nav-marked>li,
.bg-gray-darken .list-nav-marked>li,
.bg-default-primary .list-nav-marked>li,
.bg-gray-dark .list-nav-marked>li,
.bg-secondary-3 .list-nav-marked>li,
.bg-gradient-primary .list-nav-marked>li,
.one-screen-page .list-nav-marked>li,
.animated-box-front.bg-image .list-nav-marked>li,
.animated-box-back.bg-image .list-nav-marked>li {
  color: #fff;
}

.context-dark .terms-list-inline dt:after,
.bg-gray-darken .terms-list-inline dt:after,
.bg-default-primary .terms-list-inline dt:after,
.bg-gray-dark .terms-list-inline dt:after,
.bg-secondary-3 .terms-list-inline dt:after,
.bg-gradient-primary .terms-list-inline dt:after,
.one-screen-page .terms-list-inline dt:after,
.animated-box-front.bg-image .terms-list-inline dt:after,
.animated-box-back.bg-image .terms-list-inline dt:after,
.context-dark .terms-list-inline dd,
.bg-gray-darken .terms-list-inline dd,
.bg-default-primary .terms-list-inline dd,
.bg-gray-dark .terms-list-inline dd,
.bg-secondary-3 .terms-list-inline dd,
.bg-gradient-primary .terms-list-inline dd,
.one-screen-page .terms-list-inline dd,
.animated-box-front.bg-image .terms-list-inline dd,
.animated-box-back.bg-image .terms-list-inline dd {
  color: #d8d8d8;
}

.context-dark .link,
.bg-gray-darken .link,
.bg-default-primary .link,
.bg-gray-dark .link,
.bg-secondary-3 .link,
.bg-gradient-primary .link,
.one-screen-page .link,
.animated-box-front.bg-image .link,
.animated-box-back.bg-image .link,
.context-dark .link:active,
.bg-gray-darken .link:active,
.bg-default-primary .link:active,
.bg-gray-dark .link:active,
.bg-secondary-3 .link:active,
.bg-gradient-primary .link:active,
.one-screen-page .link:active,
.animated-box-front.bg-image .link:active,
.animated-box-back.bg-image .link:active,
.context-dark .link:focus,
.bg-gray-darken .link:focus,
.bg-default-primary .link:focus,
.bg-gray-dark .link:focus,
.bg-secondary-3 .link:focus,
.bg-gradient-primary .link:focus,
.one-screen-page .link:focus,
.animated-box-front.bg-image .link:focus,
.animated-box-back.bg-image .link:focus {
  color: inherit;
}

.context-dark .link:hover,
.bg-gray-darken .link:hover,
.bg-default-primary .link:hover,
.bg-gray-dark .link:hover,
.bg-secondary-3 .link:hover,
.bg-gradient-primary .link:hover,
.one-screen-page .link:hover,
.animated-box-front.bg-image .link:hover,
.animated-box-back.bg-image .link:hover {
  color: #5798ef;
}

.context-dark .owl-carousel .owl-prev:hover,
.bg-gray-darken .owl-carousel .owl-prev:hover,
.bg-default-primary .owl-carousel .owl-prev:hover,
.bg-gray-dark .owl-carousel .owl-prev:hover,
.bg-secondary-3 .owl-carousel .owl-prev:hover,
.bg-gradient-primary .owl-carousel .owl-prev:hover,
.one-screen-page .owl-carousel .owl-prev:hover,
.animated-box-front.bg-image .owl-carousel .owl-prev:hover,
.animated-box-back.bg-image .owl-carousel .owl-prev:hover,
.context-dark .owl-carousel .owl-next:hover,
.bg-gray-darken .owl-carousel .owl-next:hover,
.bg-default-primary .owl-carousel .owl-next:hover,
.bg-gray-dark .owl-carousel .owl-next:hover,
.bg-secondary-3 .owl-carousel .owl-next:hover,
.bg-gradient-primary .owl-carousel .owl-next:hover,
.one-screen-page .owl-carousel .owl-next:hover,
.animated-box-front.bg-image .owl-carousel .owl-next:hover,
.animated-box-back.bg-image .owl-carousel .owl-next:hover {
  opacity: .5;
}

.context-dark .owl-carousel .owl-prev,
.bg-gray-darken .owl-carousel .owl-prev,
.bg-default-primary .owl-carousel .owl-prev,
.bg-gray-dark .owl-carousel .owl-prev,
.bg-secondary-3 .owl-carousel .owl-prev,
.bg-gradient-primary .owl-carousel .owl-prev,
.one-screen-page .owl-carousel .owl-prev,
.animated-box-front.bg-image .owl-carousel .owl-prev,
.animated-box-back.bg-image .owl-carousel .owl-prev,
.context-dark .owl-carousel .owl-prev:hover,
.bg-gray-darken .owl-carousel .owl-prev:hover,
.bg-default-primary .owl-carousel .owl-prev:hover,
.bg-gray-dark .owl-carousel .owl-prev:hover,
.bg-secondary-3 .owl-carousel .owl-prev:hover,
.bg-gradient-primary .owl-carousel .owl-prev:hover,
.one-screen-page .owl-carousel .owl-prev:hover,
.animated-box-front.bg-image .owl-carousel .owl-prev:hover,
.animated-box-back.bg-image .owl-carousel .owl-prev:hover {
  border-color: transparent transparent #fff #fff;
}

.context-dark .owl-carousel .owl-next,
.bg-gray-darken .owl-carousel .owl-next,
.bg-default-primary .owl-carousel .owl-next,
.bg-gray-dark .owl-carousel .owl-next,
.bg-secondary-3 .owl-carousel .owl-next,
.bg-gradient-primary .owl-carousel .owl-next,
.one-screen-page .owl-carousel .owl-next,
.animated-box-front.bg-image .owl-carousel .owl-next,
.animated-box-back.bg-image .owl-carousel .owl-next,
.context-dark .owl-carousel .owl-next:hover,
.bg-gray-darken .owl-carousel .owl-next:hover,
.bg-default-primary .owl-carousel .owl-next:hover,
.bg-gray-dark .owl-carousel .owl-next:hover,
.bg-secondary-3 .owl-carousel .owl-next:hover,
.bg-gradient-primary .owl-carousel .owl-next:hover,
.one-screen-page .owl-carousel .owl-next:hover,
.animated-box-front.bg-image .owl-carousel .owl-next:hover,
.animated-box-back.bg-image .owl-carousel .owl-next:hover {
  border-color: #fff #fff transparent transparent;
}

.context-dark .owl-carousel .owl-dot,
.bg-gray-darken .owl-carousel .owl-dot,
.bg-default-primary .owl-carousel .owl-dot,
.bg-gray-dark .owl-carousel .owl-dot,
.bg-secondary-3 .owl-carousel .owl-dot,
.bg-gradient-primary .owl-carousel .owl-dot,
.one-screen-page .owl-carousel .owl-dot,
.animated-box-front.bg-image .owl-carousel .owl-dot,
.animated-box-back.bg-image .owl-carousel .owl-dot {
  border-color: #fff;
}

.context-dark .owl-carousel .owl-dot.active,
.bg-gray-darken .owl-carousel .owl-dot.active,
.bg-default-primary .owl-carousel .owl-dot.active,
.bg-gray-dark .owl-carousel .owl-dot.active,
.bg-secondary-3 .owl-carousel .owl-dot.active,
.bg-gradient-primary .owl-carousel .owl-dot.active,
.one-screen-page .owl-carousel .owl-dot.active,
.animated-box-front.bg-image .owl-carousel .owl-dot.active,
.animated-box-back.bg-image .owl-carousel .owl-dot.active {
  background: #fff;
}

.context-dark .owl-carousel-style-3 .owl-prev,
.bg-gray-darken .owl-carousel-style-3 .owl-prev,
.bg-default-primary .owl-carousel-style-3 .owl-prev,
.bg-gray-dark .owl-carousel-style-3 .owl-prev,
.bg-secondary-3 .owl-carousel-style-3 .owl-prev,
.bg-gradient-primary .owl-carousel-style-3 .owl-prev,
.one-screen-page .owl-carousel-style-3 .owl-prev,
.animated-box-front.bg-image .owl-carousel-style-3 .owl-prev,
.animated-box-back.bg-image .owl-carousel-style-3 .owl-prev,
.context-dark .owl-carousel-style-3 .owl-next,
.bg-gray-darken .owl-carousel-style-3 .owl-next,
.bg-default-primary .owl-carousel-style-3 .owl-next,
.bg-gray-dark .owl-carousel-style-3 .owl-next,
.bg-secondary-3 .owl-carousel-style-3 .owl-next,
.bg-gradient-primary .owl-carousel-style-3 .owl-next,
.one-screen-page .owl-carousel-style-3 .owl-next,
.animated-box-front.bg-image .owl-carousel-style-3 .owl-next,
.animated-box-back.bg-image .owl-carousel-style-3 .owl-next {
  border-color: #5798ef;
}

.context-dark .rd-mailform .select2-container--bootstrap .select2-selection,
.bg-gray-darken .rd-mailform .select2-container--bootstrap .select2-selection,
.bg-default-primary .rd-mailform .select2-container--bootstrap .select2-selection,
.bg-gray-dark .rd-mailform .select2-container--bootstrap .select2-selection,
.bg-secondary-3 .rd-mailform .select2-container--bootstrap .select2-selection,
.bg-gradient-primary .rd-mailform .select2-container--bootstrap .select2-selection,
.one-screen-page .rd-mailform .select2-container--bootstrap .select2-selection,
.animated-box-front.bg-image .rd-mailform .select2-container--bootstrap .select2-selection,
.animated-box-back.bg-image .rd-mailform .select2-container--bootstrap .select2-selection {
  color: #242731;
  background: #fff;
}

.context-dark .rd-mailform .select2-container .select2-selection--single .select2-selection__rendered,
.bg-gray-darken .rd-mailform .select2-container .select2-selection--single .select2-selection__rendered,
.bg-default-primary .rd-mailform .select2-container .select2-selection--single .select2-selection__rendered,
.bg-gray-dark .rd-mailform .select2-container .select2-selection--single .select2-selection__rendered,
.bg-secondary-3 .rd-mailform .select2-container .select2-selection--single .select2-selection__rendered,
.bg-gradient-primary .rd-mailform .select2-container .select2-selection--single .select2-selection__rendered,
.one-screen-page .rd-mailform .select2-container .select2-selection--single .select2-selection__rendered,
.animated-box-front.bg-image .rd-mailform .select2-container .select2-selection--single .select2-selection__rendered,
.animated-box-back.bg-image .rd-mailform .select2-container .select2-selection--single .select2-selection__rendered {
  color: #242731;
}

.context-dark .terms-list-uppercase dd,
.bg-gray-darken .terms-list-uppercase dd,
.bg-default-primary .terms-list-uppercase dd,
.bg-gray-dark .terms-list-uppercase dd,
.bg-secondary-3 .terms-list-uppercase dd,
.bg-gradient-primary .terms-list-uppercase dd,
.one-screen-page .terms-list-uppercase dd,
.animated-box-front.bg-image .terms-list-uppercase dd,
.animated-box-back.bg-image .terms-list-uppercase dd {
  color: #fff;
}

.context-dark .row-custom-bordered-small .col-bordered:after,
.bg-gray-darken .row-custom-bordered-small .col-bordered:after,
.bg-default-primary .row-custom-bordered-small .col-bordered:after,
.bg-gray-dark .row-custom-bordered-small .col-bordered:after,
.bg-secondary-3 .row-custom-bordered-small .col-bordered:after,
.bg-gradient-primary .row-custom-bordered-small .col-bordered:after,
.one-screen-page .row-custom-bordered-small .col-bordered:after,
.animated-box-front.bg-image .row-custom-bordered-small .col-bordered:after,
.animated-box-back.bg-image .row-custom-bordered-small .col-bordered:after {
  border-color: rgba(255, 255, 255, 0.22);
}

.context-dark .marked-list>li,
.bg-gray-darken .marked-list>li,
.bg-default-primary .marked-list>li,
.bg-gray-dark .marked-list>li,
.bg-secondary-3 .marked-list>li,
.bg-gradient-primary .marked-list>li,
.one-screen-page .marked-list>li,
.animated-box-front.bg-image .marked-list>li,
.animated-box-back.bg-image .marked-list>li {
  color: #fff;
}

.context-dark .pricing-box-2 .price-wrap>*,
.bg-gray-darken .pricing-box-2 .price-wrap>*,
.bg-default-primary .pricing-box-2 .price-wrap>*,
.bg-gray-dark .pricing-box-2 .price-wrap>*,
.bg-secondary-3 .pricing-box-2 .price-wrap>*,
.bg-gradient-primary .pricing-box-2 .price-wrap>*,
.one-screen-page .pricing-box-2 .price-wrap>*,
.animated-box-front.bg-image .pricing-box-2 .price-wrap>*,
.animated-box-back.bg-image .pricing-box-2 .price-wrap>*,
.context-dark .pricing-box-2 .price-wrap .price:before,
.bg-gray-darken .pricing-box-2 .price-wrap .price:before,
.bg-default-primary .pricing-box-2 .price-wrap .price:before,
.bg-gray-dark .pricing-box-2 .price-wrap .price:before,
.bg-secondary-3 .pricing-box-2 .price-wrap .price:before,
.bg-gradient-primary .pricing-box-2 .price-wrap .price:before,
.one-screen-page .pricing-box-2 .price-wrap .price:before,
.animated-box-front.bg-image .pricing-box-2 .price-wrap .price:before,
.animated-box-back.bg-image .pricing-box-2 .price-wrap .price:before,
.context-dark .pricing-list-marked li,
.bg-gray-darken .pricing-list-marked li,
.bg-default-primary .pricing-list-marked li,
.bg-gray-dark .pricing-list-marked li,
.bg-secondary-3 .pricing-list-marked li,
.bg-gradient-primary .pricing-list-marked li,
.one-screen-page .pricing-list-marked li,
.animated-box-front.bg-image .pricing-list-marked li,
.animated-box-back.bg-image .pricing-list-marked li {
  color: #fff;
}

.context-dark .pricing-box-3,
.bg-gray-darken .pricing-box-3,
.bg-default-primary .pricing-box-3,
.bg-gray-dark .pricing-box-3,
.bg-secondary-3 .pricing-box-3,
.bg-gradient-primary .pricing-box-3,
.one-screen-page .pricing-box-3,
.animated-box-front.bg-image .pricing-box-3,
.animated-box-back.bg-image .pricing-box-3 {
  background-color: #fff;
}

.context-dark .pricing-box-3 .pricing-title:after,
.bg-gray-darken .pricing-box-3 .pricing-title:after,
.bg-default-primary .pricing-box-3 .pricing-title:after,
.bg-gray-dark .pricing-box-3 .pricing-title:after,
.bg-secondary-3 .pricing-box-3 .pricing-title:after,
.bg-gradient-primary .pricing-box-3 .pricing-title:after,
.one-screen-page .pricing-box-3 .pricing-title:after,
.animated-box-front.bg-image .pricing-box-3 .pricing-title:after,
.animated-box-back.bg-image .pricing-box-3 .pricing-title:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 14px 0 14px;
  border-color: #fff transparent transparent transparent;
}

.page .context-dark .icon-trout-outline,
.page .bg-gray-darken .icon-trout-outline,
.page .bg-default-primary .icon-trout-outline,
.page .bg-gray-dark .icon-trout-outline,
.page .bg-secondary-3 .icon-trout-outline,
.page .bg-gradient-primary .icon-trout-outline,
.page .one-screen-page .icon-trout-outline,
.page .animated-box-front.bg-image .icon-trout-outline,
.page .animated-box-back.bg-image .icon-trout-outline {
  color: #fff;
  border-color: #fff;
}

.context-dark .isotope-filters .inline-list a,
.bg-gray-darken .isotope-filters .inline-list a,
.bg-default-primary .isotope-filters .inline-list a,
.bg-gray-dark .isotope-filters .inline-list a,
.bg-secondary-3 .isotope-filters .inline-list a,
.bg-gradient-primary .isotope-filters .inline-list a,
.one-screen-page .isotope-filters .inline-list a,
.animated-box-front.bg-image .isotope-filters .inline-list a,
.animated-box-back.bg-image .isotope-filters .inline-list a {
  color: #fff;
}

.context-dark .isotope-filters .inline-list a,
.bg-gray-darken .isotope-filters .inline-list a,
.bg-default-primary .isotope-filters .inline-list a,
.bg-gray-dark .isotope-filters .inline-list a,
.bg-secondary-3 .isotope-filters .inline-list a,
.bg-gradient-primary .isotope-filters .inline-list a,
.one-screen-page .isotope-filters .inline-list a,
.animated-box-front.bg-image .isotope-filters .inline-list a,
.animated-box-back.bg-image .isotope-filters .inline-list a,
.context-dark .isotope-filters .inline-list a:active,
.bg-gray-darken .isotope-filters .inline-list a:active,
.bg-default-primary .isotope-filters .inline-list a:active,
.bg-gray-dark .isotope-filters .inline-list a:active,
.bg-secondary-3 .isotope-filters .inline-list a:active,
.bg-gradient-primary .isotope-filters .inline-list a:active,
.one-screen-page .isotope-filters .inline-list a:active,
.animated-box-front.bg-image .isotope-filters .inline-list a:active,
.animated-box-back.bg-image .isotope-filters .inline-list a:active,
.context-dark .isotope-filters .inline-list a:focus,
.bg-gray-darken .isotope-filters .inline-list a:focus,
.bg-default-primary .isotope-filters .inline-list a:focus,
.bg-gray-dark .isotope-filters .inline-list a:focus,
.bg-secondary-3 .isotope-filters .inline-list a:focus,
.bg-gradient-primary .isotope-filters .inline-list a:focus,
.one-screen-page .isotope-filters .inline-list a:focus,
.animated-box-front.bg-image .isotope-filters .inline-list a:focus,
.animated-box-back.bg-image .isotope-filters .inline-list a:focus {
  color: #fff;
}

.context-dark .isotope-filters .inline-list a:hover,
.bg-gray-darken .isotope-filters .inline-list a:hover,
.bg-default-primary .isotope-filters .inline-list a:hover,
.bg-gray-dark .isotope-filters .inline-list a:hover,
.bg-secondary-3 .isotope-filters .inline-list a:hover,
.bg-gradient-primary .isotope-filters .inline-list a:hover,
.one-screen-page .isotope-filters .inline-list a:hover,
.animated-box-front.bg-image .isotope-filters .inline-list a:hover,
.animated-box-back.bg-image .isotope-filters .inline-list a:hover,
.context-dark .isotope-filters .inline-list a.active,
.bg-gray-darken .isotope-filters .inline-list a.active,
.bg-default-primary .isotope-filters .inline-list a.active,
.bg-gray-dark .isotope-filters .inline-list a.active,
.bg-secondary-3 .isotope-filters .inline-list a.active,
.bg-gradient-primary .isotope-filters .inline-list a.active,
.one-screen-page .isotope-filters .inline-list a.active,
.animated-box-front.bg-image .isotope-filters .inline-list a.active,
.animated-box-back.bg-image .isotope-filters .inline-list a.active {
  color: #fff;
}

.context-dark .btn-white-outline,
.bg-gray-darken .btn-white-outline,
.bg-default-primary .btn-white-outline,
.bg-gray-dark .btn-white-outline,
.bg-secondary-3 .btn-white-outline,
.bg-gradient-primary .btn-white-outline,
.one-screen-page .btn-white-outline,
.animated-box-front.bg-image .btn-white-outline,
.animated-box-back.bg-image .btn-white-outline,
.context-dark .btn-white-outline:active,
.bg-gray-darken .btn-white-outline:active,
.bg-default-primary .btn-white-outline:active,
.bg-gray-dark .btn-white-outline:active,
.bg-secondary-3 .btn-white-outline:active,
.bg-gradient-primary .btn-white-outline:active,
.one-screen-page .btn-white-outline:active,
.animated-box-front.bg-image .btn-white-outline:active,
.animated-box-back.bg-image .btn-white-outline:active,
.context-dark .btn-white-outline:focus,
.bg-gray-darken .btn-white-outline:focus,
.bg-default-primary .btn-white-outline:focus,
.bg-gray-dark .btn-white-outline:focus,
.bg-secondary-3 .btn-white-outline:focus,
.bg-gradient-primary .btn-white-outline:focus,
.one-screen-page .btn-white-outline:focus,
.animated-box-front.bg-image .btn-white-outline:focus,
.animated-box-back.bg-image .btn-white-outline:focus {
  color: #fff;
  background: transparent;
  border-color: #fff;
}

.context-dark .btn-white-outline:hover,
.bg-gray-darken .btn-white-outline:hover,
.bg-default-primary .btn-white-outline:hover,
.bg-gray-dark .btn-white-outline:hover,
.bg-secondary-3 .btn-white-outline:hover,
.bg-gradient-primary .btn-white-outline:hover,
.one-screen-page .btn-white-outline:hover,
.animated-box-front.bg-image .btn-white-outline:hover,
.animated-box-back.bg-image .btn-white-outline:hover {
  color: #fff;
  background: #67828d;
  border-color: #67828d;
}

.context-light,
.layout-panel-wrap {
  color: #6f727d;
}

.context-light h1,
.layout-panel-wrap h1,
.context-light h2,
.layout-panel-wrap h2,
.context-light h3,
.layout-panel-wrap h3,
.context-light h4,
.layout-panel-wrap h4,
.context-light h5,
.layout-panel-wrap h5,
.context-light h6,
.layout-panel-wrap h6,
.context-light .h1,
.layout-panel-wrap .h1,
.context-light .h2,
.layout-panel-wrap .h2,
.context-light .h3,
.layout-panel-wrap .h3,
.context-light .h4,
.layout-panel-wrap .h4,
.context-light .h5,
.layout-panel-wrap .h5,
.context-light .h6,
.layout-panel-wrap .h6 {
  color: #d8d8d8;
}

.bg-gray-darken .bg-decoration>svg {
  fill: #384662;
}

.bg-gray-darken p {
  color: #b3bbd8;
}

.bg-gray-darken .rd-mailform .form-control {
  background: #3f4f6e;
}

.bg-gray-darken a.icon-gray-darker {
  color: #fff;
}

.bg-gray-darken a.icon-gray-darker:hover {
  color: #5acea4;
}

html .bg-default {
  background-color: #fff;
}

html .bg-default-primary {
  background-color: #5798ef;
}

html .bg-gray-dark {
  background-color: #363d41;
}

html .bg-gray-light {
  background-color: #363d41;
}

html .bg-gray-lighter {
  background-color: #ededed;
}

html .bg-gray-darken {
  background-color: #384662;
}

html .bg-brand-info {
  background-color: #4b7fca;
}

.bg-default .bg-decoration>svg {
  fill: #fff;
}

.bg-default-primary .bg-decoration>svg {
  fill: #5798ef;
}

.bg-default-primary .row-custom-bordered [class*='col'] {
  border-color: #848e9c;
}

.bg-gray-dark .bg-decoration>svg {
  fill: #363d41;
}

.bg-gray-dark:not(.bg-image) .rd-mailform .form-control {
  background: #444c50;
}

.bg-gray-lighter .bg-decoration>svg {
  fill: #ededed;
}

.bg-gray-light .bg-decoration>svg {
  fill: #f2f3f8;
}

.bg-gray-light pre {
  background-color: #fff;
}

.bg-gray-light .progress-variant-primary .progress {
  background: #fff;
}

.bg-gray-light .progress-gradient .progress {
  background: #fff;
}

.bg-gray-light .post-boxed {

  background: #303135;
}

.bg-gray-light .thumbnail-boxed {
  background: #fff;
}

.bg-gray-light .box-inset {
  background: #fff;
}

.bg-gray-light .box-line {
  background: #fff;
}

.bg-gray-light .box-triangle,
.bg-gray-light .box-triangle-body,
.bg-gray-light .box-triangle-body:before {
  background: #fff;
}

.bg-gray-light .box-cta {
  background: #fff;
}

.bg-gray-light .box-line {
  background: #fff;
}

.bg-gray-light .quote-boxed-body,
.bg-gray-light .quote-boxed-body:before {
  background: #fff;
}

.bg-gray-light .form-control {
  background: #fff;
}

.bg-gray-light .comment .form-control {
  border: 2px solid #e8e8e8;
}

.bg-gray-light .form-label {
  color: #242731;
}

.bg-gray-light .search-form-classic .rd-search-submit:before {
  color: #242731;
}

.bg-gray-light .search-form-classic .rd-search-submit:hover:before {
  color: #6f727d;
}

.bg-gray-light .pricing-box-3 {
  background-color: #303135;
}

.bg-gray-light .pricing-box-3 .pricing-title:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 14px 0 14px;
  border-color: #d8d8d8 transparent transparent transparent;
}

.bg-secondary-3 .bg-decoration>svg {
  fill: #546274;
}

.bg-secondary-3 .row-custom-bordered [class*='col'] {
  border-color: #848e9c;
}

.bg-secondary-3 .height-fill {
  border-color: rgba(255, 255, 255, 0.11);
}

.bg-gradient-primary {
  background-color: #4060b6;
  background-image: linear-gradient(to right, rgba(103, 210, 255, 0.27), rgba(38, 27, 85, 0.27));
}

.bg-aside-left {
  position: relative;
  z-index: 0;
}

.bg-aside-left:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  background: inherit;
  width: 100vw;
}

html .bg-image {
  background-size: cover;
  background-position: center 55%;
  background-repeat: no-repeat;
}

html .bg-image form[data-form-type='subscribe'] .btn-primary,
html .bg-image form[data-form-type='subscribe'] .btn-primary:active,
html .bg-image form[data-form-type='subscribe'] .btn-primary:focus {
  color: #242731;
  background: #fff;
  border-color: #fff;
}

html .bg-image form[data-form-type='subscribe'] .btn-primary:hover {
  color: #fff;
  background: #5798ef;
  border-color: #5798ef;
}

html .bg-image-custom {
  background-size: cover;
  background-repeat: no-repeat;
}

@media (min-width: 992px) {
  .desktop .bg-fixed {
    background-attachment: fixed;
  }
}

.bg-white .form-control {
  background-color: #f5f5f5;
}

.bg-decorated {
  position: relative;
  z-index: 10;
}

.bg-decoration {
  position: absolute;
  left: 0;
  right: 0;
  font-size: 0;
  line-height: 0;
}

.bg-decoration-top {
  top: 1px;
  transform: translateY(-100%);
}

.bg-decoration-bottom {
  bottom: 1px;
  transform: translateY(100%);
}

.bg-decoration svg {
  min-width: 1000px;
  width: 100%;
  fill: #fff;
}

.page-title {
  position: relative;
  z-index: 1;
  padding: 40px 15px;
  text-align: center;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-color: #1b181d;
  background-image: url(../images/bg-image-1.jpg);
}

.page-title-text {
  font-family: inherit;
  font-weight: 100;
  letter-spacing: -.025em;
  color: #242731;
  font-size: 28px;
  line-height: 1.2;
  color: #fff;
}

@media (min-width: 768px) {
  .page-title {
    padding: 60px 15px;
  }

  .page-title-text {
    font-size: 42px;
  }
}

@media (min-width: 992px) {
  .desktop .page-title {
    padding: 220px 15px 60px;
  }

  .desktop .page-title-custom {
    padding-top: 130px;
    padding-bottom: 130px;
  }

  .desktop .page-title-text {
    font-size: 48px;
  }
}

@media (min-width: 1200px) {
  .page-title {
    padding: 250px 15px 85px;
  }
}

.footer-default {
  background-color: #34415b;
  color: #b3bbd8;
}

.footer-default .icon {
  color: #b3bbd8;
}

.footer-default .icon:hover {
  color: #5798ef;
}

.pre-footer-default {
  padding: 50px 0;
  background: #fff;
}

.pre-footer-default *+.rd-mailform {
  margin-top: 20px;
}

.pre-footer-default h4 {
  font-weight: 700;
}

.bg-white+.pre-footer-default {
  border-top: 1px solid #e8e8e8;
}

.page-footer-default {
  position: relative;
  overflow: hidden;
  color: #d8d8d8;
  background: #363d41;
  padding: 30px 0;
}

.pre-footer-default+.page-footer-default {
  margin-top: 0;
}

.page-footer-default a,
.page-footer-default a:active,
.page-footer-default a:focus {
  color: inherit;
}

.page-footer-default a:hover {
  color: #fff;
}

@media (min-width: 992px) {
  .pre-footer-header {
    margin-top: 10px;
  }

  .page-footer-default {
    padding: 10px 0;
  }
}

.pre-footer-minimal h4+*,
.pre-footer-minimal .h4+* {
  margin-top: 16px;
}

.pre-footer-minimal-inner {
  padding: 37px 0;
}

.pre-footer-minimal+.pre-footer-minimal,
.page-footer-minimal+.pre-footer-minimal,
.pre-footer-minimal+.page-footer-minimal,
.page-footer-minimal+.page-footer-minimal {
  margin-top: 0;
}

@media (min-width: 992px) and (max-width: 1199px) {

  .pre-footer-minimal,
  .page-footer-minimal {
    font-size: 13px;
  }

  .pre-footer-minimal [class*='list'] li,
  .page-footer-minimal [class*='list'] li {
    font-size: 12px;
  }
}

.page-footer-minimal {
  position: relative;
  overflow: hidden;
  color: #d8d8d8;
  background: #363d41;
  padding: 30px 0;
  text-align: center;
}

.page-footer-minimal a,
.page-footer-minimal a:active,
.page-footer-minimal a:focus {
  color: inherit;
}

.page-footer-minimal a:hover {
  color: #fff;
}

@media (min-width: 992px) {
  .page-footer-minimal {
    padding: 16px 0;
  }
}

.page-footer-corporate {
  position: relative;
  z-index: 1;
  padding: 1px 0;
  color: #d8d8d8;
  background-color: transparent;
}

.page-footer-corporate:before {
  content: '';
  position: absolute;
  top: 2px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background: inherit;
  pointer-events: none;
}

@media (min-width: 992px) {
  .page-footer-corporate:before {
    top: 0;
  }
}

.page-footer-corporate>* {
  z-index: 2;
}

.page-footer-corporate a,
.page-footer-corporate a:active,
.page-footer-corporate a:focus {
  color: inherit;
}

.page-footer-corporate a:hover {
  color: #fff;
}

.page-footer-corporate h3,
.page-footer-corporate .h3 {
  text-transform: none;
}

.page-footer-corporate .rd-mailform+* {
  margin-top: 40px;
}

.page-footer-corporate-inner {
  position: relative;
}

.page-footer-corporate-top {
  padding: 40px 0;
}

.page-footer-corporate-bottom {
  padding: 20px 0;
  position: relative;
  transform: translateY(-10px);
  margin-bottom: -10px;
  margin-left: -5px;
  margin-right: -5px;
  text-align: center;
}

.page-footer-corporate-bottom>* {
  margin-top: 10px;
  padding-left: 5px;
  padding-right: 5px;
}

@media (max-width: 767px) {
  .page-footer-corporate-inner {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 768px) {
  .page-footer-corporate-bottom {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media (min-width: 1800px) {
  .page-footer-corporate .rd-mailform+* {
    margin-top: 70px;
  }

  .page-footer-corporate-top {
    padding: 70px 0 40px;
  }

  .page-footer-corporate-inner {
    padding: 0 50px 0 35px;
  }
}

.one-screen-page {
  text-align: center;
  background-color: #1b181d;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
}

.one-screen-page .page {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background-color: transparent;
}

.one-screen-page-inner {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-height: 100vh;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.one-screen-page-inner,
.one-screen-page-inner>* {
  width: 100%;
}

.one-screen-page-inner:before {
  content: '';
  display: block;
  width: 100%;
}

.one-screen-page .shell {
  width: 100%;
}

.one-screen-page header {
  padding: calc(1em + 3vh) 0 calc(1em + 1.5vh);
}

.one-screen-page .one-screen-page-content {
  padding: calc(1em + 3vh) 0;
}

.one-screen-page footer {
  padding: calc(1em + 1.5vh) 0 calc(1em + 3vh);
}

.one-screen-page .rights a,
.one-screen-page .rights a:active,
.one-screen-page .rights a:focus {
  color: #fff;
}

.one-screen-page .rights a:hover {
  color: #ccc;
}

.one-screen-page *+.group-sm {
  margin-top: 35px;
}

@media (min-width: 768px) {
  .one-screen-page *+.group-sm {
    margin-top: 45px;
  }

  .one-screen-page *+.h7 {
    margin-top: 40px;
  }
}

.ie-10 .one-screen-page,
.ie-11 .one-screen-page {
  overflow-x: hidden;
  overflow-y: auto;
}

.layout-panel-wrap {
  position: fixed;
  top: 0;
  right: 0;
  width: 600px;
  height: 100vh;
  overflow: hidden;
  pointer-events: none;
  z-index: 1100;
}

.layout-panel-wrap.active .layout-panel {
  transform: translateX(0);
}

.layout-panel-wrap.active .layout-panel-inner:after {
  box-shadow: -3px 0px 50px -2px rgba(0, 0, 0, 0.14);
}

.layout-panel-wrap .layout-panel-toggle,
.layout-panel-wrap .layout-panel-inner>* {
  pointer-events: auto;
}

.layout-panel {
  width: auto;
  transform: translateX(276px);
  transition: .55s all ease;
}

.layout-panel-content {
  position: relative;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  padding-right: 16px;
}

.layout-panel-content .mCSB_outside+.mCSB_scrollTools {
  right: 0;
}

.layout-panel-content .mCSB_scrollTools {
  pointer-events: auto;
}

.layout-panel-content .mCSB_draggerContainer {
  background: #f2f3f8;
}

.layout-panel-content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.layout-panel-content .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(134, 115, 199, 0.3);
}

.layout-panel-content .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.layout-panel-content .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: rgba(134, 115, 199, 0.8);
}

.layout-panel-inner {
  position: relative;
  height: auto;
  min-height: 101vh;
  max-width: 260px;
  padding: 20px 0 20px;
  background: #fff;
  margin-left: auto;
  text-align: center;
}

.layout-panel-inner:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: -3px 0px 50px -2px transparent;
  z-index: -10;
  transition: .33s all ease;
}

.mobile.rd-navbar-fixed-linked .layout-panel-inner,
.tablet.rd-navbar-fixed-linked .layout-panel-inner {
  padding-bottom: 80px;
}

.layout-panel-header {
  padding: 0 12px;
}

.layout-panel-header *+.layout-panel-title {
  margin-top: 35px;
}

.layout-panel .isotope-filters {
  padding: 0 5px;
}

.layout-panel .isotope-filters ul li {
  font: 400 12px/24px "Roboto", sans-serif;
  color: #363d41;
}

.layout-panel .isotope-filters ul li a,
.layout-panel .isotope-filters ul li a:active,
.layout-panel .isotope-filters ul li a:focus {
  color: inherit;
}

.layout-panel .isotope-filters ul li a.active,
.layout-panel .isotope-filters ul li a:hover {
  color: #5acea4;
}

.layout-panel .isotope {
  margin-top: 0;
}

.layout-panel *+.isotope {
  margin-top: 20px;
}

.layout-panel *+.isotope-filters {
  margin-top: 25px;
}

.layout-panel-toggle {
  background: none;
  border: none;
  display: inline-block;
  padding: 0;
  outline: none;
  outline-offset: 0;
  cursor: pointer;
  -webkit-appearance: none;
  position: fixed;
  top: 20vh;
  right: 276px;
  z-index: 10;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #fff;
  color: #242731;
  text-align: center;
  border: 1px solid #f2f3f8;
  border-right: 0;
  transition: .55s all ease;
}

.layout-panel-toggle::-moz-focus-inner {
  border: none;
  padding: 0;
}

.layout-panel-toggle:before {
  content: '\f582';
  font-family: 'Material Design Icons';
  font-size: 22px;
}

.layout-panel-main {
  position: relative;
  z-index: 10;
  padding-left: 5px;
  padding-right: 4px;
}

.layout-panel-main .isotope {
  position: relative;
  margin-bottom: -10px;
  transform: translateY(-10px);
}

.layout-panel-main .isotope-item {
  margin-top: 10px;
  padding: 0 5px;
}

.layout-panel-main .isotope-item:before {
  content: '';
  display: block;
}

.layout-panel-main .isotope {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  position: static !important;
}

.layout-panel-main .isotope-item {
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

*+.layout-panel-main {
  margin-top: 25px;
}

@media (min-width: 768px) {
  .layout-panel-toggle {
    width: 54px;
    height: 54px;
    line-height: 54px;
  }
}

@media (min-width: 992px) {
  .desktop .layout-panel-wrap {
    width: 730px;
  }

  .desktop .layout-panel-wrap.active .layout-panel {
    transform: translateX(0);
  }

  .desktop .layout-panel-wrap .layout-panel {
    transform: translateX(346px);
  }

  .desktop .layout-panel-wrap .layout-panel-inner {
    max-width: 330px;
  }

  .desktop .layout-panel-wrap .layout-panel-toggle {
    right: 346px;
  }
}

.desktop.ie-10 .layout-panel,
.desktop.ie-11 .layout-panel {
  transform: translateX(346px);
}

.desktop.ie-10 .layout-panel-toggle,
.desktop.ie-11 .layout-panel-toggle {
  right: 16px;
}

.desktop.ie-10 .layout-panel-wrap.active,
.desktop.ie-11 .layout-panel-wrap.active {
  right: 16px;
}

.desktop.ie-10 .layout-panel-wrap.active .layout-panel-toggle,
.desktop.ie-11 .layout-panel-wrap.active .layout-panel-toggle {
  right: 362px;
}

.thumbnail-small {
  position: relative;
  display: block;
  text-align: center;
}

.thumbnail-small-image {
  position: relative;
  transition: .5s;
  will-change: opacity;
  transform-origin: 100% 100%;
}

.thumbnail-small-image:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
}

.thumbnail-small-image img {
  width: 100%;
  height: auto;
}

.thumbnail-small-hover-image {
  display: none;
}

.thumbnail-small-hover-image img {
  width: 100%;
  height: auto;
}

.thumbnail-small-caption {
  position: relative;
  padding: 5px;
}

.thumbnail-small-caption:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #4d575d;
  transition: .2s;
}

.thumbnail-small-header {
  position: relative;
  z-index: 1;
  font: 400 13px/18px "Roboto", sans-serif;
  color: #fff;
  text-transform: uppercase;
  transition: .2s;
}

@media (min-width: 992px) {
  .desktop .thumbnail-small-image:after {
    transition: .25s all ease;
  }

  .desktop .thumbnail-small-hover-image {
    display: block;
    position: absolute;
    left: -10px;
    top: 50%;
    z-index: 11;
    transform: translate(-120%, -60%);
    transition: .33s all ease;
    width: 342px;
    height: 252px;
    background: #fff;
    box-shadow: -3px 0px 50px -2px rgba(0, 0, 0, 0.14);
    opacity: 0;
    pointer-events: none;
  }

  .desktop .thumbnail-small-hover-image img {
    position: relative;
    max-width: 100%;
    max-height: 100%;
    border: 7px solid #fff;
  }

  .desktop .thumbnail-small-hover-image:before {
    content: '';
    position: absolute;
    top: 50%;
    z-index: -1000;
    transform: translateY(-50%) rotate(45deg);
    right: -11px;
    width: 24px;
    height: 24px;
    background: #fff;
    box-shadow: -3px 0px 45px -2px rgba(0, 0, 0, 0.13);
  }

  .desktop .thumbnail-small:hover .thumbnail-small-caption:after {
    bottom: 0;
    opacity: 1;
  }

  .desktop .thumbnail-small:hover .thumbnail-small-header {
    color: #fff;
  }

  .desktop .thumbnail-small:hover .thumbnail-small-image:after {
    opacity: 0;
  }

  .desktop .thumbnail-small:hover .thumbnail-small-hover-image {
    z-index: 12;
    opacity: 1;
    transform: translate(-100%, -60%);
  }
}

.thumbnail-small-new-item {
  position: absolute;
  z-index: 1;
  top: 7px;
  right: 7px;
  padding: 1px 4px 1px 7px;
  background-color: #5acea4;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 12px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.7);
}

ul,
ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul li,
ol li {
  display: block;
}

dl {
  margin: 0;
}

dt {
  font-weight: inherit;
}

.list-0 {
  line-height: 1.25;
}

.list-0>li+li {
  margin-top: 0;
}

.list>li+li {
  margin-top: 5px;
}

.list-xxs li {
  line-height: 1;
}

.list-xxs a {
  line-height: 1.2;
}

.list-xxs>li+li {
  margin-top: 6px;
}

.list-md>li+li {
  margin-top: 25px;
}

.list-xl>li+li {
  margin-top: 40px;
}

@media (min-width: 1200px) {
  .list-xl>li+li {
    margin-top: 90px;
  }
}

.list-inline>li {
  display: inline-block;
}

.inline-list-xxs {
  position: relative;
  transform: translateY(-8px);
  margin-bottom: -8px;
  margin-left: -3px;
  margin-right: -3px;
}

.inline-list-xxs>* {
  margin-top: 8px;
  padding-left: 3px;
  padding-right: 3px;
}

.inline-list-xxs>* {
  display: inline-block;
}

.inline-list-xs {
  position: relative;
  transform: translateY(-18px);
  margin-bottom: -18px;
  margin-left: -8px;
  margin-right: -8px;
}

.inline-list-xs>* {
  margin-top: 18px;
  padding-left: 8px;
  padding-right: 8px;
}

.inline-list-xs>* {
  display: inline-block;
}

.inline-list-sm {
  position: relative;
  transform: translateY(-8px);
  margin-bottom: -8px;
  margin-left: -10px;
  margin-right: -10px;
}

.inline-list-sm>* {
  margin-top: 8px;
  padding-left: 10px;
  padding-right: 10px;
}

.inline-list-sm>* {
  display: inline-block;
}

.inline-list-md {
  position: relative;
  transform: translateY(-8px);
  margin-bottom: -8px;
  margin-left: -13px;
  margin-right: -13px;
}

.inline-list-md>* {
  margin-top: 8px;
  padding-left: 13px;
  padding-right: 13px;
}

.inline-list-md>* {
  display: inline-block;
}

.inline-list-lg {
  position: relative;
  transform: translateY(-8px);
  margin-bottom: -8px;
  margin-left: -16px;
  margin-right: -16px;
}

.inline-list-lg>* {
  margin-top: 8px;
  padding-left: 16px;
  padding-right: 16px;
}

.inline-list-lg>* {
  display: inline-block;
}

.terms-list {
  text-align: left;
}

.terms-list dt {
  font-family: inherit;
  font-weight: 100;
  letter-spacing: -.025em;
  color: #242731;
  font-size: 22px;
  line-height: 1.35;
}

@media (min-width: 768px) {
  .terms-list dt {
    font-size: 30px;
    line-height: 1.33333;
  }
}

.terms-list dt+dd {
  margin-top: 10px;
}

.terms-list dd+dt {
  margin-top: 30px;
}

@media (min-width: 1200px) {
  .terms-list dd+dt {
    margin-top: 50px;
  }
}

.terms-list-inline {
  vertical-align: middle;
}

.terms-list-inline dt,
.terms-list-inline dd {
  display: inline-block;
  vertical-align: middle;
}

.terms-list-inline dt:after {
  content: ':';
}

.terms-list-uppercase {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.terms-list-uppercase dt,
.terms-list-uppercase dd {
  display: inline-block;
}

.terms-list-uppercase dt {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  color: #d8d8d8;
  min-width: 100px;
}

.terms-list-uppercase dd {
  color: #000;
}

@media (min-width: 768px) {
  .terms-list-uppercase dt {
    min-width: 160px;
  }
}

*+.terms-list-uppercase {
  margin-top: 35px;
}

.terms-list-uppercase+.terms-list-uppercase {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .terms-list-uppercase dt {
    font-size: 18px;
  }

  .terms-list-uppercase-2 dt {
    font-size: 13px;
    font-weight: 700;
  }

  .terms-list-uppercase+.terms-list-uppercase {
    margin-top: 18px;
  }
}

.index-list {
  counter-reset: li;
}

.index-list>li .list-index-counter:before {
  content: counter(li, decimal-leading-zero);
  counter-increment: li;
}

.marked-list>li {
  position: relative;
  padding-left: 25px;
  font: 400 14px/24px "Roboto", sans-serif;
  color: #242731;
  text-align: left;
}

.marked-list>li:before {
  position: absolute;
  top: -1px;
  left: 0;
  content: '\f105';
  font: 400 16px/24px "FontAwesome";
  color: #b7b7b7;
}

.marked-list>li a,
.marked-list>li a:active,
.marked-list>li a:focus {
  color: inherit;
}

.marked-list>li a:hover {
  color: #5798ef;
}

.marked-list>li+li {
  margin-top: 10px;
}

.marked-list__marker-1>li {
  padding-left: 30px;
}

.marked-list__marker-1>li:before {
  color: #5acea4;
  content: '\e005';
  font: 400 13px/24px "fl-flat-icons-set-2";
}

.marked-list-gray-darker>li {
  color: #363d41;
}

.ordered-list {
  counter-reset: li;
}

.ordered-list li {
  position: relative;
  padding-left: 25px;
  font: 400 14px/24px "Roboto", sans-serif;
  color: #242731;
}

.ordered-list li:before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 15px;
  content: counter(li, decimal) ".";
  counter-increment: li;
  color: #b7b7b7;
}

.ordered-list li+li {
  margin-top: 10px;
}

.list-bold>li {
  font: 700 16px "Roboto", sans-serif;
  color: #2b2c2f;
}

.list-bold>li>a,
.list-bold>li>a:active,
.list-bold>li>a:focus {
  color: inherit;
}

.list-bold>li>a:hover {
  color: #5798ef;
}

.list-bold>li+li {
  margin-top: 15px;
}

@media (min-width: 768px) {
  .list-bold>li {
    font-size: 18px;
  }

  .list-bold>li+li {
    margin-top: 15px;
  }
}

.list-nav {
  position: relative;
  transform: translateY(-5px);
  margin-bottom: -5px;
  margin-left: -10px;
  margin-right: -10px;
}

.list-nav>* {
  margin-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (max-width: 767px) {
  .list-nav {
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
  }
}

.list-nav li {
  display: inline-block;
}

.list-nav a,
.list-nav a:active,
.list-nav a:focus {
  color: inherit;
}

.list-nav a:hover {
  color: #fff;
}

.list-nav li.active {
  pointer-events: none;
  color: #fff;
}

@media (min-width: 768px) {
  .list-nav {
    position: relative;
    transform: translateY(-5px);
    margin-bottom: -5px;
    margin-left: -19px;
    margin-right: -19px;
  }

  .list-nav>* {
    margin-top: 5px;
    padding-left: 19px;
    padding-right: 19px;
  }
}

.list-nav-marked {
  text-align: left;
}

.list-nav-marked>li {
  position: relative;
  padding-left: 15px;
  font-size: 14px;
  color: #6f727d;
}

.list-nav-marked>li:before {
  content: '\f105';
  font-family: "FontAwesome";
  position: absolute;
  top: 1px;
  left: 0;
  font-size: 16px;
  line-height: 20px;
  color: #5798ef;
  transition: .22s;
}

.list-nav-marked>li a,
.list-nav-marked>li a:active,
.list-nav-marked>li a:focus {
  color: inherit;
}

.list-nav-marked>li a:hover {
  color: #5798ef;
}

.list-nav-marked>li:hover:before {
  left: 5px;
}

.list-bars {
  text-align: left;
}

.list-bars li {
  display: block;
}

.list-bars>li+li {
  margin-top: 25px;
}

.list-bars *+.progress {
  margin-top: 19px;
}

.list-bars-item-header {
  color: #6f727d;
  text-transform: uppercase;
}

.list-tags {
  position: relative;
  transform: translateY(-10px);
  margin-bottom: -10px;
  margin-left: -4px;
  margin-right: -4px;
}

.list-tags>* {
  margin-top: 10px;
  padding-left: 4px;
  padding-right: 4px;
}

.list-tags>li {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
}

.list-tags a {
  display: inline-block;
  padding: 10px 12px;
  color: #6f727d;
  background: transparent;
  border: 1px solid #ededed;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.list-tags a:hover {
  background-color: #5798ef;
  color: #fff;
}

.icon {
  display: inline-block;
  text-align: center;
}

.icon:before {
  display: inline-block;
  font-weight: 400;
  font-style: normal;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.page .icon-default {
  color: #6f727d;
}

.page .icon-success {
  color: #5acea4;
}

.page .icon-gray {
  color: #6f727d;
}

.page .icon-gray-darker {
  color: #242731;
}

.page .icon-primary {
  color: #5798ef;
}

.page .icon-secondary {
  color: #ffd400;
}

.page .icon-white {
  color: #fff;
}

.page .icon-gray-6 {
  color: #a9b8c1;
}

.page .icon-mine-shaft {
  color: #434345;
}

.page .icon-mako {
  color: #444c50;
}

.page .icon-mako.icon-circle {
  background-color: #444c50;
  color: #fff;
}

.page a.icon-white:hover,
.page a.icon-gray:hover,
.page a.icon-gray-darker:hover,
.page a.icon-gray-6:hover,
.page a.icon-mako:hover,
.page a.icon-mine-shaft:hover {
  color: #5acea4;
}

.page a.icon-white.icon-effect-1:after,
.page a.icon-gray.icon-effect-1:after,
.page a.icon-gray-darker.icon-effect-1:after,
.page a.icon-gray-6.icon-effect-1:after,
.page a.icon-mako.icon-effect-1:after,
.page a.icon-mine-shaft.icon-effect-1:after {
  background: #fff;
}

.page a.icon-white.icon-effect-1:hover,
.page a.icon-gray.icon-effect-1:hover,
.page a.icon-gray-darker.icon-effect-1:hover,
.page a.icon-gray-6.icon-effect-1:hover,
.page a.icon-mako.icon-effect-1:hover,
.page a.icon-mine-shaft.icon-effect-1:hover {
  border-color: transparent;
}

.page a.icon-white.icon-circle:hover,
.page a.icon-gray.icon-circle:hover,
.page a.icon-gray-darker.icon-circle:hover,
.page a.icon-gray-6.icon-circle:hover,
.page a.icon-mako.icon-circle:hover,
.page a.icon-mine-shaft.icon-circle:hover {
  background-color: #5acea4;
  color: #fff;
}

.page .icon-primary-filled {
  color: #fff;
  background: #5798ef;
}

.page .icon-gray-filled {
  color: #fff;
  background: #6f727d;
}

.page .icon-gray-filled:hover {
  color: #fff;
  background: #5798ef;
}

.page .icon-gray-outline {
  color: #6f727d;
  background-color: transparent;
  border: 1px solid #6f727d;
}

.page .icon-gray-outline.icon-effect-1:after {
  background: #5798ef;
}

.page .icon-gray-outline.icon-effect-1:hover {
  border-color: #5798ef;
}

.page .icon-trout-outline {
  color: #50525e;
  background-color: transparent;
  border: 1px solid #50525e;
}

.page .icon-trout-outline:hover {
  color: #fff;
  background: #5798ef;
  border-color: #5798ef;
}

.page .icon-trout-outline.icon-effect-1:after {
  background: #5798ef;
}

.page .icon-trout-outline.icon-effect-1:hover {
  border-color: #5798ef;
}

.page .icon-effect-1 {
  position: relative;
  z-index: 1;
}

.page .icon-effect-1:after {
  content: '';
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  box-sizing: content-box;
  top: -2px;
  left: -2px;
  padding: 2px;
  z-index: -1;
  transition: transform 0.2s, opacity 0.3s;
  transform: scale(1.3);
  opacity: 0;
}

.page .icon-effect-1:hover {
  color: #fff;
  background-color: transparent;
}

.page .icon-effect-1:hover:after {
  transform: scale(1);
  opacity: 1;
}

.icon-xxs {
  font-size: 12px;
}

.icon-xxs.icon-circle {
  height: 27px;
  width: 27px;
  line-height: 27px;
}

.icon-xs {
  font-size: 15px;
}

.icon-xs.icon-square {
  width: 37px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
}

.icon-xs.icon-circle {
  width: 27px;
  height: 27px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
}

.icon-sm {
  font-size: 20px;
}

.icon-sm.icon-circle {
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-sm.icon-square {
  width: 42px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-md {
  font-size: 22px;
}

.icon-lg {
  font-size: 30px;
  line-height: 1;
}

@media (min-width: 992px) {
  .icon-lg {
    font-size: 58px;
  }
}

.icon-circle {
  border-radius: 100%;
}

.icon-circle.icon-effect-1:after {
  border-radius: 50%;
}

.icon-square {
  border: 1px solid;
}

.icon-square.fa-facebook {
  background-color: #547abb;
}

.icon-square.fa-facebook.icon-effect-1:after {
  background: #547abb;
}

.icon-square.fa-facebook.icon-effect-1:hover {
  border-color: #547abb;
}

.icon-square.fa-twitter {
  background-color: #44c0f3;
}

.icon-square.fa-twitter.icon-effect-1:after {
  background: #44c0f3;
}

.icon-square.fa-twitter.icon-effect-1:hover {
  border-color: #44c0f3;
}

.icon-square.fa-pinterest {
  background-color: #dd4b39;
}

.icon-square.fa-pinterest.icon-effect-1:after {
  background: #dd4b39;
}

.icon-square.fa-pinterest.icon-effect-1:hover {
  border-color: #dd4b39;
}

.icon-square.fa-instagram {
  background-color: #398aaa;
}

.icon-square.fa-instagram.icon-effect-1:after {
  background: #398aaa;
}

.icon-square.fa-instagram.icon-effect-1:hover {
  border-color: #398aaa;
}

.icon-square.fa-facebook,
.icon-square.fa-twitter,
.icon-square.fa-pinterest,
.icon-square.fa-instagram {
  color: #fff;
}

.fa-google-plus {
  position: relative;
  left: -1px;
}

.link {
  display: inline-block;
}

.link-inline {
  display: inline;
  padding: 0 .25em;
}

.link-inline,
.link-inline:active,
.link-inline:focus {
  color: inherit;
}

.link-inline:hover {
  color: #fca15f;
}

.link-sm {
  font-size: 16px;
  line-height: 1.2;
}

.link-md {
  font-size: 18px;
  line-height: 1.2;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .link-md {
    font-size: 16px;
  }
}

.page .link-default,
.page .link-default.active,
.page .link-default:active,
.page .link-default:focus {
  color: #5798ef;
}

.page .link-default.hover,
.page .link-default:hover {
  color: #4ac099;
}

.page .link-primary,
.page .link-primary:active,
.page .link-primary:focus {
  color: #5798ef;
}

.page .link-primary:hover {
  color: #000;
}

.page .link-white,
.page .link-white:active,
.page .link-white:focus {
  color: #d8d8d8;
}

.page .link-white:hover {
  color: #5798ef;
}

.link-gray,
.link-gray:active,
.link-gray:focus {
  color: #6f727d;
}

.link-gray:hover {
  color: #5798ef;
}

.link-gray-darker,
.link-gray-darker:active,
.link-gray-darker:focus {
  color: #242731;
}

.link-gray-darker:hover {
  color: #5798ef;
}

.link-underline {
  text-decoration: underline;
}

.link-underline:hover {
  text-decoration: none;
}

html .page [class*='group-']:before,
html .page [class*='group-']:after {
  content: '';
  display: table;
}

html .page .group {
  -webkit-transform: translateY(-15px);
  transform: translateY(-15px);
  margin-bottom: -15px;
  margin-left: -15px;
}

html .page .group>*,
html .page .group>*:first-child {
  display: inline-block;
  margin-top: 15px;
  margin-left: 15px;
}

html .page .group-xs {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  margin-bottom: -5px;
  margin-left: -5px;
}

html .page .group-xs>*,
html .page .group-xs>*:first-child {
  display: inline-block;
  margin-top: 5px;
  margin-left: 5px;
}

html .page .group-sm {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  margin-bottom: -10px;
  margin-left: -16px;
}

html .page .group-sm>*,
html .page .group-sm>*:first-child {
  display: inline-block;
  margin-top: 10px;
  margin-left: 16px;
}

html .page .group-md {
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
  margin-bottom: -20px;
  margin-left: -25px;
}

html .page .group-md>*,
html .page .group-md>*:first-child {
  display: inline-block;
  margin-top: 20px;
  margin-left: 25px;
}

html .page .group-lg {
  -webkit-transform: translateY(-15px);
  transform: translateY(-15px);
  margin-bottom: -15px;
  margin-left: -35px;
}

html .page .group-lg>*,
html .page .group-lg>*:first-child {
  display: inline-block;
  margin-top: 15px;
  margin-left: 35px;
}

html .page .group-xl {
  -webkit-transform: translateY(-15px);
  transform: translateY(-15px);
  margin-bottom: -15px;
  margin-left: -15px;
}

html .page .group-xl>*,
html .page .group-xl>*:first-child {
  display: inline-block;
  margin-top: 15px;
  margin-left: 15px;
}

@media (min-width: 992px) {
  html .page .group-xl {
    -webkit-transform: translateY(-25px);
    transform: translateY(-25px);
    margin-bottom: -25px;
    margin-left: -40px;
  }

  html .page .group-xl>*,
  html .page .group-xl>*:first-child {
    display: inline-block;
    margin-top: 25px;
    margin-left: 40px;
  }
}

@media (min-width: 1200px) {
  html .page .group-xl {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
    margin-bottom: -30px;
    margin-left: -90px;
  }

  html .page .group-xl>*,
  html .page .group-xl>*:first-child {
    display: inline-block;
    margin-top: 30px;
    margin-left: 90px;
  }
}

html .page .group-top>*,
html .page .group-top>*:first-child {
  vertical-align: top;
}

html .page .group-middle>*,
html .page .group-middle>*:first-child {
  vertical-align: middle;
}

html .page .group-bottom>*,
html .page .group-bottom>*:first-child {
  vertical-align: bottom;
}

html .page .group-sm-justify .btn {
  min-width: 200px;
}

@media (min-width: 768px) {
  html .page .group-sm-justify {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  html .page .group-sm-justify>* {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }

  html .page .group-sm-justify .btn {
    min-width: 130px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

html .page .group-md-1 {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  margin-bottom: -10px;
  margin-left: -20px;
}

html .page .group-md-1>*,
html .page .group-md-1>*:first-child {
  display: inline-block;
  margin-top: 10px;
  margin-left: 20px;
}

.spacing-negative-1 {
  transform: translate3d(0, 1px, 0);
  margin-bottom: 1px;
  pointer-events: none;
}

.spacing-negative-1>* {
  margin-top: -1px;
  pointer-events: auto;
}

.spacing-negative-1>*::before {
  content: '';
  display: table;
  width: 0;
}

.spacing-0 {
  transform: translate3d(0, 0, 0);
  margin-bottom: 0;
  pointer-events: none;
}

.spacing-0>* {
  margin-top: 0;
  pointer-events: auto;
}

.spacing-0>*::before {
  content: '';
  display: table;
  width: 0;
}

.spacing-10 {
  transform: translate3d(0, -10px, 0);
  margin-bottom: -10px;
  pointer-events: none;
}

.spacing-10>* {
  margin-top: 10px;
  pointer-events: auto;
}

.spacing-10>*::before {
  content: '';
  display: table;
  width: 0;
}

.spacing-20 {
  transform: translate3d(0, -20px, 0);
  margin-bottom: -20px;
  pointer-events: none;
}

.spacing-20>* {
  margin-top: 20px;
  pointer-events: auto;
}

.spacing-20>*::before {
  content: '';
  display: table;
  width: 0;
}

.spacing-30 {
  transform: translate3d(0, -30px, 0);
  margin-bottom: -30px;
  pointer-events: none;
}

.spacing-30>* {
  margin-top: 30px;
  pointer-events: auto;
}

.spacing-30>*::before {
  content: '';
  display: table;
  width: 0;
}

.spacing-40 {
  transform: translate3d(0, -40px, 0);
  margin-bottom: -40px;
  pointer-events: none;
}

.spacing-40>* {
  margin-top: 40px;
  pointer-events: auto;
}

.spacing-40>*::before {
  content: '';
  display: table;
  width: 0;
}

.spacing-50 {
  transform: translate3d(0, -50px, 0);
  margin-bottom: -50px;
  pointer-events: none;
}

.spacing-50>* {
  margin-top: 50px;
  pointer-events: auto;
}

.spacing-50>*::before {
  content: '';
  display: table;
  width: 0;
}

.spacing-55 {
  transform: translate3d(0, -55px, 0);
  margin-bottom: -55px;
  pointer-events: none;
}

.spacing-55>* {
  margin-top: 55px;
  pointer-events: auto;
}

.spacing-55>*::before {
  content: '';
  display: table;
  width: 0;
}

.spacing-70 {
  transform: translate3d(0, -50px, 0);
  margin-bottom: -50px;
  pointer-events: none;
}

.spacing-70>* {
  margin-top: 50px;
  pointer-events: auto;
}

.spacing-70>*::before {
  content: '';
  display: table;
  width: 0;
}

.spacing-90 {
  transform: translate3d(0, -50px, 0);
  margin-bottom: -50px;
  pointer-events: none;
}

.spacing-90>* {
  margin-top: 50px;
  pointer-events: auto;
}

.spacing-90>*::before {
  content: '';
  display: table;
  width: 0;
}

@media (min-width: 768px) {
  .spacing-70 {
    transform: translate3d(0, -70px, 0);
    margin-bottom: -70px;
  }

  .spacing-70>* {
    margin-top: 70px;
  }

  .spacing-90 {
    transform: translate3d(0, -90px, 0);
    margin-bottom: -90px;
  }

  .spacing-90>* {
    margin-top: 90px;
  }
}

.inset-left-25 {
  padding-left: 25px;
}

@media (min-width: 992px) {
  .inset-sm-25 {
    padding: 0 25px;
  }
}

.section-xs {
  padding: 40px 0;
}

.section-md-top {
  padding-top: 50px;
}

.section-md-bottom {
  padding-bottom: 50px;
}

.section-sm,
.section-md,
.section-lg,
.section-xl {
  padding: 60px 0;
}

@media (max-width: 767px) {

  section:first-child.section-sm,
  section:first-child.section-md,
  section:first-child.section-lg,
  section:first-child.section-xl {
    padding-top: 40px;
  }
}

@media (min-width: 768px) {
  section:first-child.section-sm {
    padding-top: 100px;
  }

  .section-md {
    padding: 70px 0;
  }

  .section-lg {
    padding: 80px 0;
  }

  .section-xl {
    padding: 95px 0;
  }
}

@media (min-width: 992px) {
  .section-sm {
    padding: 60px 0;
  }

  .section-md {
    padding: 95px 0;
  }

  .section-md-alternate {
    padding-bottom: 60px;
  }

  .section-md-top {
    padding-top: 95px;
  }

  .section-md-bottom {
    padding-bottom: 95px;
  }

  .section-lg {
    padding: 100px 0;
  }

  .section-xl {
    padding: 130px 0;
  }
}

@media (min-width: 1200px) and (min-height: 800px) {
  .section-xl {
    padding: 150px 0;
  }
}

*+h1,
*+.h1 {
  margin-top: 15px;
}

*+h3,
*+.h3 {
  margin-top: 20px;
}

*+h4,
*+.h4 {
  margin-top: 20px;
}

*+h4.header-lighter,
*+.h4.header-lighter {
  margin-top: 22px;
}

*+h5,
*+.h5 {
  margin-top: 15px;
}

*+pre {
  margin-top: 40px;
}

*+hr {
  margin-top: 10px;
}

*+p,
*+.p {
  margin-top: 20px;
}

*+.h7 {
  margin-top: 20px;
}

*+.big {
  margin-top: 8px;
}

*+.large {
  margin-top: 10px;
}

*+.btn {
  margin-top: 22px;
}

*+.btn.btn-offset-medium {
  margin-top: 20px;
}

*+.btn.btn-offset-small {
  margin-top: 14px;
}

*+.mark-bigger {
  margin-top: 12px;
}

*+.marked-list,
*+.ordered-list {
  margin-top: 12px;
}

*+.quote-primary {
  margin-top: 40px;
}

*+.row {
  margin-top: 30px;
}

*+.rd-mailform {
  margin-top: 40px;
}

*+.form-inline {
  margin-top: 10px;
}

*+.figure-lighter {
  margin-top: 30px;
}

.text-decoration-lines+* {
  margin-top: 25px;
}

*+.group-xs {
  margin-top: 15px;
}

*+.group-sm {
  margin-top: 35px;
}

*+.group-xl {
  margin-top: 30px;
}

*+.privacy-link {
  margin-top: 30px;
}

*+.list-bars {
  margin-top: 25px;
}

*+.inline-list-sm {
  margin-top: 22px;
}

*+.inline-list-xs {
  margin-top: 20px;
}

*+.inline-list-lg {
  margin-top: 20px;
}

*+.small {
  margin-top: 10px;
}

*+.box-cta {
  margin-top: 30px;
}

*+.tabs-line {
  margin-top: 35px;
}

*+.list-md {
  margin-top: 35px;
}

*+.box-contact-info {
  margin-top: 40px;
}

*+.rd-video-player {
  margin-top: 24px;
}

*+.flickr {
  margin-top: 30px;
}

p+p,
p+img,
p+.marked-list {
  margin-top: 24px;
}

h2+.ordered-list {
  margin-top: 36px;
}

p+h2 {
  margin-top: 10px;
}

p+.rd-mailform {
  margin-top: 18px;
}

p+.quote-primary,
.quote-primary+p {
  margin-top: 24px;
}

p+.row {
  margin-top: 40px;
}

p+.group-sm {
  margin-top: 15px;
}

p+.group-md {
  margin-top: 30px;
}

img+h4,
img+.h4 {
  margin-top: 30px;
}

h4+.checkbox-inline,
.h4+.checkbox-inline {
  margin-top: 15px;
}

h4+.marked-list {
  margin-top: 25px;
}

.checkbox+h4,
.checkbox+.h4 {
  margin-top: 30px;
}

.h7+.rd-mailform {
  margin-top: 25px;
}

.marked-list+.btn {
  margin-top: 30px;
}

.container+.container {
  margin-top: 45px;
}

.row+h2 {
  margin-top: 70px;
}

.row+.group-md {
  margin-top: 50px;
}

.big+.group-sm {
  margin-top: 40px;
}

section *+.section,
section .section+* {
  margin-top: 40px;
}

section *+.page-footer {
  margin-top: 40px;
}

section .section+.slide-down-wrapper {
  margin-top: 0;
}

section section.section-lg {
  padding-top: 0;
  padding-bottom: 0;
}

html *+.offset-custom-1 {
  margin-top: 40px;
}

html *+.offset-custom-2 {
  margin-top: 10px;
}

html .row-30 {
  transform: translate3d(0, -30px, 0);
  margin-bottom: -30px;
  pointer-events: none;
}

html .row-30>* {
  margin-top: 30px;
  pointer-events: auto;
}

html .row-30>*::before {
  content: '';
  display: table;
  width: 0;
}

@media (min-width: 480px) {
  *+.btn {
    margin-top: 30px;
  }
}

@media (min-width: 768px) {

  *+h4,
  *+.h4 {
    margin-top: 30px;
  }

  *+h5,
  *+.h5 {
    margin-top: 30px;
  }

  *+hr {
    margin-top: 25px;
  }

  *+.big {
    margin-top: 12px;
  }

  *+.btn {
    margin-top: 50px;
  }

  *+.row {
    margin-top: 50px;
  }

  *+.figure-lighter {
    margin-top: 40px;
  }

  *+.group-xl {
    margin-top: 50px;
  }

  *+.list-bars {
    margin-top: 40px;
  }

  *+.inline-list-lg {
    margin-top: 10px;
  }

  *+.h7 {
    margin-top: 10px;
  }

  *+.tabs-line {
    margin-top: 20px;
  }

  .container+.container {
    margin-top: 70px;
  }

  .row+h2 {
    margin-top: 90px;
  }

  .row+.group-md {
    margin-top: 75px;
  }

  p+.group-md {
    margin-top: 40px;
  }

  p+.owl-carousel {
    margin-top: 45px;
  }
}

@media (min-width: 1200px) {
  *+.big {
    margin-top: 24px;
  }

  .container+.container {
    margin-top: 100px;
  }

  p+.row {
    margin-top: 75px;
  }
}

.object-wrap {
  position: relative;
  overflow: hidden;
}

@media (min-width: 992px) {
  .object-wrap-md-right>.object-wrap-body {
    right: 0;
  }

  .object-wrap-md-left>.object-wrap-body {
    left: 0;
  }
}

@media (min-width: 992px) {
  .object-wrap-body {
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100vw;
    min-width: 1px;
    max-width: none;
    height: 100%;
    min-height: 100%;
    max-height: none;
    margin: 0;
    background: inherit;
    z-index: 0;
  }

  .object-wrap-body+* {
    margin-top: 0;
  }

  .object-wrap-body.object-wrap-map {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }

  .object-wrap-body.object-wrap-map .google-map {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
}

@media (min-width: 992px) {
  .sizing-1 {
    width: calc(50% - 970px / 2 - 50px + (970px / 12) * 6);
  }
}

@media (min-width: 1200px) {
  .sizing-1 {
    width: calc(50% - 1200px / 2 + (1200px / 12) * 5);
  }
}

@media (min-width: 1200px) {
  .sizing-1 {
    width: calc(50% - 1800px / 2 + (1800px / 12) * 5);
  }
}

.banner-box {
  display: inline-block;
  position: relative;
  overflow: hidden;
  text-align: left;
  color: #000;
}

.banner-box figure {
  margin: 0;
}

.banner-box img {
  max-width: 100%;
  height: auto;
}

.banner-box h1,
.banner-box h2,
.banner-box h3,
.banner-box h4,
.banner-box h5,
.banner-box h6 {
  font-weight: 900;
}

.banner-box:hover {
  color: inherit;
}

.banner-box-variant-1 {
  padding: 10px;
  background-color: #f2f3f8;
}

.banner-box-variant-1 .caption {
  position: absolute;
  bottom: 20px;
  left: 20px;
  padding: 15px;
  background-color: rgba(255, 255, 255, 0.7);
}

.bg-gray-light .banner-box-variant-1 {
  background-color: #fff;
}

@media (min-width: 768px) {
  .banner-box-variant-1 {
    padding: 20px;
  }

  .banner-box-variant-1 .caption {
    bottom: 50px;
    left: 50px;
  }
}

.banner-box-variant-2 {
  border-left: 1px solid;
  color: #242731;
}

.banner-box-variant-2 .caption {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  padding-top: 30px;
  padding-left: 15px;
}

.banner-box-variant-2 .caption:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  display: inline-block;
  background-color: #fff;
  max-width: 150px;
}

.banner-box-variant-2 .caption>* {
  position: relative;
  max-width: 150px;
}

.banner-box-variant-2 .banner-title {
  max-width: 100%;
  margin-top: 5px;
  padding: 15px 15px 20px;
  white-space: nowrap;
  background-color: #5798ef;
  color: #fff;
}

.bg-gray-light .banner-box-variant-2 .caption:before {
  background-color: #f2f3f8;
}

.banner-box-variant-3 {
  padding: 10px;
  background-color: #242731;
}

.banner-box-variant-3 figure {
  background-color: #fff;
  padding: 25px;
}

.banner-box-variant-3 figure img {
  opacity: .7;
}

.banner-box-variant-3 .caption {
  position: absolute;
  left: 45px;
  bottom: 45px;
}

.banner-box-variant-3 .banner-sale-block {
  position: absolute;
  top: 0;
  right: 20px;
  text-align: right;
  background-color: #78abf1;
  line-height: 1;
  margin-top: 0;
  padding: 10px;
  color: #fff;
}

.banner-box-variant-3 .banner-sale-block>span {
  display: block;
  font-weight: 700;
}

.banner-box-variant-3 .banner-sale-block>span:nth-child(1) {
  font-size: 16px;
}

.banner-box-variant-3 .banner-sale-block>span:nth-child(2) {
  font-size: 26px;
}

.banner-box-variant-3 .banner-sale-block>span:nth-child(3) {
  font-size: 36px;
}

.banner-box-variant-3 .banner-sale-block>span:nth-child(4) {
  font-size: 26px;
  letter-spacing: .26em;
  font-weight: 900;
  text-transform: uppercase;
}

@media (min-width: 480px) {
  .banner-box-variant-3 .banner-sale-block>span {
    display: block;
  }

  .banner-box-variant-3 .banner-sale-block>span:nth-child(1) {
    font-size: 22px;
  }

  .banner-box-variant-3 .banner-sale-block>span:nth-child(2) {
    font-size: 36px;
  }

  .banner-box-variant-3 .banner-sale-block>span:nth-child(3) {
    font-size: 50px;
  }

  .banner-box-variant-3 .banner-sale-block>span:nth-child(4) {
    font-size: 36px;
  }
}

@media (min-width: 768px) {
  .banner-box-variant-3 .banner-sale-block>span {
    display: block;
  }

  .banner-box-variant-3 .banner-sale-block>span:nth-child(1) {
    font-size: 27px;
  }

  .banner-box-variant-3 .banner-sale-block>span:nth-child(2) {
    font-size: 45px;
  }

  .banner-box-variant-3 .banner-sale-block>span:nth-child(3) {
    font-size: 64px;
  }

  .banner-box-variant-3 .banner-sale-block>span:nth-child(4) {
    font-size: 50px;
    position: relative;
    right: -6px;
  }
}

.banner-box-variant-4 .caption {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.banner-box-variant-4 .caption:before {
  position: absolute;
  top: -30px;
  bottom: -30px;
  left: 40px;
  right: 40px;
  content: "";
  display: inline-block;
  background-color: rgba(87, 152, 239, 0.5);
  border: 8px solid #5798ef;
}

.banner-box-variant-4 .caption>* {
  position: relative;
}

.banner-box-variant-4 .caption>*+* {
  margin-top: 35px;
}

.banner-box-variant-4 .caption *+.banner-title {
  margin-top: 25px;
}

.banner-box-variant-4 .banner-title {
  white-space: nowrap;
}

.banner-box-variant-5 {
  padding: 25px 35px;
  background-image: url(../images/bg-image-6.jpg);
  background-size: cover;
  width: 100%;
}

.banner-box-variant-5 .caption {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row wrap;
  margin-bottom: -25px;
  transform: translateY(-25px);
}

.banner-box-variant-5 .caption>* {
  margin-top: 25px;
}

.banner-box-variant-5 .title-group>* {
  color: #fff;
}

.banner-box-variant-6 {
  max-width: 250px;
  padding: 25px 15px;
  background-color: #f2f3f8;
}

.banner-box-variant-6>* {
  position: relative;
  z-index: 2;
}

.banner-box-variant-6 figure {
  margin-top: 15px;
  z-index: 0;
}

.banner-box-variant-6:before {
  position: absolute;
  top: 0;
  content: "";
  width: 80%;
  height: 50%;
  max-width: 128px;
  background-color: rgba(87, 152, 239, 0.5);
  z-index: 1;
}

@media (min-width: 768px) {
  .banner-box-variant-6 {
    padding: 45px 20px;
  }
}

.card-simple {
  max-width: 170px;
  margin-left: auto;
  margin-right: auto;
  border: 0;
}

.product-timeline-divider {
  display: none;
  border-top: 1px solid rgba(203, 212, 255, 0.3);
  margin-top: 19px;
  margin-bottom: 15px;
  position: relative;
}

@media (min-width: 992px) {
  .product-timeline-divider {
    margin-top: 40px;
  }
}

.product-timeline-divider:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 9px;
  height: 9px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.17);
  background: #fff;
  display: none;
}

.product-timeline-divider:before {
  width: 185px;
  height: 185px;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: rgba(75, 127, 202, 0.1);
  border: 1px solid rgba(75, 127, 202, 0.36);
  z-index: 0;
  display: none;
}

.product-timeline {
  position: relative;
}

.product-timeline>.product-timeline-item:nth-child(1) .product-timeline-divider:before {
  width: 109px;
  height: 109px;
}

.product-timeline>.product-timeline-item:nth-child(2) .product-timeline-divider:before {
  width: 143px;
  height: 143px;
}

.product-timeline>.product-timeline-item:nth-child(3) .product-timeline-divider:before {
  width: 183px;
  height: 183px;
}

.product-timeline>.product-timeline-item:nth-child(4) .product-timeline-divider:before {
  width: 236px;
  height: 236px;
}

.product-timeline:before {
  content: "";
  position: absolute;
  width: 2px;
  bottom: 0;
  background: #1A1B1F;
  left: 28px;
  top: 0;
  display: none;
}

.product-timeline.spacing-60:before {
  top: 60px;
  bottom: 0;
}

.product-timeline-item-icon {
  z-index: 1;
  font-size: 30px;
  line-height: 1;
}

@media (min-width: 992px) {
  .product-timeline-item-icon {
    font-size: 50px;
  }
}

.product-timeline-item {
  position: relative;
}

.product-timeline-item p {
  display: inline-block;
}

.product-timeline-item>* {
  position: relative;
}

.product-timeline-item:after {
  content: "";
  position: absolute;
  left: 24px;
  top: 50%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #457AF1;
  display: none;
}

@media (min-width: 768px) {
  .product-timeline:before {
    display: none;
  }

  .product-timeline-item:after {
    display: none;
  }

  .product-timeline-divider:after {
    display: block;
  }

  .product-timeline-divider {
    display: block;
  }
}

@media (min-width: 992px) {
  .product-timeline-divider:before {
    display: block;
  }
}

.animated-box-wrap {
  perspective: 1000px;
  position: relative;
  max-width: 700px;
}

.animated-box-wrap *+h4 {
  margin-top: 15px;
}

html:not([data-x-mode]) .animated-box-wrap:hover .animated-box {
  transform: rotateY(180deg);
}

html:not([data-x-mode]) .animated-box-wrap:hover .animated-box .animated-box-back .animated-box-inner {
  transform: translate3d(0, 0, 0);
}

html:not([data-x-mode]) .animated-box-wrap:hover .animated-box .animated-box-front .animated-box-inner {
  transform: translate3d(0, 0, 90px);
}

html:not([data-x-mode]) .animated-box-wrap-vertical:hover .animated-box {
  transform: rotateX(180deg);
}

.animated-box-wrap.active .animated-box {
  transform: rotateY(180deg);
}

.animated-box-wrap.active .animated-box .animated-box-back .animated-box-inner {
  transform: translate3d(0, 0, 0);
}

.animated-box-wrap.active .animated-box .animated-box-front .animated-box-inner {
  transform: translate3d(0, 0, 90px);
}

.animated-box-wrap.active.animated-box-wrap-vertical .animated-box {
  transform: rotateX(180deg);
}

.animated-box-wrap-vertical .animated-box-back {
  transform: rotateX(-180deg);
}

.animated-box {
  transform-style: preserve-3d;
  border: 1px solid #f2f3f8;
  box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.09);
  text-align: center;
  transition: all 0.7s cubic-bezier(0.5, 0.12, 0.46, 0.88);
}

.animated-box-inner {
  transition: all 0.5s cubic-bezier(0.5, 0.12, 0.46, 0.88);
}

.animated-box-front,
.animated-box-back {
  display: flex;
  justify-content: center;
  align-items: center;
  transform-style: preserve-3d;
  min-height: 250px;
  padding: 25px;
  transition: all 0.1s 0.25s cubic-bezier(0.5, 0.12, 0.46, 0.88);
}

.animated-box-front.bg-image,
.animated-box-back.bg-image {
  background-size: cover;
}

.animated-box-front.bg-image:before,
.animated-box-back.bg-image:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.3);
}

@media (min-width: 768px) {

  .animated-box-front,
  .animated-box-back {
    min-height: 350px;
  }
}

.animated-box-front {
  background-color: #fff;
  backface-visibility: hidden;
  z-index: 1;
  transform: translate3d(0, 0, 1px);
}

.animated-box-front .animated-box-inner {
  transform: translate3d(0, 0, 0);
}

.animated-box-back {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
  transform: rotateY(180deg) translate3d(0, 0, 1px);
  background-color: #5798ef;
  color: #d8d8d8;
}

.animated-box-back .animated-box-inner {
  transform: translate3d(0, 0, 110px);
}

.animated-box-back .btn-white-outline,
.animated-box-back .btn-white-outline:active,
.animated-box-back .btn-white-outline:focus {
  color: #fff;
  background: transparent;
  border-color: #fff;
}

.animated-box-back .btn-white-outline:hover {
  color: #fff;
  background: #67828d;
  border-color: #67828d;
}

.ie-10 .animated-box-wrap .animated-box-back,
.ie-11 .animated-box-wrap .animated-box-back,
.ie-edge .animated-box-wrap .animated-box-back {
  opacity: 0;
}

.ie-10 .animated-box-wrap:hover .animated-box-front,
.ie-11 .animated-box-wrap:hover .animated-box-front,
.ie-edge .animated-box-wrap:hover .animated-box-front {
  opacity: 0;
  pointer-events: none;
}

.ie-10 .animated-box-wrap:hover .animated-box-back,
.ie-11 .animated-box-wrap:hover .animated-box-back,
.ie-edge .animated-box-wrap:hover .animated-box-back {
  opacity: 1;
}

.ie-10 .animated-box-front,
.ie-10 .animated-box-back,
.ie-11 .animated-box-front,
.ie-11 .animated-box-back,
.ie-edge .animated-box-front,
.ie-edge .animated-box-back {
  height: 250px;
}

@media (min-width: 768px) {

  .ie-10 .animated-box-front,
  .ie-10 .animated-box-back,
  .ie-11 .animated-box-front,
  .ie-11 .animated-box-back,
  .ie-edge .animated-box-front,
  .ie-edge .animated-box-back {
    height: 350px;
  }
}

.animated-box-skyscraper .animated-box-front,
.animated-box-skyscraper .animated-box-back {
  min-height: 300px;
  justify-content: space-between;
  flex-flow: row wrap;
}

@media (min-width: 768px) {

  .animated-box-skyscraper .animated-box-front,
  .animated-box-skyscraper .animated-box-back {
    min-height: 400px;
  }
}

.animated-box-skyscraper .animated-box-inner {
  flex-grow: 1;
  width: 100%;
}

.animated-box-skyscraper-left .animated-box {
  text-align: left;
}

.animated-box-skyscraper-left hr {
  margin-left: 0;
}

.animated-box-skyscraper-left .animated-box-front,
.animated-box-skyscraper-left .animated-box-back {
  align-items: flex-start;
}

.animated-box-skyscraper-right .animated-box {
  text-align: right;
}

.animated-box-skyscraper-right hr {
  margin-right: 0;
}

.animated-box-skyscraper-right .animated-box-front,
.animated-box-skyscraper-right .animated-box-back {
  align-items: flex-end;
}

.animated-box-skyscraper-center .animated-box-front,
.animated-box-skyscraper-center .animated-box-back {
  justify-content: center;
}

.animated-box-skyscraper-center .animated-box-back {
  transform: rotateX(-180deg);
}

.animated-box-skyscraper.active.animated-box-skyscraper-right .animated-box {
  transform: rotateY(-180deg);
}

.animated-box-skyscraper.active.animated-box-skyscraper-center .animated-box {
  transform: rotateX(180deg);
}

html:not([data-x-mode]) .animated-box-skyscraper-right:hover .animated-box {
  transform: rotateY(-180deg);
}

html:not([data-x-mode]) .animated-box-skyscraper-center:hover .animated-box {
  transform: rotateX(180deg);
}

.ie-10 .animated-box-skyscraper .animated-box-front,
.ie-10 .animated-box-skyscraper .animated-box-back,
.ie-11 .animated-box-skyscraper .animated-box-front,
.ie-11 .animated-box-skyscraper .animated-box-back,
.ie-edge .animated-box-skyscraper .animated-box-front,
.ie-edge .animated-box-skyscraper .animated-box-back {
  height: 300px;
}

@media (min-width: 768px) {

  .ie-10 .animated-box-skyscraper .animated-box-front,
  .ie-10 .animated-box-skyscraper .animated-box-back,
  .ie-11 .animated-box-skyscraper .animated-box-front,
  .ie-11 .animated-box-skyscraper .animated-box-back,
  .ie-edge .animated-box-skyscraper .animated-box-front,
  .ie-edge .animated-box-skyscraper .animated-box-back {
    height: 400px;
  }
}

.animated-box-transparent .animated-box {
  border-radius: 15px;
  border-color: #5acea4;
}

.animated-box-transparent .animated-box-back {
  opacity: 0;
}

html:not([data-x-mode]) .animated-box-transparent:hover .animated-box-front {
  opacity: 0;
  pointer-events: none;
}

html:not([data-x-mode]) .animated-box-transparent:hover .animated-box-back {
  opacity: 1;
}

.animated-box-transparent.active .animated-box-front {
  opacity: 0;
  pointer-events: none;
}

.animated-box-transparent.active .animated-box-back {
  opacity: 1;
}

.animated-box-transparent .animated-box-front,
.animated-box-transparent .animated-box-back {
  background: transparent;
}

.animated-box-ordered {
  counter-reset: div;
}

.animated-box-ordered .animated-box-title:before {
  display: block;
  content: counter(div, decimal-leading-zero) "";
  counter-increment: div;
  font-size: 36px;
}

.animated-box-ordered .animated-box {
  border-radius: 15px;
  border-color: #5acea4;
}

.animated-box-ordered .animated-box-ordered-item .animated-box-front,
.animated-box-ordered .animated-box-ordered-item .animated-box-back {
  border-radius: 15px;
  min-height: 220px;
  background: #303135;
}

@media (min-width: 768px) {

  .animated-box-ordered .animated-box-ordered-item .animated-box-front,
  .animated-box-ordered .animated-box-ordered-item .animated-box-back {
    min-height: 260px;
  }
}

.animated-box-ordered *+.btn {
  margin-top: 30px;
}

.animated-box-wrap-product .animated-box-back {
  background-color: #fff;
  align-items: stretch;
}

.animated-box-wrap-product .animated-box-back>* {
  flex-grow: 1;
  width: 100%;
}

.animated-box-wrap-product .animated-box-back .animated-box-inner>* {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.ie-10 .animated-box-wrap-product .animated-box-front,
.ie-10 .animated-box-wrap-product .animated-box-back,
.ie-11 .animated-box-wrap-product .animated-box-front,
.ie-11 .animated-box-wrap-product .animated-box-back,
.ie-edge .animated-box-wrap-product .animated-box-front,
.ie-edge .animated-box-wrap-product .animated-box-back {
  height: auto;
}

.product-wrap .btn {
  border-width: 1px;
}

.product-wrap .btn-white-outline,
.product-wrap .btn-white-outline:active,
.product-wrap .btn-white-outline:focus {
  color: #fff;
  background: transparent;
  border-color: #fff;
}

.product-wrap .btn-white-outline:hover {
  color: #242731;
  background: #fff;
  border-color: #fff;
}

.product-wrap a.icon-white:hover {
  color: #5798ef;
}

.product-wrap .product-caption {
  position: absolute;
  top: 25px;
  left: 25px;
  right: 25px;
  bottom: 30px;
}

.product-image {
  position: relative;
}

.product-image img {
  width: 100%;
  height: auto;
}

.product-caption {
  background-color: rgba(0, 0, 0, 0.22);
}

.page .product-caption a.icon:hover {
  color: #5798ef;
}

.product-caption .btn-white-outline,
.product-caption .btn-white-outline:active,
.product-caption .btn-white-outline:focus {
  color: #fff;
  background: transparent;
  border-color: #fff;
}

.product-caption .btn-white-outline:hover {
  color: #fff;
  background: #67828d;
  border-color: #67828d;
}

.product-price {
  position: absolute;
  left: 25px;
  bottom: 30px;
  background-color: #fff;
  padding: 6px 7px 6px 16px;
  color: #242731;
}

.product-price>* {
  padding-left: 4px;
  padding-right: 4px;
}

.product-price>*:before {
  content: "$";
  display: inline-block;
}

.list-product {
  text-align: center;
}

.list-product>li {
  display: inline-block;
  padding-left: 14px;
  padding-right: 9px;
  line-height: 1;
}

.list-product>li+li {
  border-left: 1px solid #fff;
}

.product-caption-centered>*+* {
  margin-top: 10px;
}

.product-caption {
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-favorite {
  position: absolute;
  top: 15px;
  right: 15px;
}

.product-title {
  padding: 10px;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 0.075em;
}

.product-title a {
  display: inline;
}

@media (min-width: 992px) {
  .product-carousel {
    padding-right: 46px;
  }
}

.rating-list>li {
  display: inline-block;
  letter-spacing: -3px;
  vertical-align: middle;
}

.rating-list .icon {
  font-size: 19px;
}

@media (min-width: 768px) {
  .desktop .product-wrap {
    overflow: hidden;
  }

  .desktop .product-wrap figure {
    transform: translate3d(0, 0, 0);
    transition: 1000ms ease-in-out;
  }

  .desktop .product-wrap .product-caption {
    opacity: 0;
    filter: blur(30px);
    transition: 450ms ease-in;
  }

  .desktop .product-wrap .product-caption .btn {
    opacity: 0;
    filter: blur(30px);
    transition: 450ms 300ms ease-in;
    transform: translate3d(0, 40px, 0);
  }

  .desktop .product-wrap .list-product {
    opacity: 0;
    filter: blur(20px);
    transition: 450ms 300ms ease-in;
    transform: translate3d(0, -40px, 0);
  }

  .desktop .product-wrap:hover .product-caption {
    opacity: 1;
    filter: blur(0);
  }

  .desktop .product-wrap:hover .product-caption .btn {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0);
  }

  .desktop .product-wrap:hover .product-caption .btn:hover {
    transition: 350ms ease-in;
  }

  .desktop .product-wrap:hover figure {
    transform: translate3d(0, 0, 20px);
    filter: blur(0.8px);
  }

  .desktop .product-wrap:hover .list-product {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0);
  }
}

.figure-default img {
  width: 100%;
  height: auto;
}

.figure-default *+figcaption {
  margin-top: 10px;
}

.figure-fullwidth img {
  height: auto;
  width: 100%;
  max-width: 100%;
}

.figure-lighter figcaption {
  color: #b7b7b7;
}

.thumbnail-classic {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;
  width: 100.01%;
  cursor: pointer;
}

.thumbnail-classic figure {
  position: relative;
  width: 100%;
  transform: scale(1.08);
  transition: .33s all ease-in-out;
  z-index: 1;
  margin: 0;
}

.thumbnail-classic img {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  height: auto;
  max-width: none;
  min-width: 101.5%;
  z-index: -1;
  opacity: 1;
}

.thumbnail-classic .caption {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px;
  transition: .33s all ease-in-out;
  pointer-events: none;
  background: rgba(73, 97, 130, 0.59);
}

.thumbnail-classic .caption>* {
  pointer-events: auto;
}

.thumbnail-classic .caption:after {
  content: '';
  position: absolute;
  top: 16px;
  right: 16px;
  bottom: 16px;
  left: 16px;
  z-index: 0;
  border: 2px solid rgba(255, 255, 255, 0.65);
}

.thumbnail-classic .caption>* {
  position: relative;
  z-index: 2;
}

.thumbnail-classic .caption-title,
.thumbnail-classic .caption-text {
  color: #fff;
}

.thumbnail-classic .caption-title {
  position: relative;
  font-family: inherit;
  font-weight: 100;
  font-size: 24px;
  line-height: 1.25;
  letter-spacing: 0;
}

.thumbnail-classic .caption-text {
  max-width: 100%;
  margin-top: 20px;
  color: #fff;
}

@media (min-width: 992px) {
  .desktop .thumbnail-classic {
    perspective: 1000px;
  }

  .desktop .thumbnail-classic .caption {
    transition: .4s all ease;
  }

  .desktop .thumbnail-classic .caption,
  .desktop .thumbnail-classic .caption:after {
    opacity: 0;
    transform: translate3d(0, 0, 100px);
  }

  .desktop .thumbnail-classic .caption:after {
    transition: 0.6s all cubic-bezier(0.2, 1, 0.3, 1);
  }

  .desktop .thumbnail-classic .caption>* {
    transition: .6s all ease;
  }

  .desktop .thumbnail-classic:hover figure {
    transform: scale(1);
  }

  .desktop .thumbnail-classic:hover .caption,
  .desktop .thumbnail-classic:hover .caption:after {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@media (max-width: 767px) {
  .thumbnail-classic {
    max-width: 370px;
    margin-left: auto;
    margin-right: auto;
  }
}

.pricing-carousel .owl-stage {
  padding: 20px 0;
}

.pricing-carousel-2 .owl-stage,
.pricing-carousel-3 .owl-stage {
  padding: 20px 0;
}

@media (min-width: 992px) {
  .pricing-carousel .owl-stage {
    padding: 30px 10px;
  }

  .pricing-carousel .owl-stage>.owl-item:first-of-type>* {
    margin-right: -10px;
  }

  .pricing-carousel .owl-stage>.owl-item:last-of-type>* {
    margin-left: -10px;
  }

  .pricing-carousel .owl-stage,
  .pricing-carousel-3 .owl-stage {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .pricing-carousel-2 .owl-item+.owl-item {
    border-left: 1px solid #e8e8e8;
  }

  .pricing-carousel-3 .owl-item {
    margin-left: 25px;
  }
}

@media (min-width: 992px) {
  .owl-carousel[class*='pricing-'] .owl-controls {
    display: none;
  }
}

.pricing-box-1 {
  max-width: 350px;
  margin-left: auto;
  margin-right: auto;
  padding: 25px 15px;
  box-shadow: 2px 0px 10px 0px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  text-align: center;
}

@media (min-width: 768px) {
  .pricing-box-1 {
    padding: 45px 25px 60px;
  }
}

@media (min-width: 992px) {
  .pricing-box-1.active {
    position: relative;
    z-index: 2;
    padding: 75px 25px 85px;
  }
}

.pricing-title {
  font-size: 24px;
  font-weight: 400;
  text-transform: uppercase;
  color: #5798ef;
}

.pricing-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  width: 133px;
  height: 133px;
  border: 6px solid #d1e1f7;
  background-color: #f8f9fb;
  border-radius: 50%;
}

*+.pricing-icon {
  margin-top: 20px;
}

.pricing-list li {
  padding: 2px;
  color: #d8d8d8;
}

.pricing-list li>*:first-of-type {
  color: #242731;
  font-weight: 700;
}

*+.pricing-list {
  margin-top: 25px;
}

.pricing-list+.btn {
  margin-top: 30px;
}

.pricing-list-marked {
  max-width: 250px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  padding-bottom: 20px;
}

.pricing-list-marked li {
  display: flex;
  padding: 5px 2px;
  color: #242731;
}

.pricing-list-marked li .icon {
  vertical-align: middle;
  margin-right: 5px;
  line-height: 24px;
  min-width: 29px;
}

*+.pricing-list-marked {
  margin-top: 40px;
}

@media (min-width: 768px) {
  .pricing-list-marked {
    padding-bottom: 30px;
  }
}

.pricing-divider {
  max-width: 155px;
  margin: 30px auto 20px;
}

.price-wrap {
  font-size: 10px;
  letter-spacing: 0.1em;
  font-weight: 700;
  text-transform: uppercase;
}

.price-wrap .price {
  display: block;
  font-size: 36px;
  line-height: 1.1;
  font-weight: 300;
  color: #242731;
}

.price-wrap .price:before {
  content: "$";
}

.price-wrap+.btn {
  margin-top: 30px;
}

@media (min-width: 768px) {
  .price-wrap .price {
    font-size: 50px;
  }
}

@media (min-width: 1200px) {
  .price-wrap .price {
    font-size: 86px;
  }
}

.pricing-label {
  position: relative;
  display: inline-block;
  padding: 2px 12px;
  background-color: #5acea4;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.6;
}

@media (min-width: 480px) {
  .pricing-label:before {
    position: absolute;
    top: 0;
    right: -10px;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 0 13px 10px;
    border-color: transparent transparent transparent #5acea4;
    vertical-align: middle;
  }
}

.pricing-title+.price-wrap {
  margin-top: 10px;
}

.pricing-box-2 {
  padding: 25px 15px;
  background-color: #f2f3f8;
  max-width: 370px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}

.pricing-box-2_mod-1 {
  padding: 0;
  background-color: transparent;
}

.pricing-box-2_mod-1 .pricing-list-marked+.btn {
  margin-top: 30px;
}

@media (min-width: 768px) {
  .pricing-box-2 {
    padding: 65px 25px 90px;
  }
}

.pricing-box-2 .pricing-title {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pricing-box-2 .pricing-title>* {
  margin-left: 20px;
  margin-right: 20px;
}

.pricing-box-2 *+.pricing-list-marked {
  margin-top: 30px;
}

.pricing-box-2 .price-wrap {
  font-weight: 400;
}

.pricing-box-2 .price-wrap .price {
  display: inline;
  font-size: 86px;
  line-height: 1;
}

.pricing-box-2 .price-wrap .price:before {
  position: relative;
  top: 17px;
}

.pricing-box-2 .price-wrap>*,
.pricing-box-2 .price-wrap .price:before {
  font-size: 46px;
  line-height: 1;
  color: #242731;
  vertical-align: text-top;
}

.pricing-box-2 .btn-silver-outline,
.pricing-box-2 .btn-silver-outline:active,
.pricing-box-2 .btn-silver-outline:focus {
  color: #6f727d;
  background: transparent;
  border-color: #e8e8e8;
}

.pricing-box-2 .btn-silver-outline:hover {
  color: #242731;
  background: #e8e8e8;
  border-color: #e8e8e8;
}

.pricing-box-2 *+.btn {
  margin-top: 25px;
}

@media (min-width: 992px) {
  .pricing-box-2 {
    min-height: 505px;
  }

  .pricing-box-2.active {
    position: relative;
    min-height: 645px;
    z-index: 2;
    padding: 60px 25px 90px;
    background-color: #fff;
    box-shadow: 0 0 59px rgba(56, 70, 98, 0.11);
  }

  .pricing-box-2 *+.btn {
    margin-top: auto;
  }
}

@media (min-width: 992px) and (min-height: 800px) {
  .pricing-box-2 {
    min-height: 605px;
  }

  .pricing-box-2.active {
    padding: 90px 25px 110px;
    min-height: 645px;
  }
}

.pricing-box-2_mod-2 {
  justify-content: flex-start;
}

.pricing-box-2_mod-2 .pricing-title {
  min-height: 75px;
  align-items: flex-start;
}

.pricing-box-3 {
  padding: 25px 15px;
  background-color: #f2f3f8;
  max-width: 370px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.pricing-box-3 .price-wrap {
  font-weight: 400;
}

.pricing-box-3 .price-wrap .price {
  display: inline;
  font-size: 60px;
  line-height: 0.7;
}

.pricing-box-3 .price-wrap .price:after {
  content: none;
}

.pricing-box-3 .price-wrap .price:before {
  position: relative;
  top: 15px;
}

.pricing-box-3 .price-wrap span {
  display: inline-block;
  padding-left: 5px;
}

.pricing-box-3 .price-wrap span:after {
  content: 'mon';
  font-size: 16px;
  display: block;
}

.pricing-box-3 .price-wrap span,
.pricing-box-3 .price-wrap .price:before {
  font-size: 24px;
  line-height: 1;
  color: #d8d8d8;
  vertical-align: text-top;
}

.pricing-box-3 .pricing-title {
  position: relative;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: .075em;
  padding-bottom: 10px;
  border-bottom: 1px solid #e8e8e8;
}

.pricing-box-3 .pricing-title:before,
.pricing-box-3 .pricing-title:after {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.pricing-box-3 .pricing-title:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 14px 0 14px;
  border-color: #e8e8e8 transparent transparent transparent;
}

.pricing-box-3 .pricing-title:after {
  content: '';
  margin-top: -1px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 14px 0 14px;
  border-color: #f2f3f8 transparent transparent transparent;
}

.pricing-box-3 .pricing-title+* {
  margin-top: 30px;
}

.pricing-box-3.active {
  border-radius: 25px;
  border: 1px solid #5acea4;
}

@media (min-width: 992px) {
  .pricing-box-3 {
    padding: 45px 40px 60px;
  }

  .pricing-box-3.active {
    padding: 56px 40px 71px;
  }
}

@media (min-width: 1800px) {
  .box-bordered-variant-3-wrap [class*='cell-']+[class*='cell-'] {
    position: relative;
  }

  .box-bordered-variant-3-wrap [class*='cell-']+[class*='cell-']:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 100%;
    width: 45px;
    height: 1px;
    background-color: #e8e8e8;
    margin-right: -20px;
  }
}

.box-bordered-variant-3 {
  padding: 25px 15px;
  border: 1px solid #e8e8e8;
}

@media (min-width: 992px) {
  .box-bordered-variant-3 {
    max-width: 330px;
    margin-left: auto;
    margin-right: auto;
    padding: 55px 25px 70px;
  }
}

.thumbnail-modern {
  text-align: left;
  color: #d8d8d8;
  background: #303135;
  overflow: hidden;
  max-width: 670px;
  margin-left: auto;
  margin-right: auto;
}

.thumbnail-modern-image {
  width: 100%;
  height: auto;
}

.thumbnail-modern-caption-body,
.thumbnail-modern-title {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.thumbnail-modern-caption-body {
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 2;
  padding: 20px 10px;
  margin-left: -10px;
  margin-right: -10px;
}

.thumbnail-modern-caption-body>* {
  padding-left: 10px;
  padding-right: 10px;
}

.thumbnail-modern-caption-body .number {
  font-size: 18px;
}

.thumbnail-modern-title-left {
  position: relative;
  top: 3px;
  font: 900 24px "Roboto", sans-serif;
  line-height: 1.2;
  text-align: center;
  letter-spacing: .075em;
}

@media (min-width: 992px) {
  .thumbnail-modern-title-left {
    text-align: left;
  }
}

.thumbnail-modern-title-right {
  font-size: 12px;
  line-height: 1.1;
  font-style: italic;
  letter-spacing: 0;
}

.thumbnail-modern-title-right *+* {
  margin-top: 0;
}

.thumbnail-modern-title-right span+span {
  display: inline;
  margin: 0 .25em;
}

.thumbnail-modern-control {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  padding: 12px 30px;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 2;
  text-transform: uppercase;
  letter-spacing: .1em;
  text-align: center;
  background: #5acea4;
}

.thumbnail-modern-control,
.thumbnail-modern-control:active,
.thumbnail-modern-control:focus,
.thumbnail-modern-control:hover {
  color: #363d41;
}

.thumbnail-modern-control:hover {
  background: #5798ef;
}

@media (max-width: 767px) {
  .thumbnail-modern {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 992px) {
  .thumbnail-modern-caption {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .thumbnail-modern-caption-body {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 7px 10px 15px 20px;
    min-height: 90px;
  }

  .thumbnail-modern-caption-aside,
  .thumbnail-modern-control {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }

  .thumbnail-modern-control {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 10px 20px 10px 60px;
    background-color: transparent;
  }

  .thumbnail-modern-control:after {
    content: '';
    position: absolute;
    right: -50px;
    top: 0;
    bottom: 0;
    left: 0;
    transform-origin: 0 bottom;
    transform: skew(-27deg);
    background: #d8d8d8;
    z-index: -1;
    transition: .5s;
  }

  .thumbnail-modern-control:hover {
    color: #fff;
  }

  .thumbnail-modern-control:hover:after {
    background: #5798ef;
    left: -530px;
  }
}

@media (min-width: 1200px) {
  .thumbnail-modern-caption-body {
    padding: 7px 10px 15px 30px;
  }

  .thumbnail-modern-caption-body .number {
    font-size: 24px;
  }

  .thumbnail-modern-title-right {
    font-size: 14px;
  }

  .thumbnail-modern-control {
    padding: 10px 30px 10px 80px;
  }
}

.box-minimal {
  text-align: center;
}

@media (min-width: 480px) {
  .box-minimal[class*='unit-'] {
    text-align: left;
  }
}

.box-minimal .unit-left .box-minimal-icon {
  padding-top: 4px;
}

.box-minimal-icon {
  font-size: 40px;
  line-height: 50px;
  color: #434345;
}

.box-minimal-title {
  font-family: inherit;
  font-weight: 100;
  letter-spacing: -.025em;
  color: #242731;
  font-size: 22px;
  line-height: 1.35;
  font-weight: 700;
}

@media (min-width: 768px) {
  .box-minimal-title {
    font-size: 30px;
    line-height: 1.33333;
  }
}

.box-minimal-title.big {
  font-size: 18px;
}

.box-minimal-divider {
  width: 36px;
  height: 4px;
  margin-left: auto;
  margin-right: auto;
  background: #5798ef;
}

.box-minimal-text {
  width: 100%;
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
}

.box-minimal-modern {
  padding-top: 20px;
  padding-bottom: 20px;
}

@media (min-width: 768px) {
  .box-minimal-modern {
    padding-right: 15px;
    min-height: 183px;
  }
}

@media (min-width: 1200px) {
  .box-minimal-modern {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.box-minimal-modern .box-minimal-icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 42px;
  will-change: transform;
}

.box-minimal-modern .box-minimal-icon:before,
.box-minimal-modern .box-minimal-icon:after {
  content: "";
  display: inline-block;
  height: 0;
  width: 3px;
  background-color: #5acea4;
  transition: 350ms ease;
}

.box-minimal-modern .box-minimal-title a {
  color: #242731;
}

.box-minimal-modern .box-minimal-title a:hover {
  color: #5acea4;
}

.box-minimal-modern:hover .box-minimal-icon:before,
.box-minimal-modern:hover .box-minimal-icon:after {
  height: 15px;
  margin-top: 8px;
  margin-bottom: 8px;
}

h5.box-minimal-title {
  font-size: 18px;
  font-weight: 900;
}

h5.box-minimal-title+.box-minimal-text {
  margin-top: 9px;
}

*+.box-minimal-title {
  margin-top: 10px;
}

*+.box-minimal-divider {
  margin-top: 10px;
}

*+.box-minimal-text {
  margin-top: 15px;
}

.box-bordered {
  position: relative;
  margin-top: 38px;
  text-align: center;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 5px solid #f2f3f8;
  border-top: 0;
}

.box-bordered,
.box-bordered-icon {
  background: #fff;
}

.box-bordered h3 {
  font-size: 30px;
}

.box-bordered h3 span+span {
  margin-left: .25em;
}

.box-bordered:before,
.box-bordered:after {
  content: '';
  position: absolute;
  top: 0;
  border-top: 5px solid #f2f3f8;
}

.box-bordered:before {
  left: 0;
  right: calc(50% + 40px);
}

.box-bordered:after {
  left: calc(50% + 40px);
  right: 0;
}

.box-bordered *+p {
  margin-top: 10px;
}

.box-bordered-icon {
  position: absolute;
  top: -38px;
  left: 50%;
  z-index: 2;
  transform: translateX(-50%);
  width: 87px;
  height: 87px;
  border-radius: 100%;
  line-height: 80px;
  color: #5798ef;
  font-size: 40px;
  border: 5px solid #f2f3f8;
}

.box-bordered-icon:before {
  position: relative;
  display: block;
  transition: .6s all ease;
}

.box-bordered-body {
  padding: 75px 20px 40px;
  max-width: 100%;
}

@media (min-width: 768px) {
  .box-bordered-body {
    padding: 60px 35px 40px;
  }
}

@media (min-width: 992px) {
  .desktop .box-bordered {
    position: relative;
    transform: scale(1);
    -webkit-filter: blur(0);
    transition: .44s all ease;
    cursor: default;
  }

  .desktop .box-bordered:before,
  .desktop .box-bordered:after {
    transition: .3s all ease;
  }

  .desktop .box-bordered:hover {
    transform: scale(1.03);
  }
}

@media (min-width: 1200px) {
  .box-bordered {
    margin: 0 10px;
  }

  .box-bordered-body {
    padding: 80px 65px 50px;
  }
}

.box-bordered-variant-2 {
  position: relative;
  padding: 25px 15px;
  background-color: #fff;
  perspective: 1000px;
  overflow: hidden;
}

.box-bordered-variant-2 .box-minimal-divider {
  margin-top: 17px;
  margin-bottom: 20px;
  transition: 0.33s all ease-in;
}

.box-bordered-variant-2 .box-minimal-icon {
  transition: 0.33s all ease-in;
}

.box-bordered-variant-2:before {
  position: absolute;
  top: 15px;
  bottom: 15px;
  left: 15px;
  right: 15px;
  content: "";
  display: inline-block;
  border: 1px solid #5acea4;
  transition: 0.33s all ease-in;
  transform: translate3d(0, 0, 150px);
  pointer-events: none;
}

@media (min-width: 768px) {
  .box-bordered-variant-2 {
    padding: 45px 50px;
  }

  .box-bordered-variant-2:hover:before {
    transform: translate3d(0, 0, 0);
  }

  .box-bordered-variant-2:hover .icon-primary {
    color: #5acea4;
  }

  .box-bordered-variant-2:hover .box-minimal-divider {
    width: 106px;
    background-color: #5acea4;
  }
}

.thumbnail-ruby {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 25px;
  border: 1px solid #5acea4;
}

[data-x-mode] .thumbnail-ruby {
  pointer-events: none;
}

[data-x-mode] .thumbnail-ruby .thumbnail-ruby-image,
[data-x-mode] .thumbnail-ruby .thumbnail-ruby-title {
  pointer-events: auto;
}

.thumbnail-ruby-image {
  width: 100%;
  height: auto;
  position: relative;
  border-radius: 25px;
  border: 1px solid #5acea4;
}

.thumbnail-ruby-title {
  display: inline-block;
  position: relative;
  font: 900 24px "Roboto", sans-serif;
  letter-spacing: 0.075em;
  color: transparent;
  padding: 20px 0;
}

.thumbnail-ruby-title:before,
.thumbnail-ruby-title:after {
  content: '';
  position: absolute;
  height: 3px;
  background: #fff;
  width: calc(100% + 30px);
}

.thumbnail-ruby-title:before {
  right: -15px;
}

.thumbnail-ruby-title:after {
  left: -15px;
}

.thumbnail-ruby-title span {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  color: #d8d8d8;
}

.thumbnail-ruby-title span:before,
.thumbnail-ruby-title span:after {
  position: absolute;
  color: #fff;
}

.thumbnail-ruby-title span:before {
  left: 0;
}

.thumbnail-ruby-title span:after {
  right: 0;
}

.thumbnail-ruby-caption {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 10px;
  text-align: center;
  background: rgba(40, 116, 91, 0.34);
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 991px) {
  .thumbnail-ruby {
    overflow: hidden;
    max-height: 300px;
  }
}

@media (min-width: 992px) {

  .desktop .thumbnail-ruby-title:before,
  .desktop .thumbnail-ruby-title:after {
    transform: scale3d(0, 1, 1);
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
  }

  .desktop .thumbnail-ruby-title:before {
    right: -15px;
    top: 0;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
  }

  .desktop .thumbnail-ruby-title:after {
    left: -15px;
    bottom: 0;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
  }

  .desktop .thumbnail-ruby-title span {
    -webkit-transition: color 0.5s;
    transition: color 0.5s;
  }

  .desktop .thumbnail-ruby-title span:before,
  .desktop .thumbnail-ruby-title span:after {
    opacity: 0;
    -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s;
  }

  .desktop .thumbnail-ruby-title span:before {
    transform: translate3d(-4px, 0, 0);
  }

  .desktop .thumbnail-ruby-title span:after {
    transform: translate3d(4px, 0, 0);
  }

  .desktop .thumbnail-ruby-image {
    transform: scale(1.2);
    transition: transform 0.6s;
  }

  .desktop .thumbnail-ruby-caption {
    opacity: 0;
    transition: opacity 0.5s;
  }

  .desktop .thumbnail-ruby:hover .thumbnail-ruby-image {
    transform: scale(1);
  }

  .desktop .thumbnail-ruby:hover .thumbnail-ruby-title:before,
  .desktop .thumbnail-ruby:hover .thumbnail-ruby-title:after {
    transform: scale3d(1, 1, 1);
    letter-spacing: 0;
  }

  .desktop .thumbnail-ruby:hover .thumbnail-ruby-title span:before,
  .desktop .thumbnail-ruby:hover .thumbnail-ruby-title span:after {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }

  .desktop .thumbnail-ruby:hover .thumbnail-ruby-caption {
    opacity: 1;
  }
}

.thumbnail-variant-1 {
  position: relative;
  overflow: hidden;
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
  transition: 0.33s all ease-in;
  text-align: center;
}

.thumbnail-variant-1:hover {
  background: #5798ef;
}

.thumbnail-variant-1:hover .thumbnail-body>* {
  color: #fff;
}

.thumbnail-variant-1:hover .thumbnail-body a:hover {
  color: #242731;
}

.thumbnail-variant-1:hover .thumbnail-body a.icon-gray-darker {
  color: #fff;
}

.thumbnail-variant-1:hover .thumbnail-body a.icon-gray-darker:hover {
  color: #5acea4;
}

.thumbnail-variant-1:hover .thumbnail-body:before {
  background: #5798ef;
}

.thumbnail-variant-1 .thumbnail-image {
  width: 100%;
  height: auto;
}

.thumbnail-variant-1 .thumbnail-body {
  position: relative;
  z-index: 1;
  padding: 20px 20px 25px 20px;
}

.thumbnail-variant-1 .thumbnail-body:before {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  width: 20px;
  height: 20px;
  background: #fff;
  top: -9px;
  transition: 0.33s all ease-in;
}

.thumbnail-title {
  font-family: inherit;
  font-weight: 100;
  letter-spacing: -.025em;
  color: #242731;
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: 0.05em;
  font-weight: 400;
  transition: 0.33s all ease-in;
}

@media (min-width: 768px) {
  .thumbnail-title {
    font-size: 18px;
  }
}

.thumbnail-title a {
  display: inline;
  letter-spacing: inherit;
  font: inherit;
}

.thumbnail-title a,
.thumbnail-title a:active,
.thumbnail-title a:focus {
  color: inherit;
}

.thumbnail-title a:hover {
  color: #8673c7;
}

.thumbnail-divider {
  max-width: 108px;
  transition: 0.33s all ease-in;
}

.thumbnail-subtitle {
  font: 300 14px "Roboto", sans-serif;
  line-height: 1.2;
  letter-spacing: 0.05em;
  color: #5798ef;
  transition: 0.33s all ease-in;
}

.thumbnail-text {
  color: #6f727d;
  font-style: italic;
}

*+.thumbnail-title {
  margin-top: 26px;
}

*+.thumbnail-subtitle {
  margin-top: 10px;
}

*+.thumbnail-divider {
  margin-top: 15px;
}

*+.thumbnail-list {
  margin-top: 15px;
}

*+.thumbnail-text {
  margin-top: 20px;
}

.thumbnail-list li a.icon.icon-effect-1:hover:after {
  display: none;
}

@media (max-width: 991px) {
  .thumbnail-variant-1 {
    max-width: 370px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 768px) {
  .thumbnail-variant-1 .thumbnail-body {
    padding: 26px 30px 32px 30px;
  }
}

@media (min-width: 1200px) {
  .thumbnail-variant-1 .thumbnail-body {
    padding: 27px 44px 39px 41px;
  }

  .thumbnail-variant-1 .thumbnail-subtitle {
    font-size: 14px;
  }
}

.thumbnail-variant-1-tan-hide:before {
  background: #fca15f;
}

.thumbnail-variant-1-blue-marguerite:before {
  background: #8673c7;
}

.thumbnail-variant-2 {
  border: 1px solid #e8e8e8;
  padding: 25px 15px 30px;
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
  transition: 0.33s all ease-in;
  text-align: center;
}

.thumbnail-variant-2:hover {
  background: #5798ef;
}

.thumbnail-variant-2:hover .thumbnail-body>* {
  color: #fff;
}

.thumbnail-variant-2:hover .thumbnail-body a:hover {
  color: #242731;
}

.thumbnail-variant-2:hover .thumbnail-body a.icon-gray-darker {
  color: #fff;
}

.thumbnail-variant-2:hover .thumbnail-body a.icon-gray-darker:hover {
  color: #5acea4;
}

.thumbnail-variant-2:hover .thumbnail-body:before {
  background: #5798ef;
}

.thumbnail-variant-2 .thumbnail-image {
  border-radius: 50%;
}

.thumbnail-variant-2 .thumbnail-body {
  padding-top: 26px;
}

@media (min-width: 768px) {
  .thumbnail-variant-2 {
    padding: 35px 15px 45px;
  }
}

.thumbnail-variant-3 {
  padding: 30px;
  background: #fff;
  transition: 0.33s all ease-in;
  box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.09);
  text-align: center;
}

.thumbnail-variant-3:hover {
  background: #5798ef;
}

.thumbnail-variant-3:hover .thumbnail-body>* {
  color: #fff;
}

.thumbnail-variant-3:hover .thumbnail-body a:hover {
  color: #242731;
}

.thumbnail-variant-3:hover .thumbnail-body a.icon-gray-darker {
  color: #fff;
}

.thumbnail-variant-3:hover .thumbnail-body a.icon-gray-darker:hover {
  color: #5acea4;
}

.thumbnail-variant-3:hover .thumbnail-body:before {
  background: #5798ef;
}

@media (min-width: 480px) {
  .thumbnail-variant-3 {
    text-align: left;
    padding: 0;
  }

  .thumbnail-variant-3 .thumbnail-body {
    padding-right: 10px;
  }

  .thumbnail-variant-3 .thumbnail-divider {
    margin-left: 0;
  }
}

@media (min-width: 992px) {
  .thumbnail-variant-3.unit-spacing-md.unit-xs-horizontal>.unit-left+.unit-body {
    padding: 0 15px;
  }
}

.thumbnail-variant-4 {
  max-width: 260px;
  margin-left: auto;
  margin-right: auto;
}

.thumbnail-variant-4 .thumbnail-body {
  margin-top: 20px;
}

.thumbnail-variant-4 .thumbnail-image {
  width: auto;
  height: auto;
  max-width: 100%;
}

.thumbnail-variant-4 .thumbnail-modern-title {
  justify-content: center;
}

.thumbnail-variant-4 .thumbnail-divider {
  display: inline-block;
}

@media (min-width: 480px) {
  .thumbnail-variant-4 {
    display: flex;
    align-items: flex-start;
    max-width: 570px;
    text-align: left;
  }

  .thumbnail-variant-4 .thumbnail-image {
    max-width: 50%;
  }

  .thumbnail-variant-4 .thumbnail-modern-title {
    justify-content: flex-start;
  }

  .thumbnail-variant-4 .thumbnail-body {
    margin-top: 0;
    margin-left: 20px;
  }
}

@media (min-width: 1200px) {
  .thumbnail-variant-4 .thumbnail-image {
    max-width: 100%;
    flex-basis: 100%;
  }

  .thumbnail-variant-4 .thumbnail-body {
    margin-left: 40px;
  }
}

.jumbotron-custom {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 15px;
  padding-right: 15px;
  height: 100%;
}

.jumbotron-custom .shell {
  width: 100%;
}

.jumbotron-custom *+.h3-alternate {
  margin-top: 5px;
}

.jumbotron-custom-inner>* {
  pointer-events: auto;
}

.jumbotron-custom-variant-1 .mark {
  padding: .2em .22em .12em;
}

.jumbotron-custom-variant-1 *+.btn {
  margin-top: 30px;
}

.jumbotron-custom-variant-1 hr,
.jumbotron-custom-variant-1 p {
  display: none;
}

@media (min-width: 768px) {

  .jumbotron-custom-variant-1 hr,
  .jumbotron-custom-variant-1 p {
    display: block;
  }

  .jumbotron-custom-variant-1 *+h1 {
    margin-top: 30px;
  }
}

.jumbotron-custom-variant-2 {
  min-height: calc(40vw - 56px);
  text-align: left;
}

.jumbotron-custom-variant-2 .mark {
  padding: .4em .6em .4em;
}

.jumbotron-custom-variant-2 *+.btn {
  margin-top: 25px;
}

.jumbotron-custom-variant-3 {
  min-height: calc(44.27vw - 56px);
  text-align: left;
}

.jumbotron-custom-variant-3 .mark {
  padding: .3em .8em .14em;
}

.jumbotron-custom-variant-3 *+.rd-mailform {
  margin-top: 5px;
}

.jumbotron-custom-variant-3 *+[class*='group'] {
  margin-top: 10px;
}

.ie-10 .jumbotron-custom.jumbotron-custom-variant-1,
.ie-11 .jumbotron-custom.jumbotron-custom-variant-1 {
  min-height: 0;
}

.ie-10 .jumbotron-custom-variant-2 .shell,
.ie-10 .jumbotron-custom-variant-3 .shell,
.ie-11 .jumbotron-custom-variant-2 .shell,
.ie-11 .jumbotron-custom-variant-3 .shell {
  text-align: left;
}

.jumbotron-custom-variant-1 .jumbotron-custom-inner {
  padding: 70px 0 85px;
}

.jumbotron-custom-variant-2 .jumbotron-custom-inner {
  padding: 55px 0 70px;
}

.jumbotron-custom-variant-2 h1,
.jumbotron-custom-variant-2 h2,
.jumbotron-custom-variant-2 h3,
.jumbotron-custom-variant-2 h4,
.jumbotron-custom-variant-2 h5,
.jumbotron-custom-variant-2 h6,
.jumbotron-custom-variant-2 .h1,
.jumbotron-custom-variant-2 .h2,
.jumbotron-custom-variant-2 .h3,
.jumbotron-custom-variant-2 .h4,
.jumbotron-custom-variant-2 .h5,
.jumbotron-custom-variant-2 .h6 {
  color: #363d41;
}

.jumbotron-custom-variant-2 .mark {
  display: inline-block;
  color: #fff;
}

.jumbotron-custom-variant-3 .jumbotron-custom-inner {
  padding: 50px 0 80px;
}

@media (max-width: 767px) {

  .jumbotron-custom-variant-3 h1,
  .jumbotron-custom-variant-3 .h1 {
    font-size: 40px;
  }

  .jumbotron-custom-variant-3 .rd-mailform .select2-container--bootstrap .select2-selection {
    min-width: 220px;
  }
}

@media (min-width: 768px) {
  .jumbotron-custom-variant-1 .jumbotron-custom-inner {
    display: inline-block;
    padding: 150px 0 160px;
    text-align: left;
  }

  .jumbotron-custom-variant-2 .jumbotron-custom-inner {
    padding: 90px 0 130px;
  }

  .jumbotron-custom-variant-3 .jumbotron-custom-inner {
    padding: 170px 0 170px;
  }

  .jumbotron-custom-variant-3 *+[class*='group'] {
    margin-top: 25px;
  }
}

@media (min-width: 992px) {
  .rd-navbar-sidebar-linked .jumbotron-custom-variant-3 .jumbotron-custom-inner {
    padding: 270px 0 170px;
  }
}

@media (min-width: 992px) {
  .desktop .jumbotron-custom-variant-1 {
    height: 100%;
  }

  .desktop .rd-navbar-absolute-linked.jumbotron-custom-variant-1 .jumbotron-custom-inner {
    padding: 330px 0 220px;
  }

  .desktop .jumbotron-custom-variant-2 {
    height: 100%;
  }

  .desktop .jumbotron-custom-variant-2 .jumbotron-custom-inner {
    padding: 140px 0 145px;
  }

  .desktop .jumbotron-custom-variant-3 {
    height: 100%;
  }

  .desktop .jumbotron-custom-variant-3 .jumbotron-custom-inner {
    padding: 260px 0 220px;
  }
}

@media (min-width: 1200px) {
  .desktop .jumbotron-custom-variant-1 .jumbotron-custom-inner {
    padding: 260px 0 180px;
  }

  .desktop .jumbotron-custom-variant-2 .jumbotron-custom-inner {
    padding: 140px 0 150px;
  }
}

@media (min-width: 1800px) {
  .desktop .rd-navbar-absolute-linked .jumbotron-custom-variant-1 .jumbotron-custom-inner {
    padding: 280px 0 290px;
  }

  .desktop .jumbotron-custom-variant-2 .jumbotron-custom-inner {
    padding: 100px 0 250px;
  }

  .desktop .jumbotron-custom-variant-3 .jumbotron-custom-inner {
    padding: 200px 0 250px;
  }
}

@media (min-width: 992px) {
  .rd-navbar-static-linked .jumbotron-custom-variant-1 .jumbotron-custom-inner {
    padding-top: 260px;
    padding-bottom: 124px;
  }

  .rd-navbar-static-linked .jumbotron-custom-variant-2 .jumbotron-custom-inner {
    padding-top: 200px;
    padding-bottom: 140px;
  }

  .rd-navbar-static-linked .jumbotron-custom-variant-3 .jumbotron-custom-inner {
    padding-top: 220px;
    padding-bottom: 180px;
  }

  .rd-navbar-fullwidth-linked .jumbotron-custom-variant-1,
  .rd-navbar-fullwidth-linked .jumbotron-custom-variant-3 {
    min-height: 38vw;
  }

  .rd-navbar-sidebar-linked .jumbotron-custom-variant-2 .jumbotron-custom-inner {
    padding: 220px 0 180px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .swiper-jumbotron-mod .jumbotron-custom-variant-1 {
    min-height: 34.27vw;
  }

  .swiper-jumbotron-mod .jumbotron-custom {
    justify-content: flex-end;
  }
}

@media (min-height: 600px) and (max-height: 800px) {
  .swiper-jumbotron-mod .jumbotron-custom-variant-1 {
    min-height: 34.27vw;
  }

  .swiper-jumbotron-mod .jumbotron-custom {
    justify-content: flex-end;
  }
}

.modal {
  font-size: 14px;
}

.modal-title {
  font-weight: 400;
}

.modal-dialog {
  max-width: 800px;
}

.modal .close {
  cursor: pointer;
}

.modal .marked-list li+li {
  margin-top: 5px;
}

.modal p+p {
  margin-top: 5px;
}

.modal p+.marked-list,
.modal .marked-list+p {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .modal-header {
    padding: 5px 20px;
  }

  .modal-body {
    padding: 20px;
  }

  .modal .tabs-horizontal.tabs-line .tab-content {
    padding: 15px 0 0 0;
  }

  .modal .marked-list {
    padding-left: 30px;
    columns: 2;
    -moz-columns: 2;
    column-gap: 30px;
    -moz-column-gap: 30px;
  }
}

/*
 * Custom Plugins
 */
.animated,
.jp-video:before {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  opacity: 1;
  will-change: transform;
}

.animated.infinite,
.infinite.jp-video:before {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge,
.hinge.jp-video:before {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

html:not(.lt-ie10) .not-animated {
  opacity: 0;
}

/**
* Bounce Keyframes Animation
*/
@-webkit-keyframes bounce {

  0%,
  20%,
  53%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

/**
* Flas Keyframes Animation
*/
@-webkit-keyframes flash {

  0%,
  50%,
  100% {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@-moz-keyframes flash {

  0%,
  50%,
  100% {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@-ms-keyframes flash {

  0%,
  50%,
  100% {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {

  0%,
  50%,
  100% {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/**
* Pulse Keyframes Animation
*
* @author Nick Pettit
* @link https://github.com/nickpettit/glide
*/
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
  }

  50% {
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
  }

  50% {
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-ms-keyframes pulse {
  0% {
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
  }

  50% {
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
  }

  50% {
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes pulseOut {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
  }

  100% {
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
  }
}

@-moz-keyframes pulseOut {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
  }

  100% {
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
  }
}

@-ms-keyframes pulseOut {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
  }

  100% {
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
  }
}

@keyframes pulseOut {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
  }

  100% {
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
  }
}

.pulseOut {
  -webkit-animation-name: pulseOut;
  animation-name: pulseOut;
}

/**
* RubberBand Keyframes Animation
*/
@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-moz-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-ms-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

/**
* Shake Keyframes Animation
*/
@-webkit-keyframes shake {

  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@-moz-keyframes shake {

  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@-ms-keyframes shake {

  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {

  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

/**
* Swing Keyframes Animation
*/
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@-moz-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@-ms-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

/**
* Tada Keyframes Animation
*/
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-moz-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-ms-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/**
* Wobble Keyframes Animation
*
* @author Nick Pettit
* @link https://github.com/nickpettit/glide
*/
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@-moz-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@-ms-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

/**
* BounceIn Keyframes Animation
*/
@-webkit-keyframes bounceIn {

  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-moz-keyframes bounceIn {

  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-ms-keyframes bounceIn {

  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {

  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

/**
* BounceInDown Keyframes Animation
*/
@-webkit-keyframes bounceInDown {

  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@-moz-keyframes bounceInDown {

  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@-ms-keyframes bounceInDown {

  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {

  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

/**
* BounceInLeft Keyframes Animation
*/
@-webkit-keyframes bounceInLeft {

  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@-moz-keyframes bounceInLeft {

  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@-ms-keyframes bounceInLeft {

  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {

  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

/**
* BounceInRight Keyframes Animation
*/
@-webkit-keyframes bounceInRight {

  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@-moz-keyframes bounceInRight {

  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@-ms-keyframes bounceInRight {

  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {

  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

/**
* BounceInUp Keyframes Animation
*/
@-webkit-keyframes bounceInUp {

  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-moz-keyframes bounceInUp {

  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-ms-keyframes bounceInUp {

  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {

  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

/**
* BounceOut Keyframes Animation
*/
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@-moz-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@-ms-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

/**
* BounceOutDown Keyframes Animation
*/
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@-moz-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@-ms-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

/**
* BounceOutLeft Keyframes Animation
*/
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@-moz-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@-ms-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

/**
* BounceOutRight Keyframes Animation
*/
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@-moz-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@-ms-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

/**
* BounceOutUp Keyframes Animation
*/
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@-moz-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@-ms-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

/**
* FadeIn Keyframes Animation
*/
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn,
.jp-video:hover:before {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

/**
* FadeInDown Keyframes Animation
*/
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    filter: blur(10px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    filter: blur(0);
  }
}

@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    filter: blur(10px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    filter: blur(0);
  }
}

@-ms-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    filter: blur(10px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    filter: blur(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    filter: blur(10px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    filter: blur(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

/**
* FadeInDownBig Keyframes Animation
*/
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-moz-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-ms-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

/**
* FadeInLeft Keyframes Animation
*/
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    filter: blur(5px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    filter: blur(0);
  }
}

@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    filter: blur(5px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    filter: blur(0);
  }
}

@-ms-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    filter: blur(5px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    filter: blur(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    filter: blur(5px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    filter: blur(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

/**
* FadeInLeftBig Keyframes Animation
*/
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-moz-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-ms-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

/**
* FadeInRight Keyframes Animation
*/
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    filter: blur(5px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    filter: blur(0);
  }
}

@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    filter: blur(5px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    filter: blur(0);
  }
}

@-ms-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    filter: blur(5px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    filter: blur(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    filter: blur(5px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    filter: blur(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

/**
* FadeInRightBig Keyframes Animation
*/
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-moz-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-ms-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

/**
* FadeInUp Keyframes Animation
*/
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    filter: blur(10px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    filter: blur(0);
  }
}

@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    filter: blur(10px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    filter: blur(0);
  }
}

@-ms-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    filter: blur(10px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    filter: blur(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    filter: blur(10px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    filter: blur(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

/**
* FadeInUpBig Keyframes Animation
*/
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-moz-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-ms-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

/**
* FadeOut Keyframes Animation
*/
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-ms-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

/**
* FadeOutDown Keyframes Animation
*/
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@-moz-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@-ms-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

/**
* FadeOutDownBig Keyframes Animation
*/
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@-moz-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@-ms-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

/**
* FadeOutLeft Keyframes Animation
*/
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@-moz-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@-ms-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

/**
* FadeOutLeftBig Keyframes Animation
*/
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@-moz-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@-ms-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

/**
* FadeOutRight Keyframes Animation
*/
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@-moz-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@-ms-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

/**
* FadeOutRightBig Keyframes Animation
*/
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@-moz-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@-ms-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

/**
* FadeOutUp Keyframes Animation
*/
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@-moz-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@-ms-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

/**
* FadeOutUpBig Keyframes Animation
*/
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@-moz-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@-ms-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

/**
* Flip Keyframes Animation
*/
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@-moz-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@-ms-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip,
.flip.jp-video:before {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

/**
* FlipInX Keyframes Animation
*/
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@-moz-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@-ms-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

/**
* FlipInY Keyframes Animation
*/
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@-moz-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@-ms-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

/**
* FlipOutX Keyframes Animation
*/
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@-moz-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@-ms-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

/**
* FlipOutY Keyframes Animation
*/
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@-moz-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@-ms-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

/**
* LightSpeedIn Keyframes Animation
*/
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@-moz-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@-ms-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

/**
* LightSpeedOut Keyframes Animation
*/
@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@-moz-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@-ms-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

/**
* RotateIn Keyframes Animation
*/
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@-moz-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@-ms-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

/**
* RotateInDownLeft Keyframes Animation
*/
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@-moz-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@-ms-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

/**
* RotateInDownRight Keyframes Animation
*/
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@-moz-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@-ms-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

/**
* RotateInUpLeft Keyframes Animation
*/
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@-moz-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@-ms-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

/**
* RotateInUpRight Keyframes Animation
*/
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@-moz-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@-ms-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

/**
* RotateOut Keyframes Animation
*/
@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@-moz-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@-ms-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

/**
* RotateOutDownLeft Keyframes Animation
*/
@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@-moz-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@-ms-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

/**
* RotateOutDownRight Keyframes Animation
*/
@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@-moz-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@-ms-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

/**
* RotateOutUpLeft Keyframes Animation
*/
@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@-moz-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@-ms-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

/**
* RotateOutUpRight Keyframes Animation
*/
@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@-moz-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@-ms-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

/**
* Hinge Keyframes Animation
*/
@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@-moz-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@-ms-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/**
* RollIn Keyframes Animation
*
* @author Nick Pettit
* @link https://github.com/nickpettit/glide
*/
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    -ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/**
* RollOut Keyframes Animation
*
* @author Nick Pettit
* @link https://github.com/nickpettit/glide
*/
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@-moz-keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@-ms-keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

/**
* ZoomIn Keyframes Animation
*/
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@-moz-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@-ms-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

/**
* ZoomInDown Keyframes Animation
*/
@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@-moz-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@-ms-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

/**
* ZoomInLeft Keyframes Animation
*/
@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@-moz-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@-ms-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

/**
* ZoomInRight Keyframes Animation
*/
@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@-moz-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@-ms-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

/**
* ZoomInUp Keyframes Animation
*/
@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@-moz-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@-ms-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

/**
* ZoomOut Keyframes Animation
*/
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  100% {
    opacity: 0;
  }
}

@-moz-keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  100% {
    opacity: 0;
  }
}

@-ms-keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

/**
* ZoomOutDown Keyframes Animation
*/
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@-moz-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@-ms-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

/**
* ZoomOutLeft Keyframes Animation
*/
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@-moz-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@-ms-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

/**
* ZoomOutRight Keyframes Animation
*/
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@-moz-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@-ms-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

/**
* ZoomOutUp Keyframes Animation
*/
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@-moz-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@-ms-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

/**
* SlideInDown Keyframes Animation
*/
@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-moz-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-ms-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

/**
* SlideInLeft Keyframes Animation
*/
@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-moz-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-ms-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

/**
* SlideInRight Keyframes Animation
*/
@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-moz-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-ms-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

/**
* SlideInUp Keyframes Animation
*/
@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-moz-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-ms-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

/**
* SlideOutDown Keyframes Animation
*/
@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@-moz-keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@-ms-keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

/**
* SlideOutLeft Keyframes Animation
*/
@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@-moz-keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@-ms-keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

/**
* SlideOutRight Keyframes Animation
*/
@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@-moz-keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@-ms-keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

/**
* SlideOutUp Keyframes Animation
*/
@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@-moz-keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@-ms-keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.fadeInRightSmall {
  animation-name: fadeInRightSmall;
}

@keyframes fadeInRightSmall {
  0% {
    opacity: 0;
    transform: translateX(120px) scale(0.8);
    filter: blur(10px);
  }

  100% {
    opacity: 1;
    transform: translateX(0) scale(1);
    filter: blur(0);
  }
}

.fadeInLeftSmall {
  animation-name: fadeInLeftSmall;
}

@keyframes fadeInLeftSmall {
  0% {
    opacity: 0;
    transform: translateX(-120px) scale(0.8);
    filter: blur(10px);
  }

  100% {
    opacity: 1;
    transform: translateX(0) scale(1);
    filter: blur(0);
  }
}

.fadeInUpSmall {
  animation-name: fadeInUpSmall;
  transform-origin: 33% 100%;
}

@keyframes fadeInUpSmall {
  0% {
    opacity: 0;
    transform: translateY(60px) scale(0.9);
    filter: blur(5px);
  }

  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}

.fxRotateInRight {
  -webkit-animation: rotateInRight 1s forwards;
  animation: rotateInRight 1s forwards;
}

@keyframes rotateInRight {
  0% {
    animation-timing-function: linear;
    opacity: 0;
    transform: translate3d(0, -50px, -150px) rotateX(90deg) scale(0.7);
    filter: blur(10px);
  }

  100% {
    transform: translate3d(0, 0px, 0) rotateX(0deg) scale(1);
    opacity: 1;
    filter: blur(0);
  }
}

.fxRotateInLeft {
  -webkit-animation: rotateInLeft 1s forwards;
  animation: rotateInLeft 1s forwards;
}

@keyframes rotateInLeft {
  0% {
    animation-timing-function: linear;
    transform: translate3d(0, -50px, -150px) rotateX(-90deg) scale(0.7);
    opacity: 0;
    filter: blur(10px);
  }

  100% {
    transform: translate3d(0, 0, 0) rotateX(0deg) scale(1);
    opacity: 1;
    filter: blur(0);
  }
}

@-webkit-keyframes blurIn {
  0% {
    opacity: 0;
    filter: blur(10px);
    transform: scale(1.3);
  }

  100% {
    opacity: 1;
    filter: blur(0);
    transform: scale(1);
  }
}

@-moz-keyframes blurIn {
  0% {
    opacity: 0;
    filter: blur(10px);
    transform: scale(1.3);
  }

  100% {
    opacity: 1;
    filter: blur(0);
    transform: scale(1);
  }
}

@-ms-keyframes blurIn {
  0% {
    opacity: 0;
    filter: blur(10px);
    transform: scale(1.3);
  }

  100% {
    opacity: 1;
    filter: blur(0);
    transform: scale(1);
  }
}

@keyframes blurIn {
  0% {
    opacity: 0;
    filter: blur(10px);
    transform: scale(1.3);
  }

  100% {
    opacity: 1;
    filter: blur(0);
    transform: scale(1);
  }
}

.blurIn {
  -webkit-animation-name: blurIn;
  animation-name: blurIn;
}

[data-isotope-layout] {
  position: relative;
  transform: translateY(-30px);
  display: block;
  margin-bottom: -30px;
  transition: .4s all ease;
  min-height: 160px;
}

[data-isotope-layout] [class*="col-"] {
  display: block;
  margin-top: 30px;
}

[data-isotope-layout].row-no-gutter {
  margin-top: 60px;
}

[data-isotope-layout].row-no-gutter [class*="col-"] {
  margin-top: 0;
}

[data-isotope-layout].gallery-mosaic.row {
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 60px;
}

[data-isotope-layout].gallery-mosaic [class*="col-"] {
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 10px;
}

[data-isotope-layout].gallery-mosaic .thumbnail-classic {
  max-height: 300px;
}

*+.isotope-wrap {
  margin-top: 30px;
}

@media (min-width: 768px) {
  *+.isotope-wrap {
    margin-top: 40px;
  }
}

.isotope-filters>* {
  margin-top: 0;
  vertical-align: middle;
}

.isotope-filters .inline-list {
  position: relative;
  transform: translateY(-10px);
  margin: 0;
}

.isotope-filters .inline-list li {
  display: inline-block;
  margin-top: 10px;
}

.isotope-filters .inline-list a {
  position: relative;
  transition: .3s;
  color: #6f727d;
  font-size: 18px;
  font-weight: 400;
}

@media (min-width: 992px) {
  .isotope-filters .isotope-filters-trigger {
    display: none;
  }
}

.isotope-filters .inline-list {
  margin-left: -20px;
  margin-right: -20px;
}

.isotope-filters .inline-list>li {
  padding: 0 20px;
}

@media (min-width: 992px) {
  .isotope-filters .inline-list {
    word-spacing: 0;
  }

  .isotope-filters .inline-list>li:not(:last-child) {
    margin-right: 5px;
  }

  .isotope-filters .inline-list a {
    padding: 5px 0;
  }

  .isotope-filters .inline-list a,
  .isotope-filters .inline-list a::before {
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  }

  .isotope-filters .inline-list a::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 100%;
    opacity: 0;
    border-bottom: 2px solid #5798ef;
    transform: scale3d(0.7, 1, 1);
    transition: transform 0.4s, opacity 0.4s;
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    background: #5798ef;
  }

  .isotope-filters .inline-list a,
  .isotope-filters .inline-list a:active,
  .isotope-filters .inline-list a:focus {
    color: #6f727d;
  }

  .isotope-filters .inline-list a:hover,
  .isotope-filters .inline-list a.active {
    color: #242731;
    border-color: #5798ef;
  }

  .isotope-filters .inline-list a:hover::before,
  .isotope-filters .inline-list a.active::before {
    opacity: 1;
    right: 0;
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  }
}

.isotope-filters-responsive {
  position: relative;
  z-index: 10;
}

.isotope-filters-responsive *:focus {
  outline: none;
}

@media (max-width: 767px) {
  .isotope-filters-responsive {
    max-width: 370px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 991px) {
  .isotope-filters-responsive {
    vertical-align: middle;
  }

  .isotope-filters-responsive .isotope-filters-toggle {
    padding: 8px 15px;
  }

  .isotope-filters-responsive .isotope-filters-toggle .caret {
    margin-left: 5px;
  }

  .isotope-filters-responsive>li {
    position: relative;
    vertical-align: middle;
    padding: 0;
  }

  .isotope-filters-responsive>li:first-child {
    margin-right: 8px;
  }

  .isotope-filters-responsive>li+li {
    margin-top: 8px;
  }

  .isotope-filters-responsive .isotope-filters {
    position: absolute;
    top: 49px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    width: 200px;
    padding: 15px;
    background: #fff;
    border-radius: 3px;
    text-align: left;
    visibility: hidden;
    opacity: 0;
    transition: .33s all ease;
    border: 1px solid #f2f2f2;
  }

  .isotope-filters-responsive .isotope-filters.active {
    visibility: visible;
    opacity: 1;
  }

  .isotope-filters-responsive .isotope-filters .inline-list {
    width: 100%;
  }

  .isotope-filters-responsive .isotope-filters .inline-list a {
    display: inline-block;
    width: 100%;
    padding: 3px 8px;
    font-size: 12px;
    color: #000;
    border: 0;
    background-color: transparent;
  }

  .isotope-filters-responsive .isotope-filters .inline-list a.active,
  .isotope-filters-responsive .isotope-filters .inline-list a:hover {
    color: #5798ef;
    background-color: rgba(87, 152, 239, 0.1);
  }

  .isotope-filters-responsive .isotope-filters li {
    display: block;
    width: 100%;
  }

  .isotope-filters-responsive .isotope-filters li+li {
    margin-top: 6px;
  }
}

@media (max-width: 991px) and (min-width: 480px) {
  .isotope-filters-responsive .isotope-filters {
    left: 0;
    transform: none;
  }

  .isotope-filters-responsive>li {
    display: inline-block;
    margin: 0;
  }

  .isotope-filters-responsive>li+li {
    margin-top: 0;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .isotope-filters-responsive .isotope-filters {
    width: 250px;
  }

  .isotope-filters-responsive .isotope-filters .inline-list a {
    padding: 5px 10px;
  }
}

@media (min-width: 992px) {
  .isotope-filters-responsive>li:first-child {
    display: none;
  }
}

*+.isotope,
*+.isotope-filters-responsive {
  margin-top: 40px;
}

.isotope-filters-toggle {
  display: block;
  border: 0;
  outline: 0;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 992px) {
  .isotope-filters-toggle {
    display: none;
  }
}

/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated,
.owl-carousel .jp-video:before {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
  padding-left: 20px;
  padding-right: 20px;
}

@media (min-width: 992px) {
  .owl-carousel {
    padding-left: 0;
    padding-right: 0;
  }
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-stage-outer {
  position: relative;
  overflow: hidden;
  padding-top: 20px;
  padding-bottom: 20px;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel .owl-refresh .owl-item {
  display: none;
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  will-change: transform;
}

.owl-carousel.pricing-carousel .owl-item {
  will-change: inherit;
}

.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  font: 400 40px/80px 'FontAwesome';
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}

.owl-carousel .owl-video-play-icon:before {
  content: '\f144';
}

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}

/*
 * Owl Navigation
 */
.owl-nav.disabled {
  display: none;
}

.owl-prev,
.owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  font-size: 0;
  line-height: 0;
  opacity: 1;
  width: 30px;
  height: 30px;
  border-style: solid;
  border-color: #5798ef;
  background-color: transparent;
  transition: .33s all ease;
  cursor: pointer;
}

.owl-prev {
  left: -5px;
  border-width: 0 0 1px 1px;
}

.owl-prev:hover {
  border-color: transparent transparent #5acea4 #5acea4;
}

.owl-next {
  right: -5px;
  border-width: 1px 1px 0 0;
}

.owl-next:hover {
  border-color: #5acea4 #5acea4 transparent transparent;
}

/*
 * Owl Pagination
 */
.owl-dots {
  text-align: center;
  margin-top: 35px;
}

.owl-dots.disabled {
  display: none;
}

.owl-dot {
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  position: relative;
  margin-left: 10px;
  width: 14px;
  height: 14px;
  outline: none;
  cursor: pointer;
  transition: 0.3s ease;
  background: transparent;
  border: 2px solid;
}

.owl-dot:hover,
.owl-dot.active {
  background: #5798ef;
  color: #5798ef;
}

.owl-dot.active {
  pointer-events: none;
}

.owl-style-1 .item {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.owl-style-1 .owl-next,
.owl-style-1 .owl-prev {
  display: none !important;
}

*+.owl-style-1 {
  margin-top: 45px;
}

h3+.owl-style-1 {
  margin-top: 40px;
}

@media (min-width: 992px) {

  .owl-style-1 .owl-next,
  .owl-style-1 .owl-prev {
    display: block !important;
  }

  *+.owl-style-1 {
    margin-top: 65px;
  }
}

@media (min-width: 1200px) {
  .owl-style-1 {
    padding: 0 45px;
  }

  *+.owl-style-1 {
    margin-top: 95px;
  }
}

[data-animation-in='fadeIn'][data-animation-out='fadeOut'] .owl-item.active .owl-content {
  opacity: 1;
  transition-delay: .3s;
}

[data-animation-in='fadeIn'][data-animation-out='fadeOut'] .owl-item .owl-content {
  opacity: 0;
  transition: .7s;
  transition-delay: 0s;
}

.owl-style-tiny .owl-dots {
  margin-top: 18px;
}

@media (max-width: 991px) {

  .owl-style-tiny .owl-prev,
  .owl-style-tiny .owl-next {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .owl-style-tiny .owl-carousel {
    padding: 0 30px;
  }

  .owl-style-tiny .owl-dots {
    display: none !important;
  }

  .owl-style-tiny .owl-prev {
    left: -10px;
  }

  .owl-style-tiny .owl-next {
    right: -10px;
  }
}

@media (min-width: 1200px) {
  .owl-style-tiny .owl-prev {
    left: -5px;
  }

  .owl-style-tiny .owl-next {
    right: -5px;
  }

  .desktop .owl-style-tiny {
    width: calc(100% + 30px);
    max-width: none;
    margin: -30px -15px;
  }

  .desktop .owl-style-tiny .owl-carousel {
    padding: 0;
  }

  .desktop .owl-style-tiny .owl-stage-outer {
    padding: 45px;
    margin: 0 30px;
  }

  .desktop .owl-style-tiny .owl-stage {
    left: -56px;
  }

  .desktop .owl-style-tiny .owl-item .item {
    padding-right: 20px;
    margin-left: -20px;
  }

  .desktop .owl-style-tiny .owl-item.active .item {
    margin-left: 0;
    padding-left: 20px;
  }

  .desktop .owl-style-tiny .owl-item.active+.owl-item {
    margin-left: 20px;
  }

  .desktop .owl-style-tiny .owl-item.active+.owl-item.active {
    margin-left: -20px;
  }
}

@media (min-width: 1800px) {

  .owl-style-tiny .owl-prev,
  .owl-style-tiny .owl-next {
    display: none !important;
  }

  .desktop .owl-style-tiny {
    width: calc(100% + 120px);
    margin: -30px -60px;
    padding: 0;
  }

  .desktop .owl-style-tiny .owl-stage {
    left: -45px;
  }

  .desktop .owl-style-tiny .owl-item .item {
    padding-right: 30px;
    margin-left: -15px;
  }

  .desktop .owl-style-tiny .owl-item.active .item {
    margin-left: 0;
    padding-left: 30px;
  }

  .desktop .owl-style-tiny .owl-item.active+.owl-item {
    margin-left: 45px;
  }

  .desktop .owl-style-tiny .owl-item.active+.owl-item.active {
    margin-left: -30px;
  }
}

.owl-carousel-centered {
  text-align: center;
  padding-bottom: 47px;
}

.owl-carousel-centered .post-preview .caption {
  transition: .3s;
  opacity: 0;
}

.owl-carousel-centered .owl-item {
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.owl-carousel-centered .owl-item img {
  height: auto;
}

.owl-carousel-centered .owl-item.active {
  overflow: visible;
}

.owl-carousel-centered .owl-item.center .post-preview .caption {
  opacity: 1;
}

@media (min-width: 768px) {
  .owl-carousel-centered .owl-item img {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
}

.owl-carousel-centered .owl-prev,
.owl-carousel-centered .owl-next {
  width: auto;
  height: auto;
  border: 0;
  transform: none;
  top: auto;
  bottom: -47px;
  color: #b9bcce;
}

.owl-carousel-centered .owl-prev:before,
.owl-carousel-centered .owl-next:before {
  font-family: 'Material Icons';
  font-size: 20px;
}

.owl-carousel-centered .owl-prev:hover,
.owl-carousel-centered .owl-next:hover {
  color: #5798ef;
}

.owl-carousel-centered .owl-prev {
  left: calc(50% - 80px);
}

.owl-carousel-centered .owl-prev:before {
  content: '\e5c4';
}

.owl-carousel-centered .owl-next {
  right: calc(50% - 80px);
}

.owl-carousel-centered .owl-next:before {
  content: '\e5c8';
}

.owl-carousel-centered *+.owl-numbering {
  margin-top: 20px;
}

@media (min-width: 768px) {
  .owl-carousel-centered .owl-stage-outer {
    padding: 50px 0;
    margin: -50px 0 -50px 0;
    width: calc(100% + 10px);
  }

  .owl-carousel-centered .owl-item>* {
    position: relative;
    transform: scale(1);
    transition: .33s all ease;
    z-index: 10;
    opacity: .3;
  }

  .owl-carousel-centered .owl-item.center {
    z-index: 3;
  }

  .owl-carousel-centered .owl-item.center>* {
    opacity: 1;
    transform: scale(1.16);
  }

  .owl-carousel-centered .owl-prev,
  .owl-carousel-centered .owl-next {
    bottom: -26px;
  }

  .owl-carousel-centered *+.owl-numbering {
    margin-top: 48px;
  }
}

@media (min-width: 1200px) {
  .owl-carousel-centered .owl-stage-outer {
    padding: 60px 0;
  }
}

.owl-numbering {
  margin-top: 20px;
  font-size: 0;
  line-height: 0;
}

.owl-numbering>* {
  display: inline-block;
  min-width: 16px;
}

.owl-numbering .numbering-separator {
  min-width: 35px;
  margin: 0 -6px;
}

.numbering-separator:after {
  content: '\2216';
}

.owl-numbering-default {
  font: 400 24px "Roboto", sans-serif;
  color: #d8d8d8;
  letter-spacing: -.025em;
}

*+.owl-carousel-gallery {
  margin-top: 45px;
}

.owl-carousel-gallery .owl-prev,
.owl-carousel-gallery .owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 68px;
  width: 39px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #fff;
  color: #363d41;
  z-index: 2;
  text-align: center;
  transition: .33s all ease;
  cursor: pointer;
  border: 0;
}

.owl-carousel-gallery .owl-prev:before,
.owl-carousel-gallery .owl-next:before {
  color: inherit;
  font-family: 'Material Icons';
  font-size: 20px;
  line-height: 1;
  transition: none;
}

.owl-carousel-gallery .owl-prev:hover,
.owl-carousel-gallery .owl-next:hover {
  width: 68px;
  color: #fff;
  background: #5798ef;
}

.owl-carousel-gallery .owl-prev:hover:active,
.owl-carousel-gallery .owl-next:hover:active {
  background: #4ac099;
}

.owl-carousel-gallery .owl-prev {
  left: 0;
}

.owl-carousel-gallery .owl-prev:before {
  content: '\e5c4';
}

.owl-carousel-gallery .owl-next {
  right: 0;
}

.owl-carousel-gallery .owl-next:before {
  content: '\e5c8';
}

@media (min-width: 1200px) {
  .owl-carousel-gallery__mod-1 {
    padding-left: 73px;
    padding-right: 73px;
  }

  .owl-carousel-gallery__mod-1 .owl-prev,
  .owl-carousel-gallery__mod-1 .owl-next {
    background: rgba(0, 0, 0, 0.27);
    color: #fff;
  }
}

.owl-carousel-style-2 .owl-item {
  opacity: .37;
  transition: opacity .33s;
  will-change: opacity;
}

.owl-carousel-style-2 .owl-item.active {
  opacity: 1;
}

*+.owl-carousel-style-2 {
  margin-top: 40px;
}

.owl-carousel-style-2 .thumbnail-modern {
  max-width: 100%;
  border-radius: 25px;
  border: 1px solid #5acea4;
}

.owl-carousel-style-3 .owl-stage {
  padding-top: 5px;
  padding-bottom: 5px;
}

.owl-carousel-style-3 .owl-prev,
.owl-carousel-style-3 .owl-next {
  border-width: 1px;
  border-color: #5798ef;
  background-color: #5798ef;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.owl-carousel-style-3 .owl-prev:before,
.owl-carousel-style-3 .owl-next:before {
  position: relative;
  display: inline-block;
  font: 400 24px/9px "FontAwesome";
  color: #fff;
}

.owl-carousel-style-3 .owl-prev:hover,
.owl-carousel-style-3 .owl-next:hover {
  border-color: #5acea4;
  background-color: #5acea4;
}

.owl-carousel-style-3 .owl-prev:before {
  left: -1px;
  content: '\f104';
}

.owl-carousel-style-3 .owl-next:before {
  right: -1px;
  content: '\f105';
}

@media (min-width: 992px) {
  .owl-carousel-style-3 .owl-prev {
    left: 4px;
  }

  .owl-carousel-style-3 .owl-next {
    right: 5px;
  }
}

.owl-carousel.owl-carousel-style-4 {
  display: flex;
  flex-direction: column-reverse;
}

.owl-carousel.owl-carousel-style-4>* {
  flex-grow: 1;
  width: 100%;
}

.owl-carousel.owl-carousel-style-4 .owl-nav {
  display: flex;
  justify-content: flex-end;
  margin-top: 5px;
  margin-bottom: 5px;
}

.owl-carousel.owl-carousel-style-4 .owl-prev,
.owl-carousel.owl-carousel-style-4 .owl-next {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  transform: none;
  border-width: 1px;
  border-color: #5798ef;
  background-color: #5798ef;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.owl-carousel.owl-carousel-style-4 .owl-prev:before,
.owl-carousel.owl-carousel-style-4 .owl-next:before {
  position: relative;
  display: inline-block;
  font: 400 24px/9px "FontAwesome";
  color: #fff;
}

.owl-carousel.owl-carousel-style-4 .owl-prev:hover,
.owl-carousel.owl-carousel-style-4 .owl-next:hover {
  border-color: #5acea4;
  background-color: #5acea4;
}

.owl-carousel.owl-carousel-style-4 .owl-prev:before {
  left: -1px;
  content: '\f104';
}

.owl-carousel.owl-carousel-style-4 .owl-next {
  margin-left: 5px;
}

.owl-carousel.owl-carousel-style-4 .owl-next:before {
  right: -1px;
  content: '\f105';
}

/*
* @subsection   RD Navbar
*
* @description  Describes style declarations for RD Navbar extension
*
* @author       Evgeniy Gusarov
* @link         https://ua.linkedin.com/pub/evgeniy-gusarov/8a/a40/54a
*/
@-webkit-keyframes rd-navbar-slide-down {
  0% {
    transform: translateY(-100%);
  }

  100% {
    transform: translateY(0);
  }
}

@-moz-keyframes rd-navbar-slide-down {
  0% {
    transform: translateY(-100%);
  }

  100% {
    transform: translateY(0);
  }
}

@-ms-keyframes rd-navbar-slide-down {
  0% {
    transform: translateY(-100%);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes rd-navbar-slide-down {
  0% {
    transform: translateY(-100%);
  }

  100% {
    transform: translateY(0);
  }
}

@-webkit-keyframes rd-navbar-slide-up {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-100%);
  }
}

@-moz-keyframes rd-navbar-slide-up {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-100%);
  }
}

@-ms-keyframes rd-navbar-slide-up {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-100%);
  }
}

@keyframes rd-navbar-slide-up {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-100%);
  }
}

/*
* @subsection General Styles
*/
.rd-navbar-wrap,
.rd-navbar-static.rd-navbar-transparent .rd-navbar-panel,
.rd-navbar-static.rd-navbar-transparent .rd-navbar-nav-wrap,
.rd-navbar-fixed .rd-navbar-nav-wrap,
.rd-navbar-fixed .rd-navbar-submenu,
.rd-navbar-sidebar .rd-navbar-nav-wrap {
  transition: 0.32s all cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.rd-navbar,
.rd-navbar.rd-navbar--is-clone {
  display: none;
}

.rd-navbar-fixed,
.rd-navbar-static,
.rd-navbar-fullwidth,
.rd-navbar-sidebar {
  display: block;
}

.rd-navbar--no-transition,
.rd-navbar--no-transition * {
  transition: none !important;
}

.rd-navbar-wrap,
.rd-navbar,
.rd-navbar-brand,
.rd-navbar-slogan,
.rd-navbar-dropdown,
.rd-navbar-megamenu,
.rd-navbar-collapse-items,
.brand-name,
.rd-navbar-nav,
.rd-navbar-panel,
.rd-navbar-search-form-input,
.rd-navbar-search-form-submit,
.rd-navbar-search-toggle,
.rd-navbar-live-search-results,
.rd-navbar-search-form {
  transition: .3s all ease;
}

.rd-navbar-collapse-toggle {
  display: inline-block;
  position: relative;
  width: 48px;
  height: 48px;
  line-height: 48px;
  cursor: pointer;
  color: #363d41;
  display: none;
}

.rd-navbar-collapse-toggle span {
  top: 50%;
  margin-top: -3px;
}

.rd-navbar-collapse-toggle span,
.rd-navbar-collapse-toggle span:before,
.rd-navbar-collapse-toggle span:after {
  position: absolute;
  width: 6px;
  height: 6px;
  line-height: 6px;
  text-align: center;
  background: #363d41;
  left: 50%;
  margin-left: -3px;
  border-radius: 50%;
  transition: .3s all ease;
}

.rd-navbar-collapse-toggle span:before,
.rd-navbar-collapse-toggle span:after {
  content: '';
}

.rd-navbar-collapse-toggle span:before {
  bottom: 100%;
  margin-bottom: 3px;
}

.rd-navbar-collapse-toggle span:after {
  top: 100%;
  margin-top: 3px;
}

.rd-navbar-collapse-toggle.active span {
  transform: scale(0.7);
}

.rd-navbar-collapse-toggle.active span:before {
  transform: translateY(18px);
}

.rd-navbar-collapse-toggle.active span:after {
  transform: translateY(-18px);
}

/*
* Navbar components
*/
.rd-navbar {
  background: #fff;
}

.rd-navbar-toggle {
  display: inline-block;
  position: relative;
  width: 48px;
  height: 48px;
  line-height: 48px;
  cursor: pointer;
  color: #000;
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: none;
}

.rd-navbar-toggle span {
  position: relative;
  display: block;
  margin: auto;
  transition: .3s all ease;
}

.rd-navbar-toggle span:after,
.rd-navbar-toggle span:before {
  content: "";
  position: absolute;
  left: 0;
  top: -8px;
  transition: .3s all ease;
}

.rd-navbar-toggle span:after {
  top: 8px;
}

.rd-navbar-toggle span:after,
.rd-navbar-toggle span:before,
.rd-navbar-toggle span {
  width: 24px;
  height: 4px;
  background-color: #000;
  backface-visibility: hidden;
  border-radius: 2px;
}

.rd-navbar-toggle span {
  transform: rotate(180deg);
}

.rd-navbar-toggle span:before,
.rd-navbar-toggle span:after {
  transform-origin: 1.71429px center;
  transform-origin: 1.71429px center;
}

.rd-navbar-toggle.active span {
  transform: rotate(360deg);
}

.rd-navbar-toggle.active span:before,
.rd-navbar-toggle.active span:after {
  top: 0;
  width: 15px;
}

.rd-navbar-toggle.active span:before {
  -webkit-transform: rotate3d(0, 0, 1, -40deg);
  transform: rotate3d(0, 0, 1, -40deg);
}

.rd-navbar-toggle.active span:after {
  -webkit-transform: rotate3d(0, 0, 1, 40deg);
  transform: rotate3d(0, 0, 1, 40deg);
}

.rd-navbar .rd-search .form-input {
  padding-right: 50px;
}

.rd-navbar .rd-search .form-label {
  left: 10px;
}

.rd-navbar .rd-search .form-input,
.rd-navbar .rd-search .form-label {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}

.rd-navbar-static .rd-navbar-search {
  position: absolute;
  top: 0;
  left: 100%;
  bottom: 0;
  right: 0;
  z-index: 9;
  display: flex;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: .3s ease-in;
}

.rd-navbar-static .rd-navbar-search.active {
  left: 0;
  opacity: 1;
  visibility: visible;
}

.rd-navbar-static .rd-navbar-search .rd-navbar-search-inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
}

.rd-navbar-static .rd-navbar-search .rd-navbar-search-inner .rd-navbar-search-inner-bg {
  background: #698a95;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 0;
  transform-origin: bottom left;
  transform: skew(-30deg, 0deg);
}

.rd-navbar-static .rd-navbar-search .rd-search {
  padding-left: 55px;
  flex-grow: 1;
}

.rd-navbar-static .rd-navbar-search .form-input {
  font-size: 22px;
  padding-right: 60px;
}

.rd-navbar-fixed .rd-navbar-search .rd-search-results-live {
  display: none;
}

.rd-navbar-search .rd-search {
  position: relative;
}

.rd-navbar-search .rd-search .form-input {
  width: 100%;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  min-height: 48px;
  background-color: transparent;
  border: 0;
  /* Firefox 19+ */
  /* Firefox 18- */
}

.rd-navbar-search .rd-search .form-input::-webkit-input-placeholder {
  color: #fff;
}

.rd-navbar-search .rd-search .form-input::-moz-placeholder {
  color: #fff;
}

.rd-navbar-search .rd-search .form-input:-moz-placeholder {
  color: #fff;
}

.rd-navbar-search .rd-search .form-input:-ms-input-placeholder {
  color: #fff;
}

.rd-navbar-search .rd-search__submit {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  z-index: 10;
  width: 36px;
  height: 22px;
  line-height: 22px;
  color: #fff;
}

.rd-navbar-search .rd-search__submit:hover {
  color: #5798ef;
}

.rd-navbar-search .rd-search__submit::before {
  content: '\e09c';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: inherit;
  height: inherit;
  font: 400 22px 'fl-bigmug-line';
  line-height: inherit;
  text-align: center;
  color: inherit;
}

.rd-navbar .rd-navbar-search__toggle {
  position: relative;
  display: block;
  overflow: hidden;
  color: #fff;
  width: 26px;
  height: 26px;
  transition: .33s all ease;
}

.rd-navbar .rd-navbar-search__toggle::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: inline-block;
  padding: 2px;
  font-family: 'fl-bigmug-line';
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  will-change: transform;
}

.rd-navbar .rd-navbar-search__toggle::before {
  margin-right: -2px;
  content: '\e09c';
  font-size: 22px;
}

.desktop .rd-navbar .rd-navbar-search__toggle:hover {
  color: #5798ef;
}

.rd-search-results-live {
  position: absolute;
  top: 101%;
  left: 0;
  right: 0;
}

.result-item *+p {
  margin-top: 5px;
}

.rd-navbar-nav-wrap__shop {
  white-space: nowrap;
}

.rd-navbar-nav-wrap__shop .icon {
  font-size: 18px;
}

.rd-navbar-nav-wrap__shop .icon:before {
  padding-right: 5px;
  font-size: 22px;
}

.rd-navbar button.rd-search__submit,
.rd-navbar button.rd-navbar-search__toggle {
  background: none;
  border: none;
  display: inline-block;
  padding: 0;
  outline: none;
  outline-offset: 0;
  cursor: pointer;
  -webkit-appearance: none;
}

.rd-navbar button.rd-search__submit::-moz-focus-inner,
.rd-navbar button.rd-navbar-search__toggle::-moz-focus-inner {
  border: none;
  padding: 0;
}

.rd-navbar-static .rd-navbar-items-list {
  display: flex;
  align-items: center;
}

.rd-navbar-items-list>li {
  color: #fff;
  line-height: 1;
  padding: 0 10px;
}

.rd-navbar-items-list>li+li {
  position: relative;
}

.rd-navbar-items-list>li+li:before {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border-left: 1px solid;
  content: "";
  opacity: .2;
}

@media (min-width: 1200px) {
  .rd-navbar-items-list>li {
    padding: 0 15px;
  }
}

.rd-new-link:after {
  position: absolute;
  right: -25px;
  top: 5px;
  display: inline-block;
  padding: 1px 5px;
  content: 'new';
  text-transform: uppercase;
  letter-spacing: .12em;
  color: #fff;
  background-color: #5798ef;
  font-size: 10px;
  line-height: 1.6;
}

/*
* @subsection   Hybrid  Styles
*/
.rd-navbar.rd-navbar-fixed+.rd-navbar.rd-navbar--is-clone,
.rd-navbar.rd-navbar-sidebar+.rd-navbar.rd-navbar--is-clone {
  display: none;
}

.rd-navbar-wrap {
  position: relative;
}

.rd-navbar-sidebar-linked .rd-navbar-wrap,
.rd-navbar-fullwidth-linked .rd-navbar-wrap,
.rd-navbar-static-linked .rd-navbar-wrap {
  z-index: 1030;
}

.rd-navbar-fullwidth .rd-navbar-nav .rd-navbar-submenu>.rd-navbar-dropdown,
.rd-navbar-fullwidth .rd-navbar-nav .rd-navbar-submenu>.rd-navbar-megamenu,
.rd-navbar-static .rd-navbar-nav .rd-navbar-submenu>.rd-navbar-dropdown,
.rd-navbar-static .rd-navbar-nav .rd-navbar-submenu>.rd-navbar-megamenu,
.rd-navbar-sidebar .rd-navbar-nav .rd-navbar-submenu>.rd-navbar-dropdown,
.rd-navbar-sidebar .rd-navbar-nav .rd-navbar-submenu>.rd-navbar-megamenu {
  opacity: 0;
  visibility: hidden;
}

.rd-navbar-fullwidth .rd-navbar-nav .rd-navbar-submenu.focus,
.rd-navbar-static .rd-navbar-nav .rd-navbar-submenu.focus,
.rd-navbar-sidebar .rd-navbar-nav .rd-navbar-submenu.focus {
  opacity: 1;
  visibility: visible;
}

.rd-navbar-fullwidth .rd-navbar-nav>.rd-navbar-submenu>.rd-navbar-dropdown,
.rd-navbar-static .rd-navbar-nav>.rd-navbar-submenu>.rd-navbar-dropdown,
.rd-navbar-sidebar .rd-navbar-nav>.rd-navbar-submenu>.rd-navbar-dropdown {
  transform: translateY(30px);
  pointer-events: none;
}

.rd-navbar-fullwidth .rd-navbar-nav>.rd-navbar-submenu>.rd-navbar-megamenu,
.rd-navbar-static .rd-navbar-nav>.rd-navbar-submenu>.rd-navbar-megamenu,
.rd-navbar-sidebar .rd-navbar-nav>.rd-navbar-submenu>.rd-navbar-megamenu {
  transform: translate3d(-50%, 30px, 0);
  pointer-events: none;
}

.rd-navbar-fullwidth .rd-navbar-nav>.rd-navbar-submenu.opened>.rd-navbar-dropdown,
.rd-navbar-fullwidth .rd-navbar-nav>.rd-navbar-submenu.focus>.rd-navbar-dropdown,
.rd-navbar-static .rd-navbar-nav>.rd-navbar-submenu.opened>.rd-navbar-dropdown,
.rd-navbar-static .rd-navbar-nav>.rd-navbar-submenu.focus>.rd-navbar-dropdown,
.rd-navbar-sidebar .rd-navbar-nav>.rd-navbar-submenu.opened>.rd-navbar-dropdown,
.rd-navbar-sidebar .rd-navbar-nav>.rd-navbar-submenu.focus>.rd-navbar-dropdown {
  transform: translateY(0);
  pointer-events: auto;
}

.rd-navbar-fullwidth .rd-navbar-nav>.rd-navbar-submenu.opened>.rd-navbar-megamenu,
.rd-navbar-fullwidth .rd-navbar-nav>.rd-navbar-submenu.focus>.rd-navbar-megamenu,
.rd-navbar-static .rd-navbar-nav>.rd-navbar-submenu.opened>.rd-navbar-megamenu,
.rd-navbar-static .rd-navbar-nav>.rd-navbar-submenu.focus>.rd-navbar-megamenu,
.rd-navbar-sidebar .rd-navbar-nav>.rd-navbar-submenu.opened>.rd-navbar-megamenu,
.rd-navbar-sidebar .rd-navbar-nav>.rd-navbar-submenu.focus>.rd-navbar-megamenu {
  transform: translate3d(-50%, 0, 0);
  pointer-events: auto;
}

.rd-navbar-fullwidth .rd-navbar-nav>.rd-navbar-submenu .rd-navbar-submenu>.rd-navbar-dropdown,
.rd-navbar-static .rd-navbar-nav>.rd-navbar-submenu .rd-navbar-submenu>.rd-navbar-dropdown,
.rd-navbar-sidebar .rd-navbar-nav>.rd-navbar-submenu .rd-navbar-submenu>.rd-navbar-dropdown {
  transform: translateX(-20px);
}

.rd-navbar-fullwidth .rd-navbar-nav>.rd-navbar-submenu .rd-navbar-submenu.focus>.rd-navbar-dropdown,
.rd-navbar-fullwidth .rd-navbar-nav>.rd-navbar-submenu .rd-navbar-submenu.opened>.rd-navbar-dropdown,
.rd-navbar-static .rd-navbar-nav>.rd-navbar-submenu .rd-navbar-submenu.focus>.rd-navbar-dropdown,
.rd-navbar-static .rd-navbar-nav>.rd-navbar-submenu .rd-navbar-submenu.opened>.rd-navbar-dropdown,
.rd-navbar-sidebar .rd-navbar-nav>.rd-navbar-submenu .rd-navbar-submenu.focus>.rd-navbar-dropdown,
.rd-navbar-sidebar .rd-navbar-nav>.rd-navbar-submenu .rd-navbar-submenu.opened>.rd-navbar-dropdown {
  transform: translateX(0);
}

.rd-navbar-fullwidth .rd-navbar-nav>.rd-navbar-submenu .rd-navbar-submenu.focus>.rd-navbar-dropdown,
.rd-navbar-fullwidth .rd-navbar-nav>.rd-navbar-submenu .rd-navbar-submenu.opened>.rd-navbar-dropdown,
.rd-navbar-static .rd-navbar-nav>.rd-navbar-submenu .rd-navbar-submenu.focus>.rd-navbar-dropdown,
.rd-navbar-static .rd-navbar-nav>.rd-navbar-submenu .rd-navbar-submenu.opened>.rd-navbar-dropdown,
.rd-navbar-sidebar .rd-navbar-nav>.rd-navbar-submenu .rd-navbar-submenu.focus>.rd-navbar-dropdown,
.rd-navbar-sidebar .rd-navbar-nav>.rd-navbar-submenu .rd-navbar-submenu.opened>.rd-navbar-dropdown {
  display: block;
}

.rd-navbar-fullwidth .rd-navbar-nav>li,
.rd-navbar-static .rd-navbar-nav>li,
.rd-navbar-sidebar .rd-navbar-nav>li {
  display: inline-block;
  padding: 0 2px;
  vertical-align: middle;
}

.rd-navbar-fullwidth .rd-navbar-nav>li>a,
.rd-navbar-static .rd-navbar-nav>li>a,
.rd-navbar-sidebar .rd-navbar-nav>li>a {
  font: 400 13px/18px "Roboto", sans-serif;
  letter-spacing: 0;
}

.rd-navbar-fullwidth .rd-navbar-nav>li>a,
.rd-navbar-fullwidth .rd-navbar-nav>li>a:active,
.rd-navbar-fullwidth .rd-navbar-nav>li>a:focus,
.rd-navbar-static .rd-navbar-nav>li>a,
.rd-navbar-static .rd-navbar-nav>li>a:active,
.rd-navbar-static .rd-navbar-nav>li>a:focus,
.rd-navbar-sidebar .rd-navbar-nav>li>a,
.rd-navbar-sidebar .rd-navbar-nav>li>a:active,
.rd-navbar-sidebar .rd-navbar-nav>li>a:focus {
  color: #d8d8d8;
}

.rd-navbar-fullwidth .rd-navbar-nav>li>a:hover,
.rd-navbar-static .rd-navbar-nav>li>a:hover,
.rd-navbar-sidebar .rd-navbar-nav>li>a:hover {
  color: #5798ef;
}

@media (min-width: 1200px) {

  .rd-navbar-fullwidth .rd-navbar-nav>li>a,
  .rd-navbar-static .rd-navbar-nav>li>a,
  .rd-navbar-sidebar .rd-navbar-nav>li>a {
    font-size: 16px;
  }
}

.rd-navbar-fullwidth .rd-navbar-nav>li.focus>a,
.rd-navbar-fullwidth .rd-navbar-nav>li.opened>a,
.rd-navbar-fullwidth .rd-navbar-nav>li.active>a,
.rd-navbar-static .rd-navbar-nav>li.focus>a,
.rd-navbar-static .rd-navbar-nav>li.opened>a,
.rd-navbar-static .rd-navbar-nav>li.active>a,
.rd-navbar-sidebar .rd-navbar-nav>li.focus>a,
.rd-navbar-sidebar .rd-navbar-nav>li.opened>a,
.rd-navbar-sidebar .rd-navbar-nav>li.active>a {
  color: #5798ef;
}

.rd-navbar-fullwidth .rd-navbar-nav li.focus>.rd-navbar-dropdown,
.rd-navbar-fullwidth .rd-navbar-nav li.focus>.rd-navbar-megamenu,
.rd-navbar-fullwidth .rd-navbar-nav li.opened>.rd-navbar-dropdown,
.rd-navbar-fullwidth .rd-navbar-nav li.opened>.rd-navbar-megamenu,
.rd-navbar-static .rd-navbar-nav li.focus>.rd-navbar-dropdown,
.rd-navbar-static .rd-navbar-nav li.focus>.rd-navbar-megamenu,
.rd-navbar-static .rd-navbar-nav li.opened>.rd-navbar-dropdown,
.rd-navbar-static .rd-navbar-nav li.opened>.rd-navbar-megamenu,
.rd-navbar-sidebar .rd-navbar-nav li.focus>.rd-navbar-dropdown,
.rd-navbar-sidebar .rd-navbar-nav li.focus>.rd-navbar-megamenu,
.rd-navbar-sidebar .rd-navbar-nav li.opened>.rd-navbar-dropdown,
.rd-navbar-sidebar .rd-navbar-nav li.opened>.rd-navbar-megamenu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  background: #363d41;
}

.rd-navbar-fullwidth .rd-navbar-nav .rd-navbar--has-dropdown,
.rd-navbar-static .rd-navbar-nav .rd-navbar--has-dropdown,
.rd-navbar-sidebar .rd-navbar-nav .rd-navbar--has-dropdown {
  position: relative;
}

.rd-navbar-fullwidth .rd-navbar-nav>li>.rd-navbar-dropdown,
.rd-navbar-static .rd-navbar-nav>li>.rd-navbar-dropdown,
.rd-navbar-sidebar .rd-navbar-nav>li>.rd-navbar-dropdown {
  position: absolute;
  left: 0;
  z-index: 5;
  display: block;
  text-align: left;
  height: auto;
}

.rd-navbar-fullwidth .rd-navbar-nav .rd-navbar-submenu>.rd-navbar-dropdown,
.rd-navbar-fullwidth .rd-navbar-nav .rd-navbar-submenu>.rd-navbar-megamenu,
.rd-navbar-static .rd-navbar-nav .rd-navbar-submenu>.rd-navbar-dropdown,
.rd-navbar-static .rd-navbar-nav .rd-navbar-submenu>.rd-navbar-megamenu,
.rd-navbar-sidebar .rd-navbar-nav .rd-navbar-submenu>.rd-navbar-dropdown,
.rd-navbar-sidebar .rd-navbar-nav .rd-navbar-submenu>.rd-navbar-megamenu {
  font-size: 16px;
  box-shadow: -1px 4px 5px 0px rgba(68, 73, 83, 0.12);
}

.rd-navbar-fullwidth .rd-navbar-dropdown>li>a,
.rd-navbar-fullwidth .rd-megamenu-list>li>a,
.rd-navbar-static .rd-navbar-dropdown>li>a,
.rd-navbar-static .rd-megamenu-list>li>a,
.rd-navbar-sidebar .rd-navbar-dropdown>li>a,
.rd-navbar-sidebar .rd-megamenu-list>li>a {
  position: relative;
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 14px;
  font: 400 14px/24px "Roboto", sans-serif;
  letter-spacing: .06em;
  transition: .33s all ease;
}

.rd-navbar-fullwidth .rd-navbar-dropdown>li>a,
.rd-navbar-fullwidth .rd-navbar-dropdown>li>a:active,
.rd-navbar-fullwidth .rd-navbar-dropdown>li>a:focus,
.rd-navbar-fullwidth .rd-megamenu-list>li>a,
.rd-navbar-fullwidth .rd-megamenu-list>li>a:active,
.rd-navbar-fullwidth .rd-megamenu-list>li>a:focus,
.rd-navbar-static .rd-navbar-dropdown>li>a,
.rd-navbar-static .rd-navbar-dropdown>li>a:active,
.rd-navbar-static .rd-navbar-dropdown>li>a:focus,
.rd-navbar-static .rd-megamenu-list>li>a,
.rd-navbar-static .rd-megamenu-list>li>a:active,
.rd-navbar-static .rd-megamenu-list>li>a:focus,
.rd-navbar-sidebar .rd-navbar-dropdown>li>a,
.rd-navbar-sidebar .rd-navbar-dropdown>li>a:active,
.rd-navbar-sidebar .rd-navbar-dropdown>li>a:focus,
.rd-navbar-sidebar .rd-megamenu-list>li>a,
.rd-navbar-sidebar .rd-megamenu-list>li>a:active,
.rd-navbar-sidebar .rd-megamenu-list>li>a:focus {
  color: #2b2c2f;
}

.rd-navbar-fullwidth .rd-navbar-dropdown>li>a:hover,
.rd-navbar-fullwidth .rd-megamenu-list>li>a:hover,
.rd-navbar-static .rd-navbar-dropdown>li>a:hover,
.rd-navbar-static .rd-megamenu-list>li>a:hover,
.rd-navbar-sidebar .rd-navbar-dropdown>li>a:hover,
.rd-navbar-sidebar .rd-megamenu-list>li>a:hover {
  color: #5798ef;
}

.rd-navbar-fullwidth .rd-navbar-dropdown>li>a,
.rd-navbar-fullwidth .rd-navbar-dropdown>li>a:before,
.rd-navbar-fullwidth .rd-megamenu-list>li>a,
.rd-navbar-fullwidth .rd-megamenu-list>li>a:before,
.rd-navbar-static .rd-navbar-dropdown>li>a,
.rd-navbar-static .rd-navbar-dropdown>li>a:before,
.rd-navbar-static .rd-megamenu-list>li>a,
.rd-navbar-static .rd-megamenu-list>li>a:before,
.rd-navbar-sidebar .rd-navbar-dropdown>li>a,
.rd-navbar-sidebar .rd-navbar-dropdown>li>a:before,
.rd-navbar-sidebar .rd-megamenu-list>li>a,
.rd-navbar-sidebar .rd-megamenu-list>li>a:before {
  transition: .33s all ease;
}

.rd-navbar-fullwidth .rd-navbar-dropdown>li>a,
.rd-navbar-fullwidth .rd-navbar-dropdown>li>a:focus,
.rd-navbar-fullwidth .rd-navbar-dropdown>li>a:active,
.rd-navbar-fullwidth .rd-megamenu-list>li>a,
.rd-navbar-fullwidth .rd-megamenu-list>li>a:focus,
.rd-navbar-fullwidth .rd-megamenu-list>li>a:active,
.rd-navbar-static .rd-navbar-dropdown>li>a,
.rd-navbar-static .rd-navbar-dropdown>li>a:focus,
.rd-navbar-static .rd-navbar-dropdown>li>a:active,
.rd-navbar-static .rd-megamenu-list>li>a,
.rd-navbar-static .rd-megamenu-list>li>a:focus,
.rd-navbar-static .rd-megamenu-list>li>a:active,
.rd-navbar-sidebar .rd-navbar-dropdown>li>a,
.rd-navbar-sidebar .rd-navbar-dropdown>li>a:focus,
.rd-navbar-sidebar .rd-navbar-dropdown>li>a:active,
.rd-navbar-sidebar .rd-megamenu-list>li>a,
.rd-navbar-sidebar .rd-megamenu-list>li>a:focus,
.rd-navbar-sidebar .rd-megamenu-list>li>a:active {
  color: #d8d8d8;
  background: transparent;
}

.rd-navbar-fullwidth .rd-navbar-dropdown>li>a:hover,
.rd-navbar-fullwidth .rd-megamenu-list>li>a:hover,
.rd-navbar-static .rd-navbar-dropdown>li>a:hover,
.rd-navbar-static .rd-megamenu-list>li>a:hover,
.rd-navbar-sidebar .rd-navbar-dropdown>li>a:hover,
.rd-navbar-sidebar .rd-megamenu-list>li>a:hover {
  color: #5798ef;
  background: transparent;
}

.rd-navbar-fullwidth .rd-navbar-dropdown,
.rd-navbar-static .rd-navbar-dropdown,
.rd-navbar-sidebar .rd-navbar-dropdown {
  width: 192px;
  margin-left: -25px;
  background: #fff;
}

@media (min-width: 1200px) {

  .rd-navbar-fullwidth .rd-navbar-dropdown,
  .rd-navbar-static .rd-navbar-dropdown,
  .rd-navbar-sidebar .rd-navbar-dropdown {
    width: 240px;
  }
}

.rd-navbar-fullwidth .rd-navbar-dropdown .rd-navbar-dropdown,
.rd-navbar-static .rd-navbar-dropdown .rd-navbar-dropdown,
.rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar-dropdown {
  position: absolute;
  left: 100%;
  margin-left: 45px;
  top: -25px;
}

.rd-navbar-fullwidth .rd-navbar-dropdown>li,
.rd-navbar-static .rd-navbar-dropdown>li,
.rd-navbar-sidebar .rd-navbar-dropdown>li {
  border-bottom: 1px solid #e8e8e8;
}

.rd-navbar-fullwidth .rd-navbar-dropdown>li>a,
.rd-navbar-static .rd-navbar-dropdown>li>a,
.rd-navbar-sidebar .rd-navbar-dropdown>li>a {
  display: block;
  padding: 13px 30px;
  width: 100%;
}

.rd-navbar-fullwidth .rd-navbar-dropdown>li>a,
.rd-navbar-fullwidth .rd-navbar-dropdown>li>a:focus,
.rd-navbar-fullwidth .rd-navbar-dropdown>li>a:active,
.rd-navbar-static .rd-navbar-dropdown>li>a,
.rd-navbar-static .rd-navbar-dropdown>li>a:focus,
.rd-navbar-static .rd-navbar-dropdown>li>a:active,
.rd-navbar-sidebar .rd-navbar-dropdown>li>a,
.rd-navbar-sidebar .rd-navbar-dropdown>li>a:focus,
.rd-navbar-sidebar .rd-navbar-dropdown>li>a:active {
  color: #242731;
  background: transparent;
}

.rd-navbar-fullwidth .rd-navbar-dropdown>li>a:hover,
.rd-navbar-static .rd-navbar-dropdown>li>a:hover,
.rd-navbar-sidebar .rd-navbar-dropdown>li>a:hover {
  color: #5798ef;
  background: transparent;
}

.rd-navbar-fullwidth .rd-navbar-dropdown>li.focus>a,
.rd-navbar-fullwidth .rd-navbar-dropdown>li.opened>a,
.rd-navbar-static .rd-navbar-dropdown>li.focus>a,
.rd-navbar-static .rd-navbar-dropdown>li.opened>a,
.rd-navbar-sidebar .rd-navbar-dropdown>li.focus>a,
.rd-navbar-sidebar .rd-navbar-dropdown>li.opened>a {
  color: #5798ef;
  background: transparent;
}

.rd-navbar-fullwidth .rd-navbar-megamenu,
.rd-navbar-static .rd-navbar-megamenu,
.rd-navbar-sidebar .rd-navbar-megamenu {
  position: absolute;
  left: 50%;
  z-index: 1000;
  display: table;
  width: calc(100% - 30px);
  table-layout: fixed;
  max-width: 1110px;
  margin-top: 28px;
  text-align: left;
  background: #fff;
}

.rd-navbar-fullwidth .rd-navbar-megamenu>li,
.rd-navbar-static .rd-navbar-megamenu>li,
.rd-navbar-sidebar .rd-navbar-megamenu>li {
  position: relative;
  display: table-cell;
  vertical-align: top;
  padding: 28px 20px 30px 35px;
  width: 29%;
}

.rd-navbar-fullwidth .rd-navbar-megamenu .rd-megamenu-list li>a,
.rd-navbar-static .rd-navbar-megamenu .rd-megamenu-list li>a,
.rd-navbar-sidebar .rd-navbar-megamenu .rd-megamenu-list li>a {
  padding: 8px 0 9px;
}

.rd-navbar-fullwidth .rd-navbar-megamenu .rd-megamenu-list .rd-new-link:after,
.rd-navbar-static .rd-navbar-megamenu .rd-megamenu-list .rd-new-link:after,
.rd-navbar-sidebar .rd-navbar-megamenu .rd-megamenu-list .rd-new-link:after {
  right: 0;
  top: 3px;
}

.rd-navbar-fullwidth .rd-navbar-megamenu *+.rd-megamenu-header,
.rd-navbar-static .rd-navbar-megamenu *+.rd-megamenu-header,
.rd-navbar-sidebar .rd-navbar-megamenu *+.rd-megamenu-header {
  margin-top: 40px;
}

.rd-navbar-fullwidth .rd-navbar-megamenu *+.rd-megamenu-list,
.rd-navbar-static .rd-navbar-megamenu *+.rd-megamenu-list,
.rd-navbar-sidebar .rd-navbar-megamenu *+.rd-megamenu-list {
  margin-top: 22px;
}

.rd-navbar-fullwidth .rd-megamenu-header,
.rd-navbar-static .rd-megamenu-header,
.rd-navbar-sidebar .rd-megamenu-header {
  position: relative;
  font: 700 13px/26px "Roboto", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 900;
  color: #5798ef;
  padding-bottom: 9px;
  min-height: 35px;
}

.rd-navbar-fullwidth .rd-megamenu-header:after,
.rd-navbar-static .rd-megamenu-header:after,
.rd-navbar-sidebar .rd-megamenu-header:after {
  content: '';
  position: absolute;
  left: 0;
  right: 40px;
  bottom: 0;
  border-top: 1px solid #e5e7e9;
}

.rd-navbar-fullwidth .rd-navbar-nav>li>.rd-navbar-submenu-toggle,
.rd-navbar-static .rd-navbar-nav>li>.rd-navbar-submenu-toggle,
.rd-navbar-sidebar .rd-navbar-nav>li>.rd-navbar-submenu-toggle {
  display: inline-block;
  width: 17px;
  text-align: center;
  cursor: pointer;
}

.rd-navbar-fullwidth .rd-navbar-nav>li>.rd-navbar-submenu-toggle::after,
.rd-navbar-static .rd-navbar-nav>li>.rd-navbar-submenu-toggle::after,
.rd-navbar-sidebar .rd-navbar-nav>li>.rd-navbar-submenu-toggle::after {
  content: '\f107';
  position: relative;
  padding: .35em;
  display: inline-block;
  font: 800 25px "FontAwesome";
  text-align: center;
  transition: 0.4s all ease;
  z-index: 2;
  color: #d8d8d8;
  will-change: transform;
  -webkit-filter: blur(0);
  cursor: pointer;
}

.rd-navbar-fullwidth .rd-navbar-nav>li.focus>.rd-navbar-submenu-toggle::after,
.rd-navbar-fullwidth .rd-navbar-nav>li.opened>.rd-navbar-submenu-toggle::after,
.rd-navbar-fullwidth .rd-navbar-nav>li>a:hover+.rd-navbar-submenu-toggle::after,
.rd-navbar-static .rd-navbar-nav>li.focus>.rd-navbar-submenu-toggle::after,
.rd-navbar-static .rd-navbar-nav>li.opened>.rd-navbar-submenu-toggle::after,
.rd-navbar-static .rd-navbar-nav>li>a:hover+.rd-navbar-submenu-toggle::after,
.rd-navbar-sidebar .rd-navbar-nav>li.focus>.rd-navbar-submenu-toggle::after,
.rd-navbar-sidebar .rd-navbar-nav>li.opened>.rd-navbar-submenu-toggle::after,
.rd-navbar-sidebar .rd-navbar-nav>li>a:hover+.rd-navbar-submenu-toggle::after {
  transform: scale(1, -1);
}

.rd-navbar-fullwidth .rd-navbar-nav>li.active>.rd-navbar-submenu-toggle::after,
.rd-navbar-fullwidth .rd-navbar-nav>li.focus>.rd-navbar-submenu-toggle::after,
.rd-navbar-fullwidth .rd-navbar-nav>li.opened>.rd-navbar-submenu-toggle::after,
.rd-navbar-fullwidth .rd-navbar-nav>li>a:hover+.rd-navbar-submenu-toggle::after,
.rd-navbar-static .rd-navbar-nav>li.active>.rd-navbar-submenu-toggle::after,
.rd-navbar-static .rd-navbar-nav>li.focus>.rd-navbar-submenu-toggle::after,
.rd-navbar-static .rd-navbar-nav>li.opened>.rd-navbar-submenu-toggle::after,
.rd-navbar-static .rd-navbar-nav>li>a:hover+.rd-navbar-submenu-toggle::after,
.rd-navbar-sidebar .rd-navbar-nav>li.active>.rd-navbar-submenu-toggle::after,
.rd-navbar-sidebar .rd-navbar-nav>li.focus>.rd-navbar-submenu-toggle::after,
.rd-navbar-sidebar .rd-navbar-nav>li.opened>.rd-navbar-submenu-toggle::after,
.rd-navbar-sidebar .rd-navbar-nav>li>a:hover+.rd-navbar-submenu-toggle::after {
  color: #5798ef;
}

.rd-navbar-static-linked .rd-navbar-absolute-linked .rd-navbar-wrap,
.rd-navbar-sidebar-linked .rd-navbar-absolute-linked .rd-navbar-wrap {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
}

.rd-navbar-dark .rd-navbar-nav-wrap__shop .link-primary {
  color: #fff;
}

.rd-navbar-dark .rd-navbar-nav-wrap__shop .link-primary.icon:before {
  color: #5798ef;
}

.rd-navbar-dark .rd-navbar-nav-wrap__shop .link-primary:hover {
  color: #5798ef;
}

.megamenu-icons .rd-megamenu-list>li [class*='icon-'] {
  display: flex;
  align-items: center;
}

.megamenu-icons .rd-megamenu-list>li [class*='icon-']:before {
  display: inline-block;
  content: '';
  width: 50px;
  height: 30px;
  flex-basis: 25%;
  background-size: auto 90%;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 7px;
}

.megamenu-icons .rd-megamenu-list>li .icon-progress-horizontal:before {
  content: '\f0c9';
  font: 400 26px/1 "FontAwesome";
  color: #DDDDE9;
  text-align: center;
  margin-left: 3px;
}

.megamenu-icons .rd-megamenu-list>li .icon-progress-vertical:before {
  content: '\f080';
  font: 400 24px/1 "FontAwesome";
  color: #DDDDE9;
  text-align: center;
  margin-left: 3px;
}

.megamenu-icons .rd-megamenu-list>li .icon-progress-radial:before {
  content: '\f1ce';
  font: 400 24px/1 "FontAwesome";
  color: #DDDDE9;
  text-align: center;
  margin-left: 3px;
}

.megamenu-icons .rd-megamenu-list>li .icon-iframe:before {
  content: '\f16a';
  font: 400 24px/1 "FontAwesome";
  color: #DDDDE9;
  text-align: center;
  margin-left: 3px;
}

.icon-slider:before {
  background-image: url(../images/slider-no-text.svg);
}

.icon-flickr:before {
  background-image: url(../images/flickr.svg);
}

.icon-instagram:before {
  background-image: url(../images/instagram.svg);
}

.icon-twitter:before {
  background-image: url(../images/twitter-circular-button.svg);
}

.icon-facebook:before {
  background-image: url(../images/facebook.svg);
}

.icon-parallax:before {
  background-image: url(../images/parallax.svg);
}

.icon-subscribe:before {
  background-image: url(../images/mail-send.svg);
}

.icon-mailchimp:before {
  background-image: url(../images/mailchimp-sketched-social-logo-outline.svg);
}

.icon-campaign-monitor:before {
  background-image: url(../images/campaign-monitor.svg);
}

.icon-contact-form:before {
  background-image: url(../images/mail.svg);
}

.icon-cta:before {
  background-image: url(../images/cta.svg);
}

.icon-banner:before {
  background-image: url(../images/banner.svg);
}

.icon-carousel:before {
  background-image: url(../images/carousel.svg);
}

.icon-background-video:before {
  background-image: url(../images/background-video.svg);
}

.icon-counter:before {
  background-image: url(../images/counter.svg);
}

.icon-countdown:before {
  background-image: url(../images/countdown.svg);
}

.icon-countdown-radial:before {
  background-image: url(../images/percent.svg);
}

.icon-animated-box:before {
  background-image: url(../images/animated-box.svg);
}

.icon-animated-text:before {
  background-image: url(../images/animated-text.svg);
}

.icon-post:before {
  background-image: url(../images/post.svg);
}

.icon-post-single:before {
  background-image: url(../images/post-single.svg);
}

.icon-post-carousel:before {
  background-image: url(../images/post-carousel.svg);
}

.icon-testimonials:before {
  background-image: url(../images/testimonials.svg);
}

.icon-pricing:before {
  background-image: url(../images/pricing.svg);
}

.icon-team:before {
  background-image: url(../images/team.svg);
}

.icon-services:before {
  background-image: url(../images/handtools.svg);
}

.icon-gallery:before {
  background-image: url(../images/grid-gal-full.svg);
}

.icon-gmap:before {
  background-image: url(../images/gmap.svg);
}

.icon-header:before {
  background-image: url(../images/header.svg);
}

.icon-footer:before {
  background-image: url(../images/footer.svg);
}

/*
* Static Layout
*/
.rd-navbar-static {
  display: block;
  z-index: 1000;
  background-color: #fff;
  overflow: visible;
}

.rd-navbar-static.rd-navbar-mod-1 {
  margin-bottom: -130px;
}

.rd-navbar-static .rd-navbar-inner {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1140px;
  padding: 20px 15px;
  margin-left: auto;
  margin-right: auto;
  transition: height .3s;
}

.rd-navbar-static .rd-navbar-top-panel {
  padding: 10px 0;
  width: 100%;
  background: hsl(201.8 9.2% 23.3% / .5);
  backdrop-filter: blur(1rem);
}

.rd-navbar-static .rd-navbar-top-panel-content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1140px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}

.rd-navbar-static .rd-navbar-top-panel-content-inner>* {
  display: inline-block;
  vertical-align: middle;
}

.rd-navbar-static .rd-navbar-top-panel-content-inner>*+* {
  position: relative;
  padding-left: 45px;
}

.rd-navbar-static .rd-navbar-top-panel-content-inner>*+*:before {
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  border-left: 1px solid;
  content: "";
  display: inline-block;
}

.rd-navbar-static .rd-navbar-top-panel .contact-info {
  font-size: 15px;
  color: #d8d8d8;
}

.rd-navbar-static .rd-navbar-top-panel .object-inline {
  position: relative;
  top: 2px;
}

.rd-navbar-static .rd-navbar-panel {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0;
  line-height: 0;
}

.rd-navbar-static .rd-navbar-brand {
  max-width: 153px;
  height: auto;
  position: relative;
}

.rd-navbar-static .rd-navbar-brand img {
  width: 100%;
  height: auto;
}

.rd-navbar-static .rd-navbar-nav-wrap {
  width: 100%;
  padding-left: 40px;
  text-align: right;
}

.rd-navbar-static .rd-navbar-nav {
  font-size: 0;
  line-height: 0;
}

.rd-navbar-static .rd-navbar-nav>li>.rd-navbar-dropdown {
  margin-top: 25px;
}

.rd-navbar-static .rd-navbar-nav>li+li {
  margin-left: 27px;
}

@media (max-width: 1199px) {
  .rd-navbar-static .rd-navbar-nav>li>.rd-navbar-submenu-toggle {
    position: relative;
    top: 1px;
    font-size: 12px;
  }
}

@media (min-width: 1200px) {
  .rd-navbar-static .rd-navbar-nav>li+li {
    margin-left: 22px;
  }
}

.rd-navbar-static.rd-navbar--is-clone {
  display: block;
  transform: translateY(-106%);
  z-index: 100;
}

.rd-navbar-static.rd-navbar--is-clone.rd-navbar--is-stuck {
  transform: translateY(0);
}

.rd-navbar-static.rd-navbar--is-stuck,
.rd-navbar-static.rd-navbar--is-clone {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1);
}

.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-top-panel,
.rd-navbar-static.rd-navbar--is-clone .rd-navbar-top-panel {
  display: none;
}

.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-brand img,
.rd-navbar-static.rd-navbar--is-clone .rd-navbar-brand img {
  width: auto;
}

@media (max-width: 1199px) {
  .rd-navbar-static .btn-lg {
    font-size: 12px;
    padding: 15px 20px;
    min-width: 110px;
  }
}

.rd-navbar-static.rd-navbar-default .rd-navbar-inner {
  height: 104px;
}

@media (min-width: 1200px) {
  .rd-navbar-static.rd-navbar-default .rd-navbar-inner {
    height: 126px;
  }

  .rd-navbar-static.rd-navbar-default .rd-navbar-nav>li>.rd-navbar-dropdown,
  .rd-navbar-static.rd-navbar-default .rd-navbar-nav>li>.rd-navbar-megamenu {
    margin-top: 55px;
  }
}

.rd-navbar-static.rd-navbar-default .rd-navbar-nav>li>.rd-navbar-dropdown,
.rd-navbar-static.rd-navbar-default .rd-navbar-nav>li>.rd-navbar-megamenu {
  margin-top: 40px;
}

.rd-navbar-static.rd-navbar-default.rd-navbar--is-stuck .rd-navbar-inner {
  height: 74px;
}

.rd-navbar-static.rd-navbar-default.rd-navbar--is-stuck .rd-navbar-nav>li .rd-navbar-dropdown,
.rd-navbar-static.rd-navbar-default.rd-navbar--is-stuck .rd-navbar-nav>li .rd-navbar-megamenu {
  margin-top: 29px;
}

.rd-navbar-static.rd-navbar-transparent {
  background-color: transparent;
  border: 0;
  transition: none;
}

.rd-navbar-static.rd-navbar-transparent .btn-white-outline,
.rd-navbar-static.rd-navbar-transparent .btn-white-outline:active,
.rd-navbar-static.rd-navbar-transparent .btn-white-outline:focus {
  color: #fff;
  background: transparent;
  border-color: #fff;
}

.rd-navbar-static.rd-navbar-transparent .btn-white-outline:hover {
  color: #fff;
  background: #67828d;
  border-color: #67828d;
}

.rd-navbar-static.rd-navbar-transparent .rd-navbar-inner {
  margin-top: 29px;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding: 0 15px;
}

.rd-navbar-static.rd-navbar-transparent .rd-navbar-megamenu {
  left: calc(50% - 215px/2);
  right: 0;
  width: calc(100% + 215px);
}

.rd-navbar-static.rd-navbar-transparent .rd-navbar-nav>li>a {
  position: relative;
  padding: 6px 0;
}

.rd-navbar-static.rd-navbar-transparent .rd-navbar-nav>li>a,
.rd-navbar-static.rd-navbar-transparent .rd-navbar-nav>li>a:active,
.rd-navbar-static.rd-navbar-transparent .rd-navbar-nav>li>a:focus {
  color: #fff;
}

.rd-navbar-static.rd-navbar-transparent .rd-navbar-nav>li>a:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  max-width: 100%;
  border-top: 3px solid;
  transition: width .33s ease;
}

.rd-navbar-static.rd-navbar-transparent .rd-navbar-nav>li>a:hover {
  color: #fff;
}

.rd-navbar-static.rd-navbar-transparent .rd-navbar-nav>li.active>a:after,
.rd-navbar-static.rd-navbar-transparent .rd-navbar-nav>li.focus>a:after,
.rd-navbar-static.rd-navbar-transparent .rd-navbar-nav>li>a:hover:after {
  width: 100%;
}

.rd-navbar-static.rd-navbar-transparent .rd-navbar-nav>li.rd-navbar-submenu>a:after {
  max-width: 100%;
}

.rd-navbar-static.rd-navbar-transparent .rd-navbar-nav>li.rd-navbar-submenu.active>a:after,
.rd-navbar-static.rd-navbar-transparent .rd-navbar-nav>li.rd-navbar-submenu:focus>a:after,
.rd-navbar-static.rd-navbar-transparent .rd-navbar-nav>li.rd-navbar-submenu>a:hover:after {
  width: 100%;
}

.rd-navbar-static.rd-navbar-transparent .rd-navbar-nav>li>.rd-navbar-dropdown,
.rd-navbar-static.rd-navbar-transparent .rd-navbar-nav>li>.rd-navbar-megamenu {
  margin-top: 40px;
}

.rd-navbar-static.rd-navbar-transparent .rd-navbar-nav>li>.rd-navbar-submenu-toggle:after {
  color: #fff;
}

.rd-navbar-static.rd-navbar-transparent .rd-navbar-panel,
.rd-navbar-static.rd-navbar-transparent .rd-navbar-nav-wrap {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  height: 95px;
}

.rd-navbar-static.rd-navbar-transparent .rd-navbar-nav-wrap {
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  justify-content: flex-start;
}

.rd-navbar-static.rd-navbar-transparent .rd-navbar-panel {
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.rd-navbar-static.rd-navbar-transparent .rd-navbar-panel {
  background-color: transparent;
}

.rd-navbar-static.rd-navbar-transparent .rd-navbar-panel-background {
  position: absolute;
  top: 0;
  left: 0;
  right: -70px;
  bottom: 0;
  overflow: hidden;
  pointer-events: none;
}

.rd-navbar-static.rd-navbar-transparent .rd-navbar-panel-background-inner {
  position: absolute;
  top: 0;
  left: -60px;
  right: 70px;
  bottom: 0;
  background: #d8d8d8;
  z-index: 0;
  transform-origin: bottom left;
  transform: skew(-30deg, 0deg);
  pointer-events: auto;
}

.rd-navbar-static.rd-navbar-transparent .rd-navbar-nav-wrap-bg .rd-navbar-nav-wrap-bg-inner {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: -1;
  transform-origin: bottom left;
  transform: skew(-30deg, 0deg);
}

.rd-navbar-static.rd-navbar-transparent .rd-navbar-panel {
  min-width: 205px;
  max-width: 215px;
  background: #fff;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.rd-navbar-static.rd-navbar-transparent .rd-navbar-panel:after {
  right: 0;
  background: inherit;
}

.rd-navbar-static.rd-navbar-transparent .rd-navbar-nav-wrap-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: 0;
}

.rd-navbar-static.rd-navbar-transparent .rd-navbar-nav-wrap-bg .rd-navbar-nav-wrap-bg-inner {
  left: 0;
}

.rd-navbar-static.rd-navbar-transparent .rd-navbar-nav-wrap {
  padding: 20px 15px;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.rd-navbar-static.rd-navbar-transparent .rd-navbar-nav-wrap-bg-inner {
  background: hsl(201.8 9.2% 23.3% / .5);

}

.rd-navbar-static.rd-navbar-transparent *+.rd-navbar-nav-wrap {
  margin-left: 10px;
}

@media (max-width: 1199px) {
  .rd-navbar-static.rd-navbar-transparent .rd-navbar-nav-wrap {
    padding: 20px 8px;
  }

  .rd-navbar-static.rd-navbar-transparent .rd-navbar-nav>li>a {
    font-size: 14px;
  }

  .rd-navbar-static.rd-navbar-transparent .rd-navbar-nav>li+li {
    margin-left: 8px;
  }

  .rd-navbar-static.rd-navbar-transparent .rd-navbar-items-list>li {
    padding: 0 7px;
  }

  .rd-navbar-static.rd-navbar-transparent .rd-navbar-nav-wrap__shop .icon:before {
    font-size: 20px;
  }

  .rd-navbar-static.rd-navbar-transparent .rd-navbar .rd-navbar-search__toggle::before {
    font-size: 20px;
  }
}

.rd-navbar-static.rd-navbar-transparent.rd-navbar--is-clone {
  display: none;
}

.rd-navbar-static.rd-navbar-transparent.rd-navbar--is-stuck {
  box-shadow: none;
}

.rd-navbar-static.rd-navbar-transparent.rd-navbar--is-stuck .rd-navbar-panel,
.rd-navbar-static.rd-navbar-transparent.rd-navbar--is-stuck .rd-navbar-nav-wrap {
  height: 74px;
}

.rd-navbar-static.rd-navbar-transparent.rd-navbar--is-stuck .rd-navbar-inner {
  margin-top: 0;
}

.rd-navbar-static.rd-navbar-transparent.rd-navbar--is-stuck .rd-navbar-nav>li .rd-navbar-dropdown,
.rd-navbar-static.rd-navbar-transparent.rd-navbar--is-stuck .rd-navbar-nav>li .rd-navbar-megamenu {
  margin-top: 22px;
}

.rd-navbar-absolute {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: transparent;
  border-bottom: 0;
}

.rd-navbar-absolute .rd-navbar-inner {
  max-width: 1600px;
}

.rd-navbar-absolute .rd-navbar-nav>li>a {
  position: relative;
  padding: 6px 0;
}

.rd-navbar-absolute .rd-navbar-nav>li>a,
.rd-navbar-absolute .rd-navbar-nav>li>a:active,
.rd-navbar-absolute .rd-navbar-nav>li>a:focus {
  color: #fff;
}

.rd-navbar-absolute .rd-navbar-nav>li>a:hover {
  color: #fff;
}

.rd-navbar-absolute .rd-navbar-nav>li>a:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  max-width: 100%;
  border-top: 3px solid;
  transition: width .33s ease;
}

.rd-navbar-absolute .rd-navbar-nav>li .rd-navbar-submenu-toggle::after {
  color: #fff;
}

.rd-navbar-absolute .rd-navbar-nav>li.active>a,
.rd-navbar-absolute .rd-navbar-nav>li.focus>a,
.rd-navbar-absolute .rd-navbar-nav>li.opened>a,
.rd-navbar-absolute .rd-navbar-nav>li>a:hover {
  color: #fff;
}

.rd-navbar-absolute .rd-navbar-nav>li.focus>a:after,
.rd-navbar-absolute .rd-navbar-nav>li.focus>a:hover:after,
.rd-navbar-absolute .rd-navbar-nav>li.opened>a:after,
.rd-navbar-absolute .rd-navbar-nav>li.opened>a:hover:after {
  width: 100%;
}

.rd-navbar-absolute .rd-navbar-nav>li.focus>a+.rd-navbar-submenu-toggle::after,
.rd-navbar-absolute .rd-navbar-nav>li.focus>a:hover+.rd-navbar-submenu-toggle::after,
.rd-navbar-absolute .rd-navbar-nav>li.opened>a+.rd-navbar-submenu-toggle::after,
.rd-navbar-absolute .rd-navbar-nav>li.opened>a:hover+.rd-navbar-submenu-toggle::after {
  color: #fff;
}

.rd-navbar-absolute .rd-navbar-nav>li.focus .rd-navbar-submenu-toggle::after,
.rd-navbar-absolute .rd-navbar-nav>li.opened .rd-navbar-submenu-toggle::after {
  color: #fff;
}

.rd-navbar-absolute .rd-navbar-nav>li>a:hover:after {
  width: 100%;
}

.rd-navbar-absolute .btn-white-outline,
.rd-navbar-absolute .btn-white-outline:active,
.rd-navbar-absolute .btn-white-outline:focus {
  color: #fff;
  background: transparent;
  border-color: #fff;
}

.rd-navbar-absolute .btn-white-outline:hover {
  color: #fff;
  background: #67828d;
  border-color: #67828d;
}

.rd-navbar-absolute.rd-navbar--is-stuck {
  background: #4b7fca;
}

/*
* Fullwidth Layout
*/
.rd-navbar-fullwidth {
  position: relative;
  z-index: 10;
  display: block;
  background-color: transparent;
  border-bottom: 1px solid transparent;
}

.rd-navbar-fullwidth .rd-navbar-inner {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 80px;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 15px;
}

.rd-navbar-fullwidth .rd-navbar-panel {
  position: relative;
  z-index: 1;
  width: 200px;
  background: #fff;
  text-align: center;
}

.rd-navbar-fullwidth .rd-navbar-panel>* {
  position: relative;
  z-index: 5;
}

.rd-navbar-fullwidth .rd-navbar-panel:after {
  content: '';
  position: absolute;
  left: 50%;
  transform-origin: 50% 100%;
  transform: translateX(-50%) scale(1, 0.5);
  bottom: -32px;
  z-index: 2;
  height: 0;
  width: 350px;
  border-top: 310px solid #fff;
  border-left: 90px solid transparent;
  border-right: 90px solid transparent;
  pointer-events: none;
}

@media (min-width: 1200px) {
  .rd-navbar-fullwidth .rd-navbar-panel:after {
    bottom: -40px;
  }
}

.rd-navbar-fullwidth .rd-navbar-brand img {
  max-width: 173px;
  height: auto;
}

.rd-navbar-fullwidth .rd-navbar-nav-wrap,
.rd-navbar-fullwidth .rd-navbar-top-panel {
  width: calc(50% - 100px);
}

.rd-navbar-fullwidth .rd-navbar-top-panel {
  padding-left: 10px;
}

.rd-navbar-fullwidth .rd-navbar-top-panel .btn {
  border-width: 2px;
}

.rd-navbar-fullwidth .rd-navbar-nav-wrap {
  position: static;
  padding-right: 10px;
}

.rd-navbar-fullwidth .rd-navbar-nav>li .rd-navbar-dropdown,
.rd-navbar-fullwidth .rd-navbar-nav>li .rd-navbar-megamenu {
  margin-top: 29px;
}

.rd-navbar-fullwidth .rd-navbar-top-panel-content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.rd-navbar-fullwidth .rd-navbar-top-panel-content>*+* {
  margin-top: 0;
  margin-left: 30px;
}

@media (min-width: 1200px) {
  .rd-navbar-fullwidth .rd-navbar-top-panel-content>*+* {
    margin-left: 50px;
  }
}

.rd-navbar-fullwidth .rd-navbar-nav {
  text-align: left;
}

.rd-navbar-fullwidth .rd-navbar-nav>li>a,
.rd-navbar-fullwidth .rd-navbar-nav>li>a:active,
.rd-navbar-fullwidth .rd-navbar-nav>li>a:focus {
  color: #363d41;
}

.rd-navbar-fullwidth .rd-navbar-nav>li>a:hover {
  color: #5798ef;
}

.rd-navbar-fullwidth .rd-navbar-nav>li>.rd-navbar-dropdown {
  margin-top: 25px;
}

.rd-navbar-fullwidth .rd-navbar-nav>li+li {
  margin-left: 10px;
}

@media (min-width: 1200px) {
  .rd-navbar-fullwidth .rd-navbar-nav>li+li {
    margin-left: 18px;
  }
}

.rd-navbar-fullwidth.rd-navbar--is-clone {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transition: .33s all ease;
  transform: translateY(-101%);
  will-change: transform;
  display: block;
  background: #fff;
}

.rd-navbar-fullwidth.rd-navbar--is-clone.rd-navbar--is-stuck {
  transform: translateY(0);
}

.rd-navbar-fullwidth.rd-navbar--is-clone,
.rd-navbar-fullwidth.rd-navbar--is-stuck {
  background: #fff;
  border-bottom-color: #f2f3f8;
  z-index: 1000;
}

.rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-inner,
.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-inner {
  height: 74px;
}

.rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-panel:after,
.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-panel:after {
  display: none;
}

.rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-brand img,
.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-brand img {
  width: auto;
  max-height: 38px;
}

.rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav>li .rd-navbar-dropdown,
.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav>li .rd-navbar-dropdown {
  border-top: 0;
}

.rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav>li .rd-navbar-dropdown,
.rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav>li .rd-navbar-megamenu,
.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav>li .rd-navbar-dropdown,
.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav>li .rd-navbar-megamenu {
  margin-top: 26px;
  border-top: 0;
}

/*
* Fixed Layout
*/
.rd-navbar-fixed {
  display: block;
}

.rd-navbar-fixed .contact-info {
  color: #fff;
}

.rd-navbar-fixed .rd-navbar-nav-wrap-content {
  padding-left: 16px;
}

.rd-navbar-fixed .rd-new-link {
  position: relative;
}

.rd-navbar-fixed .rd-new-link:after {
  right: 5px;
}

.rd-navbar-fixed .rd-navbar-search .rd-search .form-input {
  background-color: #6f727d;
}

.rd-navbar-fixed .rd-navbar-brand {
  position: fixed;
  display: block;
  text-align: left;
  top: 13px;
  left: 56px;
  white-space: nowrap;
  overflow: hidden;
  z-index: 17;
}

.rd-navbar-fixed .rd-navbar-brand img {
  height: 28px;
  width: auto;
}

.rd-navbar-fixed .rd-navbar-panel {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  padding: 4px;
  height: 56px;
  z-index: 1000;
}

.rd-navbar-fixed .rd-navbar-panel:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  border-bottom: 1px solid;
}

.rd-navbar-fixed .rd-navbar-toggle {
  display: inline-block;
}

.rd-navbar-fixed .rd-navbar-nav-wrap-inner {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}

.rd-navbar-fixed .rd-navbar-nav-wrap-inner>* {
  flex-grow: 1;
  padding-left: 5px;
  padding-right: 3px;
}

.rd-navbar-fixed .rd-navbar-nav-wrap-inner .rd-navbar-items-list li:first-of-type {
  display: none;
}

.rd-navbar-fixed .rd-navbar-nav-wrap {
  position: fixed;
  z-index: 100;
  top: -56px;
  left: 0;
  width: 270px;
  padding: 112px 0 56px;
  bottom: 0;
  border-right: 1px solid;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  transform: translateX(-110%);
}

.rd-navbar-fixed .rd-navbar-nav-wrap.active {
  transform: translateX(0);
}

.rd-navbar-fixed .rd-navbar-nav-inner {
  padding-top: 10px;
  padding-bottom: 30px;
}

.rd-navbar-fixed .rd-navbar-nav {
  display: block;
  height: auto;
  font-size: 16px;
  line-height: 26px;
  text-align: left;
}

.rd-navbar-fixed .rd-navbar-nav>li>a {
  font: 700 14px/24px "Roboto", sans-serif;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.rd-navbar-fixed .rd-navbar-nav>li>a:after {
  content: none;
}

.rd-navbar-fixed .rd-navbar-nav li>a {
  display: block;
  padding: 11px 56px 11px 16px;
}

.rd-navbar-fixed .rd-navbar-nav>li+li {
  margin-top: 15px;
}

.rd-navbar-fixed .rd-navbar-nav .btn {
  min-width: 200px;
}

.rd-navbar-fixed .rd-navbar-submenu {
  position: relative;
}

.rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown .rd-navbar-submenu-toggle:after {
  height: 34px;
  line-height: 34px;
}

.rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown>li>a {
  padding-left: 30px;
}

.rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown li li>a,
.rd-navbar-fixed .rd-navbar-submenu .rd-navbar-megamenu ul li li>a {
  padding-left: 46px;
}

.rd-navbar-fixed .rd-navbar-submenu.opened>.rd-navbar-dropdown,
.rd-navbar-fixed .rd-navbar-submenu.opened>.rd-navbar-megamenu {
  display: block;
}

.rd-navbar-fixed .rd-navbar-dropdown,
.rd-navbar-fixed .rd-navbar-megamenu {
  display: none;
}

.rd-navbar-fixed .rd-navbar-nav-footer {
  padding: 0 15px;
}

.rd-navbar-fixed .rd-megamenu-list>li>a,
.rd-navbar-fixed .rd-navbar-dropdown>li>a {
  padding: 11px 56px 10px 16px;
  font: 400 14px/18px "Roboto", sans-serif;
}

.rd-navbar-fixed .rd-megamenu-list>li+li,
.rd-navbar-fixed .rd-navbar-dropdown>li+li {
  margin-top: 3px;
}

.rd-navbar-fixed .rd-megamenu-list>li>a {
  padding-left: 30px;
}

.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-header {
  font: 400 14px/18px "Roboto", sans-serif;
  padding-left: 20px;
  padding-right: 20px;
}

.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-header:after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #f2f3f8;
  margin-top: 9px;
}

.rd-navbar-fixed .rd-navbar-megamenu *+.rd-megamenu-list {
  margin-top: 10px;
}

.rd-navbar-fixed .rd-navbar-megamenu *+.rd-megamenu-header {
  margin-top: 30px;
}

.rd-navbar-fixed .rd-navbar-megamenu>li+li {
  margin-top: 15px;
}

.rd-navbar-fixed .rd-navbar-nav li .rd-navbar-dropdown,
.rd-navbar-fixed .rd-navbar-nav li .rd-navbar-megamenu {
  transition: opacity 0.3s, height 0.4s ease;
  opacity: 0;
  height: 0;
  overflow: hidden;
}

.rd-navbar-fixed .rd-navbar-nav li.opened>.rd-navbar-dropdown {
  padding: 4px 0;
}

.rd-navbar-fixed .rd-navbar-nav li.opened>.rd-navbar-megamenu {
  padding-top: 15px;
  padding-bottom: 15px;
}

.rd-navbar-fixed .rd-navbar-nav li.opened>.rd-navbar-dropdown,
.rd-navbar-fixed .rd-navbar-nav li.opened>.rd-navbar-megamenu {
  opacity: 1;
  height: auto;
}

.rd-navbar-fixed .rd-navbar-nav li.opened>.rd-navbar-submenu-toggle::after {
  transform: rotate(180deg);
}

.rd-navbar-fixed .rd-navbar-submenu-toggle {
  cursor: pointer;
}

.rd-navbar-fixed .rd-navbar-submenu-toggle::after {
  content: '\f107';
  position: absolute;
  top: 22px;
  right: 0;
  margin-top: -22px;
  width: 65px;
  height: 46px;
  font: 800 25px "FontAwesome";
  line-height: 46px;
  text-align: center;
  transition: 0.4s all ease;
  z-index: 2;
  cursor: pointer;
  color: #5798ef;
}

.rd-navbar-fixed .rd-navbar-collapse,
.rd-navbar-fixed .rd-navbar-search-toggle {
  position: fixed;
  top: 4px;
  z-index: 1000;
  background-color: transparent;
  border: none;
}

.rd-navbar-fixed.active .rd-navbar-nav {
  transform: translateX(0);
}

.rd-navbar-fixed.rd-navbar-transparent .rd-navbar-nav-wrap {
  flex-direction: column-reverse;
  justify-content: flex-end;
  padding-top: 120px;
}

.rd-navbar-fixed.rd-navbar-transparent .rd-navbar-nav-wrap__shop .icon {
  color: #5798ef;
}

.rd-navbar-fixed.rd-navbar-transparent .rd-navbar-nav-wrap__shop .icon:hover {
  color: #363d41;
}

.rd-navbar-fixed .rd-navbar-panel {
  color: #000;
}

.rd-navbar-fixed .rd-navbar-panel:before {
  box-shadow: none;
  border-bottom-color: #f2f3f8;
  background: #d8d8d8;
}

.rd-navbar-fixed .rd-navbar-nav-wrap {
  color: #fff;
  background: hsl(201.8 9.2% 23.3% / .5);
  backdrop-filter: blur(1rem);
  border-color: #5acea4;
}

.rd-navbar-fixed .rd-navbar-nav {
  padding: 15px 0;
}

.rd-navbar-fixed .rd-navbar-nav li>a {
  color: #d8d8d8;
}

.rd-navbar-fixed .rd-navbar-nav li:hover>a,
.rd-navbar-fixed .rd-navbar-nav li.focus>a,
.rd-navbar-fixed .rd-navbar-nav li.active>a,
.rd-navbar-fixed .rd-navbar-nav li.opened>a {
  color: #363d41;
  background: #d8d8d8;
}

.rd-navbar-fixed .rd-navbar-nav li:hover>.rd-navbar-submenu-toggle,
.rd-navbar-fixed .rd-navbar-nav li.focus>.rd-navbar-submenu-toggle,
.rd-navbar-fixed .rd-navbar-nav li.active>.rd-navbar-submenu-toggle,
.rd-navbar-fixed .rd-navbar-nav li.opened>.rd-navbar-submenu-toggle {
  color: #fff;
}

.rd-navbar-fixed .rd-navbar-nav li.opened>.rd-navbar-submenu-toggle {
  color: #fff;
}

.rd-navbar-fixed .rd-megamenu-list>li>a,
.rd-navbar-fixed .rd-navbar-dropdown>li>a {
  color: #d8d8d8;
}

.rd-navbar-fixed .rd-megamenu-list:hover>a,
.rd-navbar-fixed .rd-megamenu-list.focus>a,
.rd-navbar-fixed .rd-megamenu-list.active>a,
.rd-navbar-fixed .rd-megamenu-list.opened>a,
.rd-navbar-fixed .rd-navbar-dropdown:hover>a,
.rd-navbar-fixed .rd-navbar-dropdown.focus>a,
.rd-navbar-fixed .rd-navbar-dropdown.active>a,
.rd-navbar-fixed .rd-navbar-dropdown.opened>a {
  color: #fff;
  background: #5798ef;
}

.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-header a,
.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-header a:active,
.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-header a:focus {
  color: #000;
}

.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-header a:hover {
  color: #5798ef;
}

.rd-navbar-fixed .rd-navbar-submenu-toggle {
  color: #000;
}

.rd-navbar-fixed .rd-navbar-top-panel {
  pointer-events: none;
  z-index: 1001;
  top: 0;
  right: 0;
  width: 100%;
}

.rd-navbar-fixed .rd-navbar-top-panel .rd-navbar-top-panel-toggle {
  z-index: 1000;
}

.rd-navbar-fixed .rd-navbar-top-panel,
.rd-navbar-fixed .rd-navbar-top-panel .rd-navbar-top-panel-toggle {
  position: fixed;
  display: block;
  height: 48px;
}

.rd-navbar-fixed .rd-navbar-top-panel * {
  pointer-events: auto;
}

.rd-navbar-fixed .rd-navbar-top-panel.active .rd-navbar-top-panel-content {
  visibility: visible;
  opacity: 1;
}

.rd-navbar-fixed .rd-navbar-top-panel-toggle {
  top: 4px;
  right: 4px;
  width: 48px;
  display: inline-block;
  position: relative;
  width: 48px;
  height: 48px;
  line-height: 48px;
  cursor: pointer;
  color: #000;
}

.rd-navbar-fixed .rd-navbar-top-panel-toggle span {
  top: 50%;
  margin-top: -3px;
}

.rd-navbar-fixed .rd-navbar-top-panel-toggle span,
.rd-navbar-fixed .rd-navbar-top-panel-toggle span:before,
.rd-navbar-fixed .rd-navbar-top-panel-toggle span:after {
  position: absolute;
  width: 6px;
  height: 6px;
  line-height: 6px;
  text-align: center;
  background: #000;
  left: 50%;
  margin-left: -3px;
  border-radius: 50%;
  transition: .3s all ease;
}

.rd-navbar-fixed .rd-navbar-top-panel-toggle span:before,
.rd-navbar-fixed .rd-navbar-top-panel-toggle span:after {
  content: '';
}

.rd-navbar-fixed .rd-navbar-top-panel-toggle span:before {
  bottom: 100%;
  margin-bottom: 3px;
}

.rd-navbar-fixed .rd-navbar-top-panel-toggle span:after {
  top: 100%;
  margin-top: 3px;
}

.rd-navbar-fixed .rd-navbar-top-panel-toggle.active span {
  transform: scale(0.7);
}

.rd-navbar-fixed .rd-navbar-top-panel-toggle.active span:before {
  transform: translateY(18px);
}

.rd-navbar-fixed .rd-navbar-top-panel-toggle.active span:after {
  transform: translateY(-18px);
}

.rd-navbar-fixed .rd-navbar-top-panel-content {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  padding: 25px 40px;
  margin: 0 -1px;
  pointer-events: auto;
  opacity: 0;
  visibility: hidden;
  transition: .23s all ease-out;
  background: hsl(201.8 9.2% 23.3% / .5);
  backdrop-filter: blur(1rem);
  text-align: left;
}

.rd-navbar-fixed .rd-navbar-top-panel-content>*+* {
  margin-top: 10px;
}

.rd-navbar-fixed.rd-navbar-top-panel-light .rd-navbar-top-panel-content {
  background: #fff;
  border: 1px solid #f2f3f8;
}

.rd-navbar-fixed.rd-navbar-dark .rd-navbar-toggle {
  display: inline-block;
  position: relative;
  width: 48px;
  height: 48px;
  line-height: 48px;
  cursor: pointer;
  color: #fff;
  background-color: transparent;
  border: none;
}

.rd-navbar-fixed.rd-navbar-dark .rd-navbar-toggle span {
  position: relative;
  display: block;
  margin: auto;
  transition: .3s all ease;
}

.rd-navbar-fixed.rd-navbar-dark .rd-navbar-toggle span:after,
.rd-navbar-fixed.rd-navbar-dark .rd-navbar-toggle span:before {
  content: "";
  position: absolute;
  left: 0;
  top: -8px;
  transition: .3s all ease;
}

.rd-navbar-fixed.rd-navbar-dark .rd-navbar-toggle span:after {
  top: 8px;
}

.rd-navbar-fixed.rd-navbar-dark .rd-navbar-toggle span:after,
.rd-navbar-fixed.rd-navbar-dark .rd-navbar-toggle span:before,
.rd-navbar-fixed.rd-navbar-dark .rd-navbar-toggle span {
  width: 24px;
  height: 4px;
  background-color: #fff;
  backface-visibility: hidden;
  border-radius: 2px;
}

.rd-navbar-fixed.rd-navbar-dark .rd-navbar-toggle span {
  transform: rotate(180deg);
}

.rd-navbar-fixed.rd-navbar-dark .rd-navbar-toggle span:before,
.rd-navbar-fixed.rd-navbar-dark .rd-navbar-toggle span:after {
  transform-origin: 1.71429px center;
  transform-origin: 1.71429px center;
}

.rd-navbar-fixed.rd-navbar-dark .rd-navbar-toggle.active span {
  transform: rotate(360deg);
}

.rd-navbar-fixed.rd-navbar-dark .rd-navbar-toggle.active span:before,
.rd-navbar-fixed.rd-navbar-dark .rd-navbar-toggle.active span:after {
  top: 0;
  width: 15px;
}

.rd-navbar-fixed.rd-navbar-dark .rd-navbar-toggle.active span:before {
  -webkit-transform: rotate3d(0, 0, 1, -40deg);
  transform: rotate3d(0, 0, 1, -40deg);
}

.rd-navbar-fixed.rd-navbar-dark .rd-navbar-toggle.active span:after {
  -webkit-transform: rotate3d(0, 0, 1, 40deg);
  transform: rotate3d(0, 0, 1, 40deg);
}

.rd-navbar-fixed.rd-navbar-dark .rd-navbar-panel {
  color: #000;
  box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.2);
}

.rd-navbar-fixed.rd-navbar-dark .rd-navbar-panel:before {
  border-bottom: 1px solid #363d41;
  background: #363d41;
}

.rd-navbar-fixed.rd-navbar-dark .rd-navbar-nav li .rd-navbar-submenu-toggle:after {
  color: #fff;
}

.rd-navbar-fixed.rd-navbar-dark .rd-navbar-nav-wrap {
  background: #363d41;
  border-right: 0;
}

.rd-navbar-fixed.rd-navbar-dark .rd-navbar-nav>li>a {
  color: #fff;
}

.rd-navbar-fixed.rd-navbar-dark .rd-megamenu-header {
  color: #f2f2f2;
}

.rd-navbar-fixed.rd-navbar-dark .rd-megamenu-header a,
.rd-navbar-fixed.rd-navbar-dark .rd-megamenu-header a:active,
.rd-navbar-fixed.rd-navbar-dark .rd-megamenu-header a:focus {
  color: #f2f2f2;
}

.rd-navbar-fixed.rd-navbar-dark .rd-megamenu-header:after {
  background: rgba(255, 255, 255, 0.15);
}

.rd-navbar-fixed.rd-navbar-dark .rd-megamenu-list>li>a,
.rd-navbar-fixed.rd-navbar-dark .rd-navbar-dropdown>li>a {
  color: rgba(255, 255, 255, 0.7);
}

.rd-navbar-fixed.rd-navbar-dark .rd-navbar-top-panel-toggle span,
.rd-navbar-fixed.rd-navbar-dark .rd-navbar-top-panel-toggle span:before,
.rd-navbar-fixed.rd-navbar-dark .rd-navbar-top-panel-toggle span:after {
  background: #fff;
}

.rd-navbar-fixed.rd-navbar-dark .rd-navbar-top-panel-content {
  border: 1px solid #31383b;
}

.rd-navbar-fixed.rd-navbar-absolute .rd-navbar-panel:before {
  background-color: #4b7fca;
  border-color: #166ee4;
}

.rd-navbar-fixed.rd-navbar-absolute .rd-navbar-nav-wrap {
  background-color: #4b7fca;
}

.rd-navbar-fixed.rd-navbar-absolute .rd-navbar-nav li>a {
  color: #fff;
}

.rd-navbar-fixed.rd-navbar-absolute .rd-navbar-toggle {
  display: inline-block;
  position: relative;
  width: 48px;
  height: 48px;
  line-height: 48px;
  cursor: pointer;
  color: #fff;
  background-color: transparent;
  border: none;
}

.rd-navbar-fixed.rd-navbar-absolute .rd-navbar-toggle span {
  position: relative;
  display: block;
  margin: auto;
  transition: .3s all ease;
}

.rd-navbar-fixed.rd-navbar-absolute .rd-navbar-toggle span:after,
.rd-navbar-fixed.rd-navbar-absolute .rd-navbar-toggle span:before {
  content: "";
  position: absolute;
  left: 0;
  top: -8px;
  transition: .3s all ease;
}

.rd-navbar-fixed.rd-navbar-absolute .rd-navbar-toggle span:after {
  top: 8px;
}

.rd-navbar-fixed.rd-navbar-absolute .rd-navbar-toggle span:after,
.rd-navbar-fixed.rd-navbar-absolute .rd-navbar-toggle span:before,
.rd-navbar-fixed.rd-navbar-absolute .rd-navbar-toggle span {
  width: 24px;
  height: 4px;
  background-color: #fff;
  backface-visibility: hidden;
  border-radius: 2px;
}

.rd-navbar-fixed.rd-navbar-absolute .rd-navbar-toggle span {
  transform: rotate(180deg);
}

.rd-navbar-fixed.rd-navbar-absolute .rd-navbar-toggle span:before,
.rd-navbar-fixed.rd-navbar-absolute .rd-navbar-toggle span:after {
  transform-origin: 1.71429px center;
  transform-origin: 1.71429px center;
}

.rd-navbar-fixed.rd-navbar-absolute .rd-navbar-toggle.active span {
  transform: rotate(360deg);
}

.rd-navbar-fixed.rd-navbar-absolute .rd-navbar-toggle.active span:before,
.rd-navbar-fixed.rd-navbar-absolute .rd-navbar-toggle.active span:after {
  top: 0;
  width: 15px;
}

.rd-navbar-fixed.rd-navbar-absolute .rd-navbar-toggle.active span:before {
  -webkit-transform: rotate3d(0, 0, 1, -40deg);
  transform: rotate3d(0, 0, 1, -40deg);
}

.rd-navbar-fixed.rd-navbar-absolute .rd-navbar-toggle.active span:after {
  -webkit-transform: rotate3d(0, 0, 1, 40deg);
  transform: rotate3d(0, 0, 1, 40deg);
}

html.rd-navbar-fixed-linked .page {
  padding-top: 56px;
}

/*
* Sidebar Layout
*/
.rd-navbar-sidebar {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
  background: rgba(0, 0, 0, 0.43);
}

.rd-navbar-sidebar *+.group-sm {
  margin-top: 0;
}

.rd-navbar-sidebar .rd-navbar-inner {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1140px;
  padding: 24px 15px;
  height: 85px;
  margin-left: auto;
  margin-right: auto;
  transition: height .3s;
}

.rd-navbar-sidebar .rd-navbar-toggle {
  display: inline-block;
  position: relative;
  width: 48px;
  height: 48px;
  line-height: 48px;
  cursor: pointer;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.rd-navbar-sidebar .rd-navbar-toggle span {
  position: relative;
  display: block;
  margin: auto;
  transition: .3s all ease;
}

.rd-navbar-sidebar .rd-navbar-toggle span:after,
.rd-navbar-sidebar .rd-navbar-toggle span:before {
  content: "";
  position: absolute;
  left: 0;
  top: -10px;
  transition: .3s all ease;
}

.rd-navbar-sidebar .rd-navbar-toggle span:after {
  top: 10px;
}

.rd-navbar-sidebar .rd-navbar-toggle span:after,
.rd-navbar-sidebar .rd-navbar-toggle span:before,
.rd-navbar-sidebar .rd-navbar-toggle span {
  width: 28px;
  height: 5px;
  background-color: #fff;
  backface-visibility: hidden;
  border-radius: 2px;
}

.rd-navbar-sidebar .rd-navbar-toggle span:before,
.rd-navbar-sidebar .rd-navbar-toggle span:after {
  -webkit-transition-duration: 0.3s, 0.3s;
  transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0s;
  transition-delay: 0.3s, 0s;
  -webkit-transition-property: top, -webkit-transform;
  transition-property: top, transform;
  transform-origin: 50% 50%;
}

.rd-navbar-sidebar .rd-navbar-toggle.active span {
  transform: rotate(180deg);
  transition: background .3s 0s ease;
  background: transparent;
}

.rd-navbar-sidebar .rd-navbar-toggle.active span:before,
.rd-navbar-sidebar .rd-navbar-toggle.active span:after {
  top: 0;
  -webkit-transition-delay: 0s, 0.3s;
  transition-delay: 0s, 0.3s;
}

.rd-navbar-sidebar .rd-navbar-toggle.active span:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.rd-navbar-sidebar .rd-navbar-toggle.active span:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.rd-navbar-sidebar .rd-navbar-toggle span:after,
.rd-navbar-sidebar .rd-navbar-toggle span:before,
.rd-navbar-sidebar .rd-navbar-toggle span {
  height: 3px;
}

.rd-navbar-sidebar .rd-navbar-nav-wrap {
  position: absolute;
  left: 15px;
  right: 15px;
  top: 90px;
  opacity: 0;
  overflow: visible;
  background: #fff;
  text-align: center;
  border-bottom: 3px solid #5acea4;
  pointer-events: none;
}

.rd-navbar-sidebar .rd-navbar-nav-wrap.active {
  opacity: 1;
  top: 85px;
  pointer-events: auto;
}

.rd-navbar-sidebar .rd-navbar-megamenu {
  left: 50%;
  right: 0;
  width: 100%;
}

.rd-navbar-sidebar .rd-navbar-nav {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 30px 20px;
  border-style: solid;
  border-color: #f2f2f2;
  border-width: 0 1px 0 1px;
  overflow: visible;
  background: #363d41;
}

.rd-navbar-sidebar .rd-navbar-nav>li>.rd-navbar-dropdown {
  margin-top: 49px;
  border-style: solid;
  border-color: #f2f2f2;
  border-width: 0 1px 1px 1px;
}

.rd-navbar-sidebar .rd-navbar-nav>li {
  padding-left: 32px;
  padding-right: 32px;
}

.rd-navbar-sidebar .rd-navbar-megamenu {
  right: 0;
  margin-top: 12px;
  border: 1px solid #f2f2f2;
  border-top: 0;
  border-bottom: 3px solid #5acea4;
}

.rd-navbar-sidebar .rd-navbar-megamenu>li {
  padding-bottom: 35px;
}

.rd-navbar-sidebar .btn-sm {
  font-size: 13px;
}

.rd-navbar-sidebar.rd-navbar--is-stuck {
  background: rgba(0, 0, 0, .43);
}

.rd-navbar-sidebar.rd-navbar--is-stuck .rd-navbar-inner {
  height: 74px;
}

.rd-navbar-sidebar.rd-navbar--is-stuck .rd-navbar-nav-wrap {
  top: 84px;
}

.rd-navbar-sidebar.rd-navbar--is-stuck .rd-navbar-nav-wrap.active {
  top: 74px;
}

/*
* @subsection   Page boxed layout style redeclaration
**/
html.boxed .rd-navbar--is-clone {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}

/*
*
* Material Parallax
* --------------------------------------------------
*/
.parallax-container {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.container+.parallax-container {
  margin-top: 30px;
}

.material-parallax {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.material-parallax img {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  transform: translate3d(0, 0, 0);
  transform: translateX(-50%);
}

/*
* @subsection   Google Map
* @description  Describes style declarations for RD Google Map extension
* @version      1.0.0
*/
.google-map-markers {
  display: none;
}

.google-map-container {
  width: 100%;
}

.google-map {
  height: 200px;
  width: 100%;
}

.box-wrap-map .google-map {
  height: 490px;
}

@media (min-width: 768px) {
  .box-wrap-map .google-map {
    height: 520px;
  }
}

@media (min-width: 768px) {
  .google-map {
    height: 400px;
  }
}

@media (min-width: 1200px) {
  .google-map {
    height: 520px;
  }
}

/**
 * @subsection   Swiper 3.1.7
 * @description  Most modern mobile touch slider and framework with
 *               hardware accelerated transitions
 * @author       Vladimir Kharlampidi
 * @see          http://www.idangero.us/swiper/
 * @licesne      MIT License
 */
.swiper-container {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
  height: auto;
  min-height: 36.25vw;
}

@media (min-width: 1800px) {
  .swiper-container {
    min-height: 630px;
  }
}

.swiper-wrapper {
  height: auto;
  min-height: inherit;
  overflow: hidden;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical>.swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow>.swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode>.swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
}

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-nav {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  z-index: 10;
  pointer-events: none;
  transform: translateY(-50%);
}

/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 68px;
  width: 39px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #d8d8d8;
  color: #363d41;
  z-index: 2;
  text-align: center;
  transition: .33s all ease;
  cursor: pointer;
}

.swiper-button-prev:before,
.swiper-button-next:before {
  color: inherit;
  font-family: 'Material Icons';
  font-size: 20px;
  line-height: 1;
  transition: none;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
  width: 68px;
  color: #fff;
  background: #5798ef;
}

.swiper-button-prev:hover:active,
.swiper-button-next:hover:active {
  background: #4ac099;
}

.ie-10 .swiper-button-prev:before,
.ie-10 .swiper-button-next:before,
.ie-11 .swiper-button-prev:before,
.ie-11 .swiper-button-next:before {
  line-height: 70px;
}

.swiper-button-prev {
  left: 1px;
}

.swiper-button-prev:before {
  content: '\e5c4';
}

.swiper-button-next {
  right: 1px;
}

.swiper-button-next:before {
  content: '\e5c8';
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  z-index: 10;
  display: block;
  width: auto;
  text-align: center;
  transition: 300ms;
}

@media (min-width: 768px) {
  .swiper-pagination {
    text-align: left;
  }
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-bullet {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 20px;
  background-color: transparent;
  pointer-events: none;
  transition: all .2s ease-out;
  border: 2px solid #fff;
}

.swiper-pagination-bullet+* {
  margin-left: 10px;
}

@media (min-width: 768px) {
  .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    pointer-events: auto;
  }

  .swiper-pagination-bullet+* {
    margin-left: 20px;
  }
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:hover,
.swiper-pagination-bullet-active {
  background: #5acea4;
  border-color: #5acea4;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}

@media (min-width: 768px) {
  .swiper-container-vertical>.swiper-pagination {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    -moz-transform: translate3d(0px, -50%, 0);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0);
  }

  .swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet {
    margin: 7px 0;
    display: block;
  }
}

.swiper-container-horizontal>.swiper-pagination {
  bottom: 20px;
  width: 100%;
  text-align: center;
}

.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
  margin: 0 5px;
}

/* 3D Container */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
}

/* Coverflow */
.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}

/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* Cube */
.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next+.swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

/* Scrollbar */
.swiper-scrollbar {
  position: relative;
  -ms-touch-action: none;
}

.swiper-container-horizontal>.swiper-scrollbar {
  position: absolute;
  bottom: 0;
  z-index: 50;
  height: 5px;
  width: 100%;
}

.swiper-container-vertical>.swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: #5798ef;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

/* Progress */
.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #5798ef;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
}

.swiper-container-horizontal>.swiper-pagination-progress {
  width: 100%;
  height: 6px;
  left: 0;
  top: 0;
}

.swiper-container-vertical>.swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
  transform: none;
}

.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5);
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}

.swiper-slide>.vide__body,
.swiper-slide>.parallax_cnt {
  height: 100%;
}

.swiper-slide {
  position: relative;
  text-align: center;
  white-space: nowrap;
  background-position: center center;
  overflow: hidden;
}

.swiper-slide-caption {
  display: inline-block;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  white-space: normal;
  z-index: 1;
}

.desktop .rd-navbar-absolute-linked .swiper-slider .jumbotron-custom-variant-1 .jumbotron-custom-inner {
  padding-top: 280px;
  padding-bottom: 240px;
}

.swiper-bg-wrap {
  position: relative;
  overflow: hidden;
}

.swiper-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.swiper-bg-content {
  position: relative;
  z-index: 2;
  pointer-events: none;
}

.swiper-height-1 {
  min-height: 400px;
}

@media (min-width: 768px) {
  .swiper-height-1 {
    min-height: 500px;
    height: 55vh;
  }
}

@media (min-width: 992px) {
  .swiper-height-1 {
    min-height: 630px;
  }
}

@media (min-width: 1200px) {
  .swiper-height-1 {
    height: 100vh;
  }
}

.swiper-style-1 {
  transition: height 1s;
  min-height: 400px;
}

@media (min-width: 768px) {
  .swiper-style-1 {
    min-height: 500px;
    height: 55vh;
  }
}

@media (min-width: 992px) {
  .swiper-style-1 {
    min-height: 630px;
  }
}

@media (min-width: 1200px) {
  .swiper-style-1 {
    height: 100vh;
  }
}

.swiper-style-1 .swiper-slide {
  opacity: 0 !important;
}

.swiper-style-1 .swiper-slide-active {
  opacity: 1 !important;
  z-index: 1;
}

.swiper-style-1 .swiper-button-prev,
.swiper-style-1 .swiper-button-next {
  display: none;
}

.swiper-style-1 .swiper-pagination {
  position: absolute;
  right: 0;
  bottom: 30px;
  text-align: center;
}

.swiper-style-1 .swiper-pagination-bullet {
  background: #fff;
  border: 0;
  pointer-events: none;
}

.swiper-style-1 .swiper-pagination-bullet-active {
  background: #5798ef;
}

@media (min-width: 768px) {
  .swiper-style-1 .swiper-pagination {
    bottom: 60px;
  }
}

@media (min-width: 992px) {
  .swiper-style-1 .swiper-slide {
    background-blend-mode: normal;
  }

  .swiper-style-1 .swiper-pagination {
    display: none;
  }

  .swiper-style-1 .swiper-button-prev,
  .swiper-style-1 .swiper-button-next {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: auto;
    max-width: 40px;
    overflow: hidden;
  }

  .swiper-style-1 .swiper-button-prev span,
  .swiper-style-1 .swiper-button-next span {
    position: relative;
    transform: translateX(5px);
    font-size: 13px;
    color: #242731;
    letter-spacing: .1em;
    text-transform: uppercase;
    transition: .1s all ease;
    opacity: 0;
    visibility: hidden;
    will-change: transform, opacity;
  }

  .swiper-style-1 .swiper-button-prev:before,
  .swiper-style-1 .swiper-button-next:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .swiper-style-1 .swiper-button-prev:hover,
  .swiper-style-1 .swiper-button-next:hover {
    color: #363d41;
    background: #d8d8d8;
    max-width: 125px;
  }

  .swiper-style-1 .swiper-button-prev:hover span,
  .swiper-style-1 .swiper-button-next:hover span {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    transition: .33s all ease;
  }

  .swiper-style-1 .swiper-button-prev span {
    padding: 0 20px 0 35px;
  }

  .swiper-style-1 .swiper-button-prev:before {
    left: 10px;
  }

  .swiper-style-1 .swiper-button-next span {
    padding: 0 35px 0 20px;
  }

  .swiper-style-1 .swiper-button-next:before {
    right: 10px;
  }
}

.swiper-style-1__mod-1 .swiper-button-prev,
.swiper-style-1__mod-1 .swiper-button-next {
  background: rgba(0, 0, 0, 0.27);
  color: #fff;
}

.swiper-style-2 {
  min-height: 400px;
}

@media (min-width: 768px) {
  .swiper-style-2 {
    min-height: 500px;
    height: 55vh;
  }

  .swiper-style-2 [data-direction='vertical'] .swiper-pagination {
    left: auto;
    width: auto;
    bottom: auto;
  }

  .swiper-style-2 [data-direction='vertical'] .swiper-pagination>*+* {
    margin-top: 7px;
  }
}

@media (min-width: 1200px) {
  .swiper-style-2 {
    min-height: 100vh;
  }
}

.swiper-style-2 .shell>* {
  padding-right: 25px;
}

@media (min-width: 768px) {
  .swiper-style-2 .swiper-pagination {
    right: 20px;
    top: 50%;
    display: flex;
    flex-direction: column;
  }

  .swiper-style-2 .swiper-pagination>* {
    margin: 3px auto !important;
  }
}

@media (min-width: 992px) {
  .swiper-style-2 .shell>* {
    padding-right: 60px;
  }

  .swiper-style-2 .swiper-pagination {
    right: 35px;
  }

  .swiper-style-2 .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
  }
}

@media (min-width: 1800px) {
  .swiper-style-2 .swiper-pagination {
    transform: translateY(-50%);
    right: 45px;
  }
}

.swiper-style-3 .swiper-button-prev,
.swiper-style-3 .swiper-button-next {
  display: none;
}

.swiper-style-3 .swiper-pagination {
  text-align: center;
}

@media (min-width: 992px) {
  .swiper-style-3.swiper-bg-wrap {
    padding: 0 120px;
  }

  .swiper-style-3 .swiper-pagination {
    display: none;
  }

  .swiper-style-3 .swiper-button-prev,
  .swiper-style-3 .swiper-button-next {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    color: #fff;
    background: rgba(0, 0, 0, 0.27);
  }

  .swiper-style-3 .swiper-button-prev:hover,
  .swiper-style-3 .swiper-button-next:hover {
    color: #fff;
    background: #8673c7;
  }
}

.swiper-jumbotron-outside .swiper-button-prev,
.swiper-jumbotron-outside .swiper-button-next {
  display: none;
}

@media (min-width: 768px) {
  .swiper-jumbotron-outside {
    min-height: 670px;
  }
}

@media (min-width: 1200px) {

  .swiper-jumbotron-outside .swiper-button-prev,
  .swiper-jumbotron-outside .swiper-button-next {
    display: flex;
  }
}

.swiper-scale-effect .swiper-slide-cover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: 8.5s ease-out;
  transform: scale(1.08);
  background-image: inherit !important;
}

.swiper-scale-effect .swiper-slide:nth-child(1) .swiper-slide-cover {
  transform-origin: 0 0;
}

.swiper-scale-effect .swiper-slide:nth-child(2) .swiper-slide-cover {
  transform: scale(1);
  transform-origin: 100% 100%;
}

.swiper-scale-effect .swiper-slide:nth-child(3) .swiper-slide-cover {
  transform-origin: 50% 50%;
}

.swiper-scale-effect .swiper-slide.swiper-slide-active .swiper-slide-cover {
  transform: scale(1);
}

.swiper-scale-effect .swiper-slide:nth-child(2).swiper-slide-active .swiper-slide-cover {
  transform: scale(1.08);
}

.swiper-ui-kit .swiper-bg-wrap {
  min-height: 360px;
  max-height: 630px;
}

@media (min-width: 768px) {
  .swiper-ui-kit .swiper-bg-wrap {
    min-height: 630px;
  }
}

.swiper-style-progress .swiper-pagination {
  display: block;
  transform: none;
}

.iframe-slide {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  height: 100%;
}

/*
* @subsection   ToTop
* @license      JeremyLuis and Atom
* @see          https://codepen.io/jeremyLuis/pen/YxEPGL
* @version      1.0.0
*/

.ui-to-top {
  position: fixed;
  right: 15px;
  bottom: 15px;
  width: 40px;
  height: 40px;
  font-size: 24px;
  line-height: 36px;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  z-index: 20;
  transition: .3s all ease;
  transform: translateY(100px);
}

.ui-to-top:before {
  content: "\f106";
  display: inline-block;
  font: 400 24px/1 'FontAwesome';
}

.ui-to-top,
.ui-to-top:active,
.ui-to-top:focus {
  color: #fff;
  background: #5798ef;
}

.ui-to-top:hover {
  color: #fff;
  background: #698a95;
}

.ui-to-top.active {
  transform: translateY(0);
}

@media (min-width: 480px) {
  .ui-to-top {
    left: 40px;
    bottom: 20px;
  }
}

.progress-bar-bs {
  position: relative;
  padding-right: 60px;
  height: auto;
  margin: 0;
}

.progress-bar-bs .progress {
  height: 10px;
  margin-bottom: 0;
  box-shadow: none;
  border-radius: 20px;
}

.progress-bar-bs .progress-bar {
  box-shadow: none;
  border: 0;
  border-radius: 20px;
  height: auto;
}

.progress-bar-bs .caption {
  position: absolute;
  bottom: -6px;
  right: 5px;
  width: 60px;
  padding-left: 20px;
  text-transform: uppercase;
  color: #6f727d;
}

.progress-bar-square .progress {
  height: 15px;
}

.progress-bar-square .caption {
  bottom: -4px;
}

.progress-bar-square .progress,
.progress-bar-square .progress-bar {
  border-radius: 0;
}

.progress-bar-vertical {
  display: flex;
  padding-top: 50px;
  padding-right: 0;
}

.progress-bar-vertical .progress {
  width: 10px;
  min-height: 230px;
  display: flex;
  align-items: flex-end;
}

.progress-bar-vertical .progress-bar {
  width: 100%;
  height: 0;
}

.progress-bar-vertical .list-bars-item-header {
  font-size: 14px;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  width: 20px;
}

.progress-bar-vertical .caption {
  width: auto;
  bottom: auto;
  top: 0;
  left: 4px;
  padding-left: 0;
  white-space: nowrap;
}

.progress-bar {
  width: 0;
}

.active .progress-bar {
  animation: progress 1.5s ease-in-out forwards;
}

.progress-bar-vertical.active .progress-bar {
  animation: progressVertical 1.5s ease-in-out forwards;
}

@keyframes progress {
  from {
    width: 0;
  }

  to {
    width: 100%;
  }
}

@keyframes progressVertical {
  from {
    height: 0;
  }

  to {
    height: 100%;
  }
}

.progress-variant-primary .progress {
  background: #f2f3f8;
}

.progress-variant-primary .progressbar {
  background: #5798ef;
}

.progress-variant-secondary-1 .progress {
  background: #ededed;
}

.progress-variant-secondary-1 .progress-bar {
  background: #f8333c;
}

.progress-variant-secondary-2 .progress {
  background: #ededed;
}

.progress-variant-secondary-2 .progress-bar {
  background: #45a4ff;
}

.progress-variant-secondary-3 .progress {
  background: #ededed;
}

.progress-variant-secondary-3 .progress-bar {
  background: #fde74c;
}

.progress-variant-secondary-4 .progress {
  background: #ededed;
}

.progress-variant-secondary-4 .progress-bar {
  background: #58c4a7;
}

.progress-gradient .progress {
  background: #ededed;
}

.progress-gradient .progress-bar {
  background-image: linear-gradient(to right, #5798ef, #5acea4);
}

.progress-gradient.progress-bar-vertical .progress-bar {
  background-image: linear-gradient(to top, #5798ef, #5acea4);
}

.list-bars-vertical>li {
  display: inline-block;
  vertical-align: top;
}

.list-bars-vertical>li+li {
  margin-left: 40px;
  margin-top: 0;
}

@media (min-width: 768px) {
  .list-bars-vertical>li+li {
    margin-left: 60px;
  }
}

.list-bars-vertical *+.progress {
  margin-top: 0;
  margin-left: 10px;
}

.list-bars-variant-1 {
  max-width: 375px;
}

.list-bars-variant-1 .progress-bar-bs .progress {
  height: 4px;
}

.list-bars-variant-1 .progress-bar-bs {
  padding-right: 0;
}

.list-bars-variant-1 .progress-bar-bs .caption {
  width: auto;
  bottom: 8px;
  right: 0;
}

.list-bars-variant-1 .list-bars-item-header,
.list-bars-variant-1 .caption {
  color: #242731;
}

.list-bars-variant-1 .list-bars-item-header {
  padding-right: 60px;
}

.list-bars-variant-1 *+.progress {
  margin-top: 5px;
}

.select2 {
  width: 100% !important;
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 50px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 20px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  color: #6f727d;
  letter-spacing: .05em;
}

@media (min-width: 992px) {
  .select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 16px;
  }
}

.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-left: 20px;
  padding-right: 20px;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-search--inline {
  float: left;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  margin-top: 5px;
  padding: 0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: #fff;
  border: 1px solid #363d41;
  border-radius: 2px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 12;
  color: #363d41;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 5px 20px;
  font-size: 12px;
  transition: .3s;
  user-select: none;
  -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-selection__arrow b:before {
  transform: scale(1, -1);
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  width: 100%;
  padding: 4px;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.select2+.form-validation {
  z-index: 14;
}

.select2-container--bootstrap {
  display: block;
}

.select2-container--bootstrap .select2-selection {
  background-color: #f5f5f5;
  border: 1px solid #f2f3f8;
  border-radius: 0;
  color: #6f727d;
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  line-height: 1.2;
  outline: 0;
}

.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
  background-color: #f5f5f5;
  border: 1px solid #f2f3f8;
  border-radius: 0;
  color: #6f727d;
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  line-height: 1.2;
}

.select2-container--bootstrap .select2-search__field {
  outline: 0;
  font-size: 14px;
}

.select2-container--bootstrap .select2-search__field::-webkit-input-placeholder {
  color: #999;
}

.select2-container--bootstrap .select2-search__field:-moz-placeholder {
  color: #999;
}

.select2-container--bootstrap .select2-search__field::-moz-placeholder {
  color: #999;
  opacity: 1;
}

.select2-container--bootstrap .select2-search__field:-ms-input-placeholder {
  color: #999;
}

.select2-container--bootstrap .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--bootstrap .select2-results__option[aria-disabled=true] {
  color: #f2f3f8;
  cursor: not-allowed;
}

.select2-container--bootstrap .select2-results__option[aria-selected=true] {
  background-color: #e8e8e8;
  color: #000;
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
  background-color: #5798ef;
  color: #fff;
}

.select2-container--bootstrap .select2-results__option .select2-results__option {
  padding: 10px 20px;
}

.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -42px;
  padding-left: 84px;
}

.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -84px;
  padding-left: 126px;
}

.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -126px;
  padding-left: 168px;
}

.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -168px;
  padding-left: 210px;
}

.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -210px;
  padding-left: 252px;
}

.select2-container--bootstrap .select2-results__group {
  color: #f2f3f8;
  display: block;
  padding: 12px 42px;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.875;
  white-space: nowrap;
}

.select2-container--bootstrap.select2-container--focus .select2-selection,
.select2-container--bootstrap.select2-container--open .select2-selection {
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  border-color: #f2f3f8;
}

.select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b {
  border-color: transparent transparent #5798ef transparent;
  border-width: 0 5px 5px 5px;
}

.select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection {
  border-bottom-radius: 0;
}

.select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection {
  border-top-radius: 0;
}

.select2-container--bootstrap .select2-selection__clear {
  color: #363d41;
  cursor: pointer;
  float: right;
  font-weight: 400;
  margin-right: 10px;
}

.select2-container--bootstrap .select2-selection__clear:hover {
  color: #5798ef;
}

.select2-container--bootstrap.select2-container--disabled .select2-selection {
  border-color: #f2f3f8;
  box-shadow: none;
}

.select2-container--bootstrap.select2-container--disabled .select2-selection,
.select2-container--bootstrap.select2-container--disabled .select2-search__field {
  cursor: not-allowed;
}

.select2-container--bootstrap.select2-container--disabled .select2-selection,
.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
  background-color: #ededed;
}

.select2-container--bootstrap.select2-container--disabled .select2-selection__clear,
.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove {
  display: none;
}

.select2-container--bootstrap .select2-dropdown {
  border-color: #f2f3f8;
  overflow-x: hidden;
}

.select2-container--bootstrap .select2-results>.select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--bootstrap .select2-selection--single {
  text-align: left;
  height: 50px;
  line-height: 50px;
  padding: 0 30px 0 20px;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
  position: absolute;
  bottom: 0;
  right: 14px;
  top: 0;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
  display: inline-block;
  margin-left: 2px;
  vertical-align: middle;
  color: #363d41;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__arrow b:before {
  position: relative;
  top: -2px;
  display: block;
  content: "\f107";
  font: 400 22px "FontAwesome";
  color: #5798ef;
  will-change: transform;
  transition: .33s all ease;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
  padding: 0;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--bootstrap .select2-selection--multiple {
  min-height: 50px;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  display: block;
  line-height: 24;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  float: left;
  margin-top: 5px;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
  color: #6f727d;
  background: #000;
  border: 1px solid #000;
  border-radius: 3px;
  cursor: default;
  float: left;
  margin: 0;
  padding: 0 12px;
}

.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
  background: transparent;
  padding: 0 42px;
  height: 48px;
  line-height: 24;
  margin-top: 0;
  min-width: 5em;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {
  color: #363d41;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 6px;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #5798ef;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
  margin-top: 12px;
}

.select2-container--bootstrap.input-sm,
.select2-container--bootstrap.input-lg {
  border-radius: 0;
  font-size: 12px;
  height: auto;
  line-height: 1;
  padding: 0;
}

.select2-container--bootstrap.input-sm .select2-selection--single,
.input-group-sm .select2-container--bootstrap .select2-selection--single,
.form-group-sm .select2-container--bootstrap .select2-selection--single {
  border-radius: 3px;
  font-size: 11px;
  height: 30px;
  line-height: 1.5;
  padding: 6px 40px 6px 28px;
}

.select2-container--bootstrap.input-sm .select2-selection--single .select2-selection__arrow b,
.input-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,
.form-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
  margin-left: -6px;
}

.select2-container--bootstrap.input-sm .select2-selection--multiple,
.input-group-sm .select2-container--bootstrap .select2-selection--multiple,
.form-group-sm .select2-container--bootstrap .select2-selection--multiple {
  min-height: 30px;
}

.select2-container--bootstrap.input-sm .select2-selection--multiple .select2-selection__choice,
.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,
.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
  font-size: 11px;
  line-height: 1.5;
  margin: 5px 0 0 14px;
  padding: 0 6px;
}

.select2-container--bootstrap.input-sm .select2-selection--multiple .select2-search--inline .select2-search__field,
.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,
.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
  padding: 0 28px;
  font-size: 11px;
  height: 28px;
  line-height: 1.5;
}

.select2-container--bootstrap.input-sm .select2-selection--multiple .select2-selection__clear,
.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,
.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
  margin-top: 6px;
}

.select2-container--bootstrap.input-lg .select2-selection--single,
.input-group-lg .select2-container--bootstrap .select2-selection--single,
.form-group-lg .select2-container--bootstrap .select2-selection--single {
  border-radius: 6px;
  font-size: 18px;
  height: 61px;
  line-height: 1.5625;
  padding: 15px 55px 15px 40px;
}

.select2-container--bootstrap.input-lg .select2-selection--single .select2-selection__arrow,
.input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow,
.form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
  width: 5px;
}

.select2-container--bootstrap.input-lg .select2-selection--single .select2-selection__arrow b,
.input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,
.form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
  border-width: 5px 5px 0 5px;
  margin-left: -5px;
  margin-left: -15px;
  margin-top: -2.5px;
}

.select2-container--bootstrap.input-lg .select2-selection--multiple,
.input-group-lg .select2-container--bootstrap .select2-selection--multiple,
.form-group-lg .select2-container--bootstrap .select2-selection--multiple {
  min-height: 61px;
}

.select2-container--bootstrap.input-lg .select2-selection--multiple .select2-selection__choice,
.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,
.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
  font-size: 18px;
  line-height: 1.5625;
  border-radius: 4px;
  margin: 14px 0 0 20px;
  padding: 0 15px;
}

.select2-container--bootstrap.input-lg .select2-selection--multiple .select2-search--inline .select2-search__field,
.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,
.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
  padding: 0 40px;
  font-size: 18px;
  height: 59px;
  line-height: 1.5625;
}

.select2-container--bootstrap.input-lg .select2-selection--multiple .select2-selection__clear,
.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,
.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
  margin-top: 15px;
}

.select2-container--bootstrap.input-lg.select2-container--open .select2-selection--single {
  /**
     * Make the dropdown arrow point up while the dropdown is visible.
     */
}

.select2-container--bootstrap.input-lg.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #363d41 transparent;
  border-width: 0 5px 5px 5px;
}

.input-group-lg .select2-container--bootstrap.select2-container--open .select2-selection--single {
  /**
     * Make the dropdown arrow point up while the dropdown is visible.
     */
}

.input-group-lg .select2-container--bootstrap.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #363d41 transparent;
  border-width: 0 5px 5px 5px;
}

.select2-container--bootstrap[dir="rtl"] .select2-selection--single {
  padding-left: 54px;
  padding-right: 42px;
}

.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 0;
  padding-left: 0;
  text-align: right;
  /* 1 */
}

.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 42px;
  right: auto;
}

.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow b {
  margin-left: 0;
}

.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder {
  float: right;
}

.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 0;
  margin-right: 21px;
}

.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.has-warning .select2-dropdown,
.has-warning .select2-selection {
  border-color: #f2f3f8;
}

.has-warning .select2-container--focus .select2-selection,
.has-warning .select2-container--open .select2-selection {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  border-color: #66512c;
}

.has-warning.select2-drop-active {
  border-color: #66512c;
}

.has-warning.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #66512c;
}

.has-error .select2-dropdown,
.has-error .select2-selection {
  border-color: #f2f3f8;
}

.has-error .select2-container--focus .select2-selection,
.has-error .select2-container--open .select2-selection {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f1acbc;
  border-color: #dc2852;
}

.has-error.select2-drop-active {
  border-color: #dc2852;
}

.has-error.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #dc2852;
}

.has-success .select2-dropdown,
.has-success .select2-selection {
  border-color: #f2f3f8;
}

.has-success .select2-container--focus .select2-selection,
.has-success .select2-container--open .select2-selection {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  border-color: #2b542c;
}

.has-success.select2-drop-active {
  border-color: #2b542c;
}

.has-success.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #2b542c;
}

.input-group .select2-container--bootstrap {
  display: table;
  table-layout: fixed;
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}

.input-group.select2-bootstrap-prepend .select2-container--bootstrap .select2-selection {
  border-left-radius: 0;
}

.input-group.select2-bootstrap-append .select2-container--bootstrap .select2-selection {
  border-right-radius: 0;
}

.select2-bootstrap-append .select2-container--bootstrap,
.select2-bootstrap-append .input-group-btn,
.select2-bootstrap-append .input-group-btn .btn,
.select2-bootstrap-prepend .select2-container--bootstrap,
.select2-bootstrap-prepend .input-group-btn,
.select2-bootstrap-prepend .input-group-btn .btn {
  vertical-align: top;
}

.form-control.select2-hidden-accessible {
  position: absolute !important;
  width: 1px !important;
}

.form-inline .select2-container--bootstrap {
  display: inline-block;
}

.form-control.select-filter {
  height: 50px;
}

/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
  /* direct pointer events to js */
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto;
}

.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}

.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto;
}

/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside>.mCSB_container {
  margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}

/* non-visible scrollbar */
.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}

.mCSB_outside+.mCSB_scrollTools {
  right: -26px;
}

/* scrollbar position: outside */
.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0;
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
  left: -26px;
}

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 16px;
  height: 100%;
  margin: 0 auto;
  border-radius: 0;
}

.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px;
  /* minimum dragger height */
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 16px;
  height: 100%;
  margin: 0 auto;
  border-radius: 0;
  text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside>.mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside>.mCSB_container {
  min-height: 100%;
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}

/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
  margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  /* minimum dragger width */
  height: 100%;
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  /* auto-expanded scrollbar */
  margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  /* auto-expanded scrollbar */
  margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}

.mCSB_container_wrapper>.mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
  padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
  padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  /* non-visible scrollbar */
  margin-left: 0;
}

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
  -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
  -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
}

/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/
/*
----------------------------------------
6.1 THEMES
----------------------------------------
*/
/* default theme ("light") */
.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #f2f3f8;
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #d1d4e6;
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(mCSB_buttons.png);
  /* css sprites */
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /*
  sprites locations
  light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
  dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
  */
}

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /*
  sprites locations
  light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
  dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
  */
}

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
}

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

.page-loader {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  float: left;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px;
  z-index: 9999999;
  background: #363d41;
  transition: .3s all ease;
}

.page-loader>* {
  position: relative;
  top: -20px;
}

.page-loader-image {
  display: block;
  text-align: center;
}

.page-loader-body {
  text-align: center;
}