@charset "UTF-8";
@font-face {
	font-family: 'Open Sans Condensed';
	src: url('../fonts/OpenSans-CondLight.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
/*
* @package      Style
* @description  This package holds all common style declarations
*               of the site
*/
@-webkit-keyframes sprite-animation {
  from {
    background-position: 0 0;
  }
}

@keyframes sprite-animation {
  from {
    background-position: 0 0;
  }
}

/*
* @section      Normalize
*
* @description  Resets default browser styling
*
* @link         http://github.com/necolas/normalize.css
* @license      MIT license - http://opensource.org/licenses/MIT
* @version      3.0.3
* @revision     1.0
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, button, input, textarea {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  /*vertical-align: top;*/
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, main, time, section {
  display: block;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
}

table {
  border-collapse: collapse;
  border-spacing: 0;
	margin-left: 1%;
}

button, input, textarea, select {
  display: inline-block;
  -webkit-appearance: none;
  outline: none;
  color: inherit;
  overflow: visible;
  background-color: transparent;
  box-shadow: none;
  border-radius: 0;
}

button,
input[type='button'],
input[type='submit'] {
  cursor: pointer;
}

/*
* @bugfix input text-overflow padding ignore
* @affected lt IE11
*/
.lt-ie11 input {
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom-left-radius: 1px !important;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

a,
a[href^="tel:"],
a[href^="callto:"] {
  font: inherit;
  color: inherit;
  text-decoration: none;
}

a:focus,
a[href^="tel:"]:focus,
a[href^="callto:"]:focus {
  outline: none;
}

img {
  max-width: 100%;
  height: auto;
}

a, button, input {
  transition: .3s all ease;
}

/*
* @section      Page Layouts
* @description  This section holds style declarations of all
*               included page layouts
*/
.page {
  overflow: hidden;
}

/*
* @subsection Boxed Layout
*/
html.boxed body {
  background: #444;
}

html.boxed .page {
  background: #fff;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.12), 3px 4px 8px 0px rgba(0, 0, 0, 0.11);
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}

/*
* @section      TM Grid System
*
* @description  A powerful and flexible css flex grid system
*
* @author       Evgeniy Gusarov
* @link         https://ua.linkedin.com/pub/evgeniy-gusarov/8a/a40/54a
* @version      1.0.0
*/
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  min-width: 300px;
  max-width: 480px;
}

@media (min-width: 768px) {
  .container {
    max-width: 750px;
  }

}

@media (min-width: 992px) {
  .container {
    max-width: 970px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 30px;
  padding-right: 30px;
  max-width: 2048px;
}

.row {
  margin-left: 0;
  margin-right: 0;
}

[class*='col-'] {
  padding-left: 0;
  padding-right: 0;
}

html.lt-ie10 * + [class*='col-'],
html.lt-ie10 * + .row,
* + [class*='col-'],
* + .row {
  margin-top: 30px;
}

html.lt-ie10 .row-no-gutter, .row-no-gutter {
  margin-left: 0;
  margin-right: 0;
}

html.lt-ie10 .row-no-gutter > [class*='col'], .row-no-gutter > [class*='col'] {
  padding-left: 0;


  padding-right: 15px;
}

html.lt-ie10 .row-no-gutter > * + [class*='col'], .row-no-gutter > * + [class*='col'] {
  margin-top: 0;
}

@media (min-width: 480px) {
  * + [class*='col-xs-'] {
    margin-top: 0;
  }
  .row {
    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;
  }
  .row > [class*='col'] {
    -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%;
  }
  .row-xs-center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .row-xs-left {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .row-xs-right {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .row-xs-justify {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .row-xs-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .row-xs-top {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .row-xs {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .row-xs-reverse {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .row-xs-middle {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .row-xs-bottom {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .col-xs-top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  .col-xs-middle {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }
  .col-xs-bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
  .row > .col-xs-preffix-0 {
    margin-left: 0%;
  }
  .row > .col-xs-1 {
    -webkit-flex-basis: 8.33333%;
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }
  .row > .col-xs-preffix-1 {
    margin-left: 8.33333%;
  }
  .row > .col-xs-push-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .row > .col-xs-2 {
    -webkit-flex-basis: 16.66667%;
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%;
  }
  .row > .col-xs-preffix-2 {
    margin-left: 16.66667%;
  }
  .row > .col-xs-push-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .row > .col-xs-3 {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .row > .col-xs-preffix-3 {
    margin-left: 25%;
  }
  .row > .col-xs-push-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .row > .col-xs-4 {
    -webkit-flex-basis: 33.33334%;
    -ms-flex-preferred-size: 33.33334%;
    flex-basis: 33.33334%;
    max-width: 33.33334%;
  }
  .row > .col-xs-preffix-4 {
    margin-left: 33.33333%;
  }
  .row > .col-xs-push-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .row > .col-xs-5 {
    -webkit-flex-basis: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%;
  }
  .row > .col-xs-preffix-5 {
    margin-left: 41.66667%;
  }
  .row > .col-xs-push-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .row > .col-xs-6 {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .row > .col-xs-preffix-6 {
    margin-left: 50%;
  }
  .row > .col-xs-push-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }
  .row > .col-xs-7 {
    -webkit-flex-basis: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%;
  }
  .row > .col-xs-preffix-7 {
    margin-left: 58.33333%;
  }
  .row > .col-xs-push-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }
  .row > .col-xs-8 {
    -webkit-flex-basis: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%;
  }
  .row > .col-xs-preffix-8 {
    margin-left: 66.66667%;
  }
  .row > .col-xs-push-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }
  .row > .col-xs-9 {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .row > .col-xs-preffix-9 {
    margin-left: 75%;
  }
  .row > .col-xs-push-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }
  .row > .col-xs-10 {
    -webkit-flex-basis: 83.33333%;
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%;
  }
  .row > .col-xs-preffix-10 {
    margin-left: 83.33333%;
  }
  .row > .col-xs-push-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }
  .row > .col-xs-11 {
    -webkit-flex-basis: 91.66667%;
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%;
  }
  .row > .col-xs-preffix-11 {
    margin-left: 91.66667%;
  }
  .row > .col-xs-push-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }
  .row > .col-xs-12 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .row > .col-xs-preffix-12 {
    margin-left: 100%;
  }
  .row > .col-xs-push-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }
}

@media (min-width: 768px) {
  * + [class*='col-sm-'] {
    margin-top: 0;
  }
  .row-sm-center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .row-sm-left {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .row-sm-right {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .row-sm-justify {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .row-sm-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .row-sm-top {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .row-sm {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .row-sm-reverse {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .row-sm-middle {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .row-sm-bottom {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .col-sm-top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  .col-sm-middle {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }
  .col-sm-bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
  .row > .col-sm-preffix-0 {
    margin-left: 0%;
  }
  .row > .col-sm-1 {
    -webkit-flex-basis: 8.33333%;
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }
  .row > .col-sm-preffix-1 {
    margin-left: 8.33333%;
  }
  .row > .col-sm-push-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .row > .col-sm-2 {
    -webkit-flex-basis: 16.66667%;
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%;
  }
  .row > .col-sm-preffix-2 {
    margin-left: 16.66667%;
  }
  .row > .col-sm-push-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .row > .col-sm-3 {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .row > .col-sm-preffix-3 {
    margin-left: 25%;
  }
  .row > .col-sm-push-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .row > .col-sm-4 {
    -webkit-flex-basis: 33.33334%;
    -ms-flex-preferred-size: 33.33334%;
    flex-basis: 33.33334%;
    max-width: 33.33334%;
  }
  .row > .col-sm-preffix-4 {
    margin-left: 33.33333%;
  }
  .row > .col-sm-push-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .row > .col-sm-5 {
    -webkit-flex-basis: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%;
  }
  .row > .col-sm-preffix-5 {
    margin-left: 41.66667%;
  }
  .row > .col-sm-push-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .row > .col-sm-6 {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .row > .col-sm-preffix-6 {
    margin-left: 50%;
  }
  .row > .col-sm-push-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }
  .row > .col-sm-7 {
    -webkit-flex-basis: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%;
  }
  .row > .col-sm-preffix-7 {
    margin-left: 58.33333%;
  }
  .row > .col-sm-push-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }
  .row > .col-sm-8 {
    -webkit-flex-basis: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%;
  }
  .row > .col-sm-preffix-8 {
    margin-left: 66.66667%;
  }
  .row > .col-sm-push-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }
  .row > .col-sm-9 {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .row > .col-sm-preffix-9 {
    margin-left: 75%;
  }
  .row > .col-sm-push-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }
  .row > .col-sm-10 {
    -webkit-flex-basis: 83.33333%;
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%;
  }
  .row > .col-sm-preffix-10 {
    margin-left: 83.33333%;
  }
  .row > .col-sm-push-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }
  .row > .col-sm-11 {
    -webkit-flex-basis: 91.66667%;
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%;
  }
  .row > .col-sm-preffix-11 {
    margin-left: 91.66667%;
  }
  .row > .col-sm-push-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }
  .row > .col-sm-12 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .row > .col-sm-preffix-12 {
    margin-left: 100%;
  }
  .row > .col-sm-push-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }
}

@media (min-width: 992px) {
  * + [class*='col-md-'] {
    margin-top: 0;
  }
  .row-md-center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .row-md-left {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .row-md-right {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .row-md-justify {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .row-md-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .row-md-top {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .row-md {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .row-md-reverse {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .row-md-middle {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .row-md-bottom {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .col-md-top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  .col-md-middle {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }
  .col-md-bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
  .row > .col-md-preffix-0 {
    margin-left: 0%;
  }
  .row > .col-md-1 {
    -webkit-flex-basis: 8.33333%;
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }
  .row > .col-md-preffix-1 {
    margin-left: 8.33333%;
  }
  .row > .col-md-push-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .row > .col-md-2 {
    -webkit-flex-basis: 16.66667%;
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%;
  }
  .row > .col-md-preffix-2 {
    margin-left: 16.66667%;
  }
  .row > .col-md-push-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .row > .col-md-3 {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .row > .col-md-preffix-3 {
    margin-left: 25%;
  }
  .row > .col-md-push-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .row > .col-md-4 {
    -webkit-flex-basis: 33.33334%;
    -ms-flex-preferred-size: 33.33334%;
    flex-basis: 33.33334%;
    max-width: 33.33334%;
  }
  .row > .col-md-preffix-4 {
    margin-left: 33.33333%;
  }
  .row > .col-md-push-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .row > .col-md-5 {
    -webkit-flex-basis: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%;
  }
  .row > .col-md-preffix-5 {
    margin-left: 41.66667%;
  }
  .row > .col-md-push-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .row > .col-md-6 {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .row > .col-md-preffix-6 {
    margin-left: 50%;
  }
  .row > .col-md-push-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }
  .row > .col-md-7 {
    -webkit-flex-basis: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%;
  }
  .row > .col-md-preffix-7 {
    margin-left: 58.33333%;
  }
  .row > .col-md-push-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }
  .row > .col-md-8 {
    -webkit-flex-basis: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%;
  }
  .row > .col-md-preffix-8 {
    margin-left: 66.66667%;
  }
  .row > .col-md-push-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }
  .row > .col-md-9 {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .row > .col-md-preffix-9 {
    margin-left: 75%;
  }
  .row > .col-md-push-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }
  .row > .col-md-10 {
    -webkit-flex-basis: 83.33333%;
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%;
  }
  .row > .col-md-preffix-10 {
    margin-left: 83.33333%;
  }
  .row > .col-md-push-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }

  .row > .col-md-11 {
    -webkit-flex-basis: 91.66667%;
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%;
  }
  .row > .col-md-preffix-11 {
    margin-left: 91.66667%;
  }
  .row > .col-md-push-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }
  .row > .col-md-12 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .row > .col-md-preffix-12 {
    margin-left: 100%;
  }
  .row > .col-md-push-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }
}

@media (min-width: 1200px) {
  * + [class*='col-lg-'] {
    margin-top: 0;
  }
  .row-lg-center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .row-lg-left {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .row-lg-right {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .row-lg-justify {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .row-lg-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .row-lg-top {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .row-lg {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .row-lg-reverse {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .row-lg-middle {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .row-lg-bottom {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .col-lg-top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  .col-lg-middle {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }
  .col-lg-bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
  .row > .col-lg-preffix-0 {
    margin-left: 0%;
  }
  .row > .col-lg-1 {
    -webkit-flex-basis: 8.33333%;
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }
  .row > .col-lg-preffix-1 {
    margin-left: 8.33333%;
  }
  .row > .col-lg-push-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .row > .col-lg-2 {
    -webkit-flex-basis: 16.66667%;
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%;
  }
  .row > .col-lg-preffix-2 {
    margin-left: 16.66667%;
  }
  .row > .col-lg-push-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .row > .col-lg-3 {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .row > .col-lg-preffix-3 {
    margin-left: 25%;
  }
  .row > .col-lg-push-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .row > .col-lg-4 {
    -webkit-flex-basis: 33.33334%;
    -ms-flex-preferred-size: 33.33334%;
    flex-basis: 33.33334%;
    max-width: 33.33334%;
  }
  .row > .col-lg-preffix-4 {
    margin-left: 33.33333%;
  }
  .row > .col-lg-push-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .row > .col-lg-5 {
    -webkit-flex-basis: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%;
  }
  .row > .col-lg-preffix-5 {
    margin-left: 41.66667%;
  }
  .row > .col-lg-push-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .row > .col-lg-6 {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .row > .col-lg-preffix-6 {
    margin-left: 50%;
  }
  .row > .col-lg-push-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }
  .row > .col-lg-7 {
    -webkit-flex-basis: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%;
  }
  .row > .col-lg-preffix-7 {
    margin-left: 58.33333%;
  }
  .row > .col-lg-push-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }
  .row > .col-lg-8 {
    -webkit-flex-basis: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%;
  }
  .row > .col-lg-preffix-8 {
    margin-left: 66.66667%;
  }
  .row > .col-lg-push-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }
  .row > .col-lg-9 {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .row > .col-lg-preffix-9 {
    margin-left: 75%;
  }
  .row > .col-lg-push-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }
  .row > .col-lg-10 {
    -webkit-flex-basis: 83.33333%;
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%;
  }
  .row > .col-lg-preffix-10 {
    margin-left: 83.33333%;
  }
  .row > .col-lg-push-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }
  .row > .col-lg-11 {
    -webkit-flex-basis: 91.66667%;
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%;
  }
  .row > .col-lg-preffix-11 {
    margin-left: 91.66667%;
  }
  .row > .col-lg-push-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }
  .row > .col-lg-12 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .row > .col-lg-preffix-12 {
    margin-left: 100%;
  }
  .row > .col-lg-push-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }
}

html.lt-ie10 .row > .col-xs-1 {
  margin-left: auto;
  margin-right: auto;
  max-width: 8.33333%;
}

html.lt-ie10 .row > .col-xs-2 {
  margin-left: auto;
  margin-right: auto;
  max-width: 16.66667%;
}

html.lt-ie10 .row > .col-xs-3 {
  margin-left: auto;
  margin-right: auto;
  max-width: 25%;
}

html.lt-ie10 .row > .col-xs-4 {
  margin-left: auto;
  margin-right: auto;
  max-width: 33.33333%;
}

html.lt-ie10 .row > .col-xs-5 {
  margin-left: auto;
  margin-right: auto;
  max-width: 41.66667%;
}

html.lt-ie10 .row > .col-xs-6 {
  margin-left: auto;
  margin-right: auto;
  max-width: 50%;
}

html.lt-ie10 .row > .col-xs-7 {
  margin-left: auto;
  margin-right: auto;
  max-width: 58.33333%;
}

html.lt-ie10 .row > .col-xs-8 {
  margin-left: auto;
  margin-right: auto;
  max-width: 66.66667%;
}

html.lt-ie10 .row > .col-xs-9 {
  margin-left: auto;
  margin-right: auto;
  max-width: 75%;
}

html.lt-ie10 .row > .col-xs-10 {
  margin-left: auto;
  margin-right: auto;
  max-width: 83.33333%;
}

html.lt-ie10 .row > .col-xs-11 {
  margin-left: auto;
  margin-right: auto;
  max-width: 91.66667%;
}

html.lt-ie10 .row > .col-xs-12 {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

html.lt-ie10 .row > .col-sm-1 {
  margin-left: auto;
  margin-right: auto;
  max-width: 8.33333%;
}

html.lt-ie10 .row > .col-sm-2 {
  margin-left: auto;
  margin-right: auto;
  max-width: 16.66667%;
}

html.lt-ie10 .row > .col-sm-3 {
  margin-left: auto;
  margin-right: auto;
  max-width: 25%;
}

html.lt-ie10 .row > .col-sm-4 {
  margin-left: auto;
  margin-right: auto;
  max-width: 33.33333%;
}

html.lt-ie10 .row > .col-sm-5 {
  margin-left: auto;
  margin-right: auto;
  max-width: 41.66667%;
}

html.lt-ie10 .row > .col-sm-6 {
  margin-left: auto;
  margin-right: auto;
  max-width: 50%;
}

html.lt-ie10 .row > .col-sm-7 {
  margin-left: auto;
  margin-right: auto;
  max-width: 58.33333%;
}

html.lt-ie10 .row > .col-sm-8 {
  margin-left: auto;
  margin-right: auto;
  max-width: 66.66667%;
}


html.lt-ie10 .row > .col-sm-9 {
  margin-left: auto;
  margin-right: auto;
  max-width: 75%;
}

html.lt-ie10 .row > .col-sm-10 {
  margin-left: auto;
  margin-right: auto;
  max-width: 83.33333%;
}

html.lt-ie10 .row > .col-sm-11 {
  margin-left: auto;
  margin-right: auto;
  max-width: 91.66667%;
}

html.lt-ie10 .row > .col-sm-12 {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

html.lt-ie10 .row > .col-md-1 {
  margin-left: auto;
  margin-right: auto;
  max-width: 8.33333%;
}

html.lt-ie10 .row > .col-md-2 {
  margin-left: auto;
  margin-right: auto;
  max-width: 16.66667%;
}

html.lt-ie10 .row > .col-md-3 {
  margin-left: auto;
  margin-right: auto;
  max-width: 25%;
}

html.lt-ie10 .row > .col-md-4 {
  margin-left: auto;
  margin-right: auto;
  max-width: 33.33333%;
}

html.lt-ie10 .row > .col-md-5 {
  margin-left: auto;
  margin-right: auto;
  max-width: 41.66667%;
}

html.lt-ie10 .row > .col-md-6 {
  margin-left: auto;
  margin-right: auto;
  max-width: 50%;
}

html.lt-ie10 .row > .col-md-7 {
  margin-left: auto;
  margin-right: auto;
  max-width: 58.33333%;
}

html.lt-ie10 .row > .col-md-8 {
  margin-left: auto;
  margin-right: auto;
  max-width: 66.66667%;
}

html.lt-ie10 .row > .col-md-9 {
  margin-left: auto;
  margin-right: auto;
  max-width: 75%;
}

html.lt-ie10 .row > .col-md-10 {
  margin-left: auto;
  margin-right: auto;
  max-width: 83.33333%;
}

html.lt-ie10 .row > .col-md-11 {
  margin-left: auto;
  margin-right: auto;
  max-width: 91.66667%;
}

html.lt-ie10 .row > .col-md-12 {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

html.lt-ie10 .row > .col-lg-1 {
  margin-left: auto;
  margin-right: auto;
  max-width: 8.33333%;
}

html.lt-ie10 .row > .col-lg-2 {
  margin-left: auto;
  margin-right: auto;
  max-width: 16.66667%;
}

html.lt-ie10 .row > .col-lg-3 {
  margin-left: auto;
  margin-right: auto;
  max-width: 25%;
}

html.lt-ie10 .row > .col-lg-4 {
  margin-left: auto;
  margin-right: auto;
  max-width: 33.33333%;
}

html.lt-ie10 .row > .col-lg-5 {
  margin-left: auto;
  margin-right: auto;
  max-width: 41.66667%;
}

html.lt-ie10 .row > .col-lg-6 {
  margin-left: auto;
  margin-right: auto;
  max-width: 50%;
}

html.lt-ie10 .row > .col-lg-7 {
  margin-left: auto;
  margin-right: auto;
  max-width: 58.33333%;
}

html.lt-ie10 .row > .col-lg-8 {
  margin-left: auto;
  margin-right: auto;
  max-width: 66.66667%;
}

html.lt-ie10 .row > .col-lg-9 {
  margin-left: auto;
  margin-right: auto;
  max-width: 75%;
}

html.lt-ie10 .row > .col-lg-10 {
  margin-left: auto;
  margin-right: auto;
  max-width: 83.33333%;
}

html.lt-ie10 .row > .col-lg-11 {
  margin-left: auto;
  margin-right: auto;
  max-width: 91.66667%;
}

html.lt-ie10 .row > .col-lg-12 {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

html.lt-ie10 .row > [class*="col-xs-preffix-"],
html.lt-ie10 .row > [class*="col-sm-preffix-"],
html.lt-ie10 .row > [class*="col-md-preffix-"],
html.lt-ie10 .row > [class*="col-lg-preffix-"] {
  margin-left: auto;
}

/*
* @section      Main Styles
* @description  This section holds template default elements style declarations
*/
html {
  font-size: 60px;
}

@media (min-width: 768px) and (max-width: 991px) {
  html {
    font-size: 70px;
  }


}

@media (min-width: 992px) and (max-width: 1199px) {
  html {
    font-size: 80px;
  }
}

@media (min-width: 1200px) {
  html {
    font-size: 100px;
  }
}

html .old-ie {
  display: none;
}

html.lt-ie11 .old-ie {
  display: block;
}

body {
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 24px;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: subpixel-antialiased;
  color: #adadad;
  background: #fff;
}

/*
* @subsection   Typography
* @description  Describes default font settings for basic html elements and
*               css classes
*/
h1, h2, h3, h4, h5, h6,
.heading-1,
.rd-navbar-brand .brand-name, .heading-2, .heading-3, .heading-4, .event-post time, .heading-5, .heading-6 {
  display: block;
  color: #3b3b3b;
  font-weight: 400;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.heading-1 a, .rd-navbar-brand .brand-name a, .heading-2 a, .heading-3 a, .heading-4 a, .event-post time a, .heading-5 a, .heading-6 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,
.heading-1 a, .rd-navbar-brand .brand-name a,
.heading-1 a:active, .rd-navbar-brand .brand-name a:active,
.heading-1 a:focus, .rd-navbar-brand .brand-name a:focus, .heading-2 a, .heading-2 a:active, .heading-2 a:focus, .heading-3 a, .heading-3 a:active, .heading-3 a:focus, .heading-4 a, .event-post time a, .heading-4 a:active, .event-post time a:active, .heading-4 a:focus, .event-post time a:focus, .heading-5 a, .heading-5 a:active, .heading-5 a:focus, .heading-6 a, .heading-6 a:active, .heading-6 a:focus {
  color: inherit;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
.heading-1 a:hover, .rd-navbar-brand .brand-name a:hover, .heading-2 a:hover, .heading-3 a:hover, .heading-4 a:hover, .event-post time a:hover, .heading-5 a:hover, .heading-6 a:hover {
  color: #0097da;
}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span,
.heading-1 span, .rd-navbar-brand .brand-name span, .heading-2 span, .heading-3 span, .heading-4 span, .event-post time span, .heading-5 span, .heading-6 span {
  display: block;
}

.cn_frame > .divider, h1 > .divider, h2 > .divider, h3 > .divider, h4 > .divider, h5 > .divider, h6 > .divider, 
.heading-1 > .divider, .rd-navbar-brand .brand-name > .divider, .heading-2 > .divider, .heading-3 > .divider, .heading-4 > .divider, .event-post time > .divider, .heading-5 > .divider, .heading-6 > .divider {
  display: block;
}

.text-center h1, .text-center h2, .text-center h3, .text-center h4, .text-center h5, .text-center h6,
.text-center
.heading-1,
.text-center .rd-navbar-brand .brand-name,
.rd-navbar-brand .text-center .brand-name, .text-center .heading-2, .text-center .heading-3, .text-center .heading-4, .text-center .event-post time, .event-post .text-center time, .text-center .heading-5, .text-center .heading-6 {
  position: relative;
}

.cn_frame .divider, .text-center h1 .divider, .text-center h2 .divider, .text-center h3 .divider, .text-center h4 .divider, .text-center h5 .divider, .text-center h6 .divider, .text-center
.heading-1 .divider, .text-center .rd-navbar-brand .brand-name .divider, .rd-navbar-brand .text-center .brand-name .divider, .text-center .heading-2 .divider, .text-center .heading-3 .divider, .text-center .heading-4 .divider, .text-center .event-post time .divider, .event-post .text-center time .divider, .text-center .heading-5 .divider, .text-center .heading-6 .divider {
  margin-top: 0;
  position: absolute;
  bottom: 0;
  left: 50%;
  will-change: transform;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.cn_frame .divider, .text-center h1 .divider + *, .text-center h2 .divider + *, .text-center h3 .divider + *, .text-center h4 .divider + *, .text-center h5 .divider + *, .text-center h6 .divider + *, .text-center
.heading-1 .divider + *, .text-center .rd-navbar-brand .brand-name .divider + *, .rd-navbar-brand .text-center .brand-name .divider + *, .text-center .heading-2 .divider + *, .text-center .heading-3 .divider + *, .text-center .heading-4 .divider + *, .text-center .event-post time .divider + *, .event-post .text-center time .divider + *, .text-center .heading-5 .divider + *, .text-center .heading-6 .divider + * {
  padding-bottom: 21px;
}

h1, h2, h3, h4, h5,
.heading-1,
.rd-navbar-brand .brand-name, .heading-2, .heading-3, .heading-4, .event-post time, .heading-5 {
  font-family: "Open Sans", sans-serif;
}

h1, h2, h3, h4, h5,
.heading-1,
.rd-navbar-brand .brand-name, .heading-2, .heading-3, .heading-4, .event-post time, .heading-5 {
  text-transform: uppercase;
}

h1, .heading-1, .rd-navbar-brand .brand-name {
  font-size: 38px;
  line-height: 1.33;
}

@media (min-width: 768px) {
  h1, .heading-1, .rd-navbar-brand .brand-name {
    font-size: 44px;
    line-height: 1.2;
  }
}

@media (min-width: 992px) {
  h1, .heading-1, .rd-navbar-brand .brand-name {
    font-size: 80px;
    line-height: 1;
  }
}

h2, .heading-2 {
  font-size: 34px;
  line-height: 1.5;
}

@media (min-width: 768px) {
  h2, .heading-2 {
    font-size: 50px;
    line-height: 1.15;
  }
}

@media (min-width: 768px) {
  h2, .heading-2 {
    font-size: 56px;
  }
}

h2 > .divider, .heading-2 > .divider {
  margin-top: 16px;
}

h3, .heading-3 {
  font-size: 28px;
  line-height: 1.5;
}

h3 .big, h3 .media-post p, .media-post h3 p, h3 .product p, .product h3 p, .heading-3 .big, .heading-3 .media-post p, .media-post .heading-3 p, .heading-3 .product p, .product .heading-3 p {
  display: block;
  font-size: 40px;
  line-height: 1.1;
}

@media (min-width: 768px) {
  h3, .heading-3 {
    font-size: 40px;
    line-height: 1.37;
  }
  h3 .big, h3 .media-post p, .media-post h3 p, h3 .product p, .product h3 p, .heading-3 .big, .heading-3 .media-post p, .media-post .heading-3 p, .heading-3 .product p, .product .heading-3 p {
    font-size: 50px;
  }
}

h4, .heading-4, .event-post time {
  font-size: 26px;
  line-height: 1.1;
  letter-spacing: .01em;
}

@media (min-width: 768px) {
  h4, .heading-4, .event-post time {
    font-size: 34px;
  }
}

@media (min-width: 992px) {
  h4, .heading-4, .event-post time {
    font-size: 36px;
  }
}

h4 > .divider, .heading-4 > .divider, .event-post time > .divider {
  margin-top: 23px;
}

h5, .heading-5 {
  font-size: 22px;
}

@media (min-width: 768px) {
  h5, .heading-5 {
    font-size: 24px;
    line-height: 1.2;
  }
}

h5 a:hover, .heading-5 a:hover {
  color: #272d3b;
  text-decoration: underline;
}

h6, .heading-6 {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
}

@media (min-width: 768px) {
  h6, .heading-6 {
    font-size: 20px;
    line-height: 1.5;
  }
}

mark {
  display: inline-block;
  padding: 5px;
  color: #fff;
  background: #0097da;
}

em {
  color: #0097da;
}

small, .small {
  display: block;
  font-size: 0.875em;
  line-height: 1.643em;
}

.big, .media-post p, .product p {
  font-size: 16px;
  line-height: 1.66667;
}

@media (min-width: 768px) {
  .big, .media-post p, .product p {
    font-size: 18px;
  }
}

.extra-big {
  font-size: 18px;
  line-height: 1.6667;
}

@media (min-width: 768px) {
  .extra-big {
    font-size: 20px;
  }
}

@media (min-width: 992px) {
  .extra-big {
    font-size: 22px;
    line-height: 36px;
  }
}

time {
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  line-height: 1;
  color: #3b3b3b;
}

@media (min-width: 768px) {
  time {
    font-size: 24px;
  }
}

address {
  line-height: 1.2;
}

address a {
  display: inline;
}

hr, .divider {
  height: 0;
  width: 30px;
  border-bottom: 4px solid;
}

a {
  display: inline-block;
  transition: .33s all ease-out;
}

a, a:active, a:focus {
  color: #3b3b3b;
}

a:hover {
  color: #0097da;
}

address a, a[href*="mailto:"], a[href*="callto:"] {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
}

address a, address a:active, address a:focus, a[href*="mailto:"], a[href*="mailto:"]:active, a[href*="mailto:"]:focus, a[href*="callto:"], a[href*="callto:"]:active, a[href*="callto:"]:focus {
  color: #3b3b3b;
}

address a:hover, a[href*="mailto:"]:hover, a[href*="callto:"]:hover {
  color: #272d3b;
  text-decoration: underline;
}

* + address a, * + a[href*="mailto:"], * + a[href*="callto:"] {
  margin-top: 5px;
}

@media (max-width: 480px) {
  address a, a[href*="mailto:"], a[href*="callto:"] {
    font-size: 20px;
  }
}

@media (min-width: 992px) {
  address a, a[href*="mailto:"], a[href*="callto:"] {
    font-size: 24px;
  }
}

/*
* @section      Main Layout
* @description  This section holds class declarations for elements indent creation
*/
/*
* @subsection   Offsets
* @description  Describes vertical indentation between the elements
*/
* + h5,
* + .heading-5 {
  margin-top: 11px;
}

* + h6,
* + .heading-6 {
  margin-top: 15px;
}

@media (min-width: 768px) {
  * + h6,
  * + .heading-6 {
    margin-top: 29px;
  }
}

* + p {
  margin-top: 8px;
}

@media (min-width: 768px) {
  * + p {
    margin-top: 12px;
  }
}

* + address {
  margin-top: 11px;
}

h5 + *,
.heading-5 + * {
  margin-top: 24px;
}

* + .extra-big {
  margin-top: 25px;
}

* + .btn {
  margin-top: 16px;
}

* + .link {
  margin-top: 12px;
}

* + .list {
  margin-top: 36px;
}

* + .index-list {
  margin-top: 36px;
}

* + .marked-list {
  margin-top: 36px;
}

* + .ordered-list {
  margin-top: 36px;
}

* + .inline-list {
  margin-top: 36px;
}

* + .terms-list {
  margin-top: 29px;
}

* + .contact-info {
  margin-top: 40px;
}

* + .btn-group {
  margin-top: 40px;
}

* + .box,
* + .box-xs,
* + .box-sm,
* + .box-md,
* + .box-lg {
  margin-top: 30px;
}

* + .row {
  margin-top: 34px;
}

* + .container-fluid {
  margin-top: 66px;
}

.thumb-video + * {
  margin-top: 25px;
}

@media (min-width: 992px) {
  .thumb-video + * {
    margin-top: 44px;
  }
}

.page * + .offset-1 {
  margin-top: 30px;
}

.page * + .offset-2 {
  margin-top: 14px;
}

@media (min-width: 992px) {
  .page .page-content .col-xs-12 + .col-xs-12.col-offset-1 {
    margin-top: 55px;
  }
}

* + time {
  margin-top: 20px;
}

@media (min-width: 992px) {
  * + time {
    margin-top: 39px;
  }
}

p + p {
  margin-top: 15px;
}

@media (min-width: 992px) {
  p + p {
    margin-top: 23px;
  }
}

[class*="box"] + p {
  margin-top: 22px;
}

.box + .box,
.box + .box-xs,
.box + .box-sm,
.box + .box-md,
.box + .box-lg, .box-xs + .box,
.box-xs + .box-xs,
.box-xs + .box-sm,
.box-xs + .box-md,
.box-xs + .box-lg, .box-sm + .box,
.box-sm + .box-xs,
.box-sm + .box-sm,
.box-sm + .box-md,
.box-sm + .box-lg, .box-md + .box,
.box-md + .box-xs,
.box-md + .box-sm,
.box-md + .box-md,
.box-md + .box-lg, .box-lg + .box,
.box-lg + .box-xs,
.box-lg + .box-sm,
.box-lg + .box-md,
.box-lg + .box-lg {
  margin-top: 30px;
}

h5 + p,
.heading-5 + p {
  margin-top: 8px;
}

p + h5,
p + .heading-5 {
  margin-top: 23px;
}

h6 + p,
.heading-6 + p {
  margin-top: 12px;
}

h5 + h6,
h5 + .heading-6,
.heading-5 + h6,
.heading-5 + .heading-6 {
  margin-top: 7px;
}

.flow-offset-1 > * + * {
  margin-top: 55px;
}

@media (min-width: 480px) {
  html:not(.lt-ie10) .flow-offset-1 > .col-xs-1:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-2:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-3:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-4:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-5:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-6:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-7:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-8:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-9:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-10:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-11:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-12:nth-child(n) {
    margin-top: 0;
  }
}

@media (min-width: 480px) {
  html:not(.lt-ie10) .flow-offset-1 > .col-xs-1:nth-child(n + 13), html:not(.lt-ie10) .flow-offset-1 > .col-xs-2:nth-child(n + 7), html:not(.lt-ie10) .flow-offset-1 > .col-xs-3:nth-child(n + 5), html:not(.lt-ie10) .flow-offset-1 > .col-xs-4:nth-child(n + 4), html:not(.lt-ie10) .flow-offset-1 > .col-xs-6:nth-child(n + 3), html:not(.lt-ie10) .flow-offset-1 > .col-xs-12:nth-child(n + 2), html:not(.lt-ie10) .flow-offset-1 > .col-xs-8.col-xs-preffix-2 {
    margin-top: 0;
  }
}

@media (min-width: 768px) {
  html:not(.lt-ie10) .flow-offset-1 > .col-sm-1:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-2:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-3:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-4:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-5:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-6:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-7:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-8:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-9:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-10:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-11:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-12:nth-child(n) {
    margin-top: 0;
  }
}

@media (min-width: 768px) {
  html:not(.lt-ie10) .flow-offset-1 > .col-sm-1:nth-child(n + 13), html:not(.lt-ie10) .flow-offset-1 > .col-sm-2:nth-child(n + 7), html:not(.lt-ie10) .flow-offset-1 > .col-sm-3:nth-child(n + 5), html:not(.lt-ie10) .flow-offset-1 > .col-sm-4:nth-child(n + 4), html:not(.lt-ie10) .flow-offset-1 > .col-sm-6:nth-child(n + 3), html:not(.lt-ie10) .flow-offset-1 > .col-sm-12:nth-child(n + 2), html:not(.lt-ie10) .flow-offset-1 > .col-sm-8.col-sm-preffix-2 {
    margin-top: 0;
  }
}

@media (min-width: 992px) {
  html:not(.lt-ie10) .flow-offset-1 > .col-md-1:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-2:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-3:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-4:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-5:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-6:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-7:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-8:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-9:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-10:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-11:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-12:nth-child(n) {
    margin-top: 0;
  }
}

@media (min-width: 992px) {
  html:not(.lt-ie10) .flow-offset-1 > .col-md-1:nth-child(n + 13), html:not(.lt-ie10) .flow-offset-1 > .col-md-2:nth-child(n + 7), html:not(.lt-ie10) .flow-offset-1 > .col-md-3:nth-child(n + 5), html:not(.lt-ie10) .flow-offset-1 > .col-md-4:nth-child(n + 4), html:not(.lt-ie10) .flow-offset-1 > .col-md-6:nth-child(n + 3), html:not(.lt-ie10) .flow-offset-1 > .col-md-12:nth-child(n + 2), html:not(.lt-ie10) .flow-offset-1 > .col-md-8.col-md-preffix-2 {
    margin-top: 0;
  }
}

@media (min-width: 1200px) {
  html:not(.lt-ie10) .flow-offset-1 > .col-lg-1:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-2:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-3:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-4:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-5:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-6:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-7:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-8:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-9:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-10:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-11:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-12:nth-child(n) {
    margin-top: 0;
  }
}

@media (min-width: 1200px) {
  html:not(.lt-ie10) .flow-offset-1 > .col-lg-1:nth-child(n + 13), html:not(.lt-ie10) .flow-offset-1 > .col-lg-2:nth-child(n + 7), html:not(.lt-ie10) .flow-offset-1 > .col-lg-3:nth-child(n + 5), html:not(.lt-ie10) .flow-offset-1 > .col-lg-4:nth-child(n + 4), html:not(.lt-ie10) .flow-offset-1 > .col-lg-6:nth-child(n + 3), html:not(.lt-ie10) .flow-offset-1 > .col-lg-12:nth-child(n + 2), html:not(.lt-ie10) .flow-offset-1 > .col-lg-8.col-lg-preffix-2 {
    margin-top: 0;
  }
}

@media (max-width: 1199px) {
  .child-offset-1 .col-xs-12 + .col-xs-12 {
    margin-top: 20px;
  }
}

.child-offset-2 .col-xs-12 + .col-xs-12 {
  margin-top: 55px;
}

@media (min-width: 768px) {
  .child-offset-2 .col-xs-12 + .col-xs-12 {
    margin-top: 44px;
  }
}

.child-offset-3 .col-xs-12 + .col-xs-12 {
  margin-top: 28px;
}

@media (min-width: 768px) {
  .child-offset-3 .col-xs-12 + .col-xs-12 {
    margin-top: 40px;
  }
}


/*
* @subsection   Postfix
* @description  Describes instant right margin classes
*/
/*
* @subsection   Prefix
* @description  Describes instant left margin classes
*/
/*
* @subsection   Insets
* @description  Describes instant padding classes
*/
.inset-1 {
  padding: 7%;
}

@media (min-width: 768px) {
  .inset-1 {
    padding: 2.7% 2% 2.3% 3%;
  }
}

/*
* @subsection   Well
* @description  Describes section inner indents
*/
.well {
  padding-top: 56px;
  padding-bottom: 56px;
	background-color: white;
}

@media (min-width: 768px) {
  .well-1 {
    padding-top: 60px;
    padding-bottom: 75px;
  }
}

@media (min-width: 768px) and (min-width: 1200px) and (min-height: 768px) {
  .well-1 {
    padding-top: 120px;
    padding-bottom: 76px;
  }
}

@media (min-width: 768px) {
  .well-2 {
    padding-top: 37px;
    padding-bottom: 64px;
  }
  .well-3 {
    padding-top: 75px;
    padding-bottom: 75px;
  }
}

@media (min-width: 768px) and (min-width: 1200px) and (min-height: 768px) {
  .well-3 {
    padding-top: 115px;
    padding-bottom: 65px;
  }
}

@media (min-width: 768px) {
  .well-4 {
    padding-top: 90px;
    padding-bottom: 60px;
  }
  .well-5 {
    padding-top: 200px;
    padding-bottom: 56px;
  }
}

@media all and (min-width: 768px) and (max-width: 1200px) {
	.well-5 {
		padding-top: 135px;
	}
}
@media all and (min-width: 1200px){
	.well-5{
		padding-top: 200px;
		padding-bottom: 56px;
	}
}

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

}

@media (min-width: 768px) {
  .well-5--inset-1 {
    padding-bottom: 63px;
  }
  .well-5--inset-2 {
    padding-bottom: 75px;
  }
}

@media (min-width: 768px) and (min-width: 1200px) and (min-height: 768px) {
  .well-5--inset-2 {
    padding-bottom: 110px;
  }
}

@media (min-width: 768px) {
  .well-6 {
    padding-top: 57px;
    padding-bottom: 60px;
  }
	.top_padding{
		padding-top: 200px;
	}
}

/*
* @section      Helpers
* @description  This section holds various helper classes for
*               conditional page styling
*/
.relative {
  position: relative;
}

.round {
  border-radius: 50%;
}

.bordered {
  border: 2px solid #b1b1b1;
}

/*
* @subsection   Colors
*/
html body .page .text-primary {
  color: #0097da;
}

html body .page .text-grayscale-default {
  color: #adadad;
}

/*
* @subsection   Backgrounds
*/
.bg-primary {
  color: #3b3b3b;
  background: #0097da;
}

.bg-primary a, .bg-primary a:active, .bg-primary a:focus, .bg-primary a:hover {
  color: #3b3b3b;
}

.bg-primary a:hover {
  text-decoration: underline;
}

.bg-primary .icon-primary {
  color: #fff;
}

.bg-primary .btn-primary {
  border: 1px solid #193a48;
}

.bg-primary .btn-primary, .bg-primary .btn-primary:focus {
  color: #3b3b3b;
  border-color: #193a48;
  background-color: white;
}

.bg-primary .btn-primary:hover {
  color: #0097da;
  text-decoration: none;
  border-color: #193a48;
}

.bg-primary .btn-primary:before {
  background: #272d3b;
}

.bg-secondary-wrap,
.bg-primary-wrap {
  position: relative;
}

.bg-shape {
  display: block;
  overflow: hidden;
  line-height: 0;
  font-size: 0;
  margin: -1px 0;
}

.bg-shape > svg,
.bg-shape > img,
.bg-shape > object {
  display: block;
  width: 102%;
  height: auto;
  position: relative;
  left: -1%;
  margin: -1px 0;
}

.bg-shape > .modesta-wave__svg {
  display: block;
  position: relative;
  width: 142%;
  max-width: none;
  min-width: 142%;
  height: 62px;
  left: -21%;
  margin: 0;
  aspect-ratio: auto;
  pointer-events: none;
  user-select: none;
  transform: none;
}

.modesta-wave--footer {
  overflow: visible;
}

.page-footer {
  margin-top: 74px;
}

.page-footer > .modesta-wave--footer {
  margin-top: -74px;
}

.bg-shape.modesta-wave--footer > .modesta-wave__svg {
  width: calc(100% + 20vw);
  min-width: calc(100% + 20vw);
  height: 76px;
  left: -10vw;
}

.bg-shape > .modesta-wave__svg--reverse {
  transform: scaleY(-1);
  transform-origin: center;
  transform-box: fill-box;
}

* + .bg-shape,
.bg-shape + * {
  margin-top: -2px;
}

@media (max-width: 640px) {
  .bg-shape > .modesta-wave__svg {
    height: 54px;
  }

  .page-footer {
    margin-top: 56px;
  }

  .page-footer > .modesta-wave--footer {
    margin-top: -56px;
  }

  .bg-shape.modesta-wave--footer > .modesta-wave__svg {
    height: 58px;
  }
}

.bg-white .btn-primary, .bg-white .btn-primary:active, .bg-white .btn-primary:focus {
  color: #ffffff;
}

.bg-white .btn-primary:hover {
  color: #ffffff;
}

.bg-white .btn-primary, .bg-white .btn-primary:focus,  {
  color: #ffffff;
  border: 1px solid #0097da;
 }

.bg-secondary {
  background-color: #272d3b;
}

.bg-secondary, .bg-secondary h1, .bg-secondary h2, .bg-secondary h3, .bg-secondary h4, .bg-secondary h5, .bg-secondary h6, .bg-secondary .heading-1, .bg-secondary .rd-navbar-brand .brand-name, .rd-navbar-brand .bg-secondary .brand-name, .bg-secondary .heading-2, .bg-secondary .heading-3, .bg-secondary .heading-4, .bg-secondary .event-post time, .event-post .bg-secondary time, .bg-secondary .heading-5, .bg-secondary .heading-6 {
  color: #fff;
}

.bg-secondary a, .bg-secondary a:active, .bg-secondary a:focus {
  color: #0097da;
}

.bg-secondary a:hover {
  color: #adadad;
}

.bg-secondary .btn-default {
  color: #fff;
  background: transparent;
  border-color: #fff;
}

.bg-secondary .btn-default:hover {
  color: #272d3b;
}

.bg-secondary .btn-default:before {
  background: #fff;
}

.bg-secondary .btn-default:active {
  border-color: #ececee;
}

.bg-secondary .btn-default:active:before {
  background: #ececee;
}

.bg-secondary .btn-primary, .bg-secondary .btn-primary:focus, {
  color: #272d3b;
  border: 1px solid #0097da;
}

.bg-secondary .btn-primary:hover {
  color: #0097da;
  background: #0097da;
  border: 1px solid #0097da;
}

.bg-secondary .btn-primary:active {
  color: #0097da;
}

.bg-secondary .btn-primary:active:before, .bg-secondary .btn-primary:focus:before {
  background: #272d3b;
}

.bg-secondary .link-variant-1:hover {
  color: #fff;
}

.bg-secondary-variant-1 {
  background-color: #272d3b;
}

.bg-secondary-variant-1 a, .bg-secondary-variant-1 a:active, .bg-secondary-variant-1 a:focus {
  color: #adadad;
}

.bg-secondary-variant-1 a:hover {
  color: #0097da;
}

.bg-secondary-variant-1 a.nohover:hover {
  color: #adadad;
}

.bg-grayscale-lightest {
  background-color: #ececee;
}

/*
* @subsection   Floating System
*/
.pull-left {
  float: left;
}

.pull-none {
  float: none;
}

.pull-right {
  float: right;
}

@media (min-width: 480px) {
  .pull-xs-left {
    float: left;
  }
  .pull-xs-none {
    float: none;
  }
  .pull-xs-right {
    float: right;
  }
}

@media (min-width: 768px) {
  .pull-sm-left {
    float: left;
  }
  .pull-sm-none {
    float: none;
  }
  .pull-sm-right {
    float: right;
  }
}

@media (min-width: 992px) {
  .pull-md-left {
    float: left;
  }
  .pull-md-none {
    float: none;
  }
  .pull-md-right {
    float: right;
  }
}

@media (min-width: 1200px) {
  .pull-lg-left {
    float: left;
  }
  .pull-lg-none {
    float: none;
  }
  .pull-lg-right {
    float: right;
  }
}

/*
* @subsection   Text Alignment
*/
.text-left {
  text-align: left;
}

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

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

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

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

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

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

/*
* @subsection   Text Styling
*/
.text-italic {
  font-style: italic;
}

.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-uppercase {
  text-transform: uppercase;
}

.text-normal {
  text-transform: none;
}

/*
* @subsection   Visibility System
*/
.visible-block {
  display: block;
}

.visible-inline-block {
  display: inline-block;
}

.visible-inline {
  display: inline;
}

.hidden {
  display: none;
}

@media (min-width: 480px) {
  .visible-xs-block {
    display: block;
  }
  .visible-xs-inline-block {
    display: inline-block;
  }
  .visible-xs-inline {
    display: inline;
  }
  .hidden-xs {
    display: none;
  }
}

@media (min-width: 768px) {
  .visible-sm-block {
    display: block;
  }
  .visible-sm-inline-block {
    display: inline-block;
  }
  .visible-sm-inline {
    display: inline;
  }
  .hidden-sm {
    display: none;
  }
}

@media (min-width: 992px) {
  .visible-md-block {
    display: block;
  }
  .visible-md-inline-block {
    display: inline-block;
  }
  .visible-md-inline {
    display: inline;
  }
  .hidden-md {
    display: none;
  }
}

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block;
  }
  .visible-lg-inline-block {
    display: inline-block;
  }
  .visible-lg-inline {
    display: inline;
  }
  .hidden-lg {
    display: none;
  }
}

/**
* @subsection   Animate.css
*
* @description  A bunch of cool, fun, and cross-browser animations
*               for you to use.
*
* @author       Daniel Eden
* @link         http://daneden.me/animate
* @license      MIT license - http://opensource.org/licenses/MIT
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  opacity: 1;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -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;
  }
}

@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(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fadeIn {
  -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);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@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);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@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);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

}

@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);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*
* @section      Icon Fonts
* @description  This section holds all icon fonts stored in template
*/
/**
 * @section      Font Awesome 4.5.0 by  -  - @fontawesome
 * @author       @davegandy
 * @see          http://fontawesome.io
 * @license      Font: SIL OFL 1.1, CSS: MIT License 
 */
.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;
}


/*[class*='fa-']:before {
  font-weight: 400;
  font-family: 'FontAwesome';
}*/

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
/*
* @section      Components
* @description  This section holds all elements style declarations of template
*/
/*
* @subsection   Buttons
*/
.btn ,
.link-rollover{
  position: relative;
  z-index: 1;
  display: inline-block;
  max-width: 100%;
  text-align: center;
  vertical-align: middle;
  line-height: 1.2;
  font-family: "Open Sans", sans-serif;
  border: 1px solid transparent;
  font-weight: 700;
  text-overflow: ellipsis;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
}

.btn:hover,
.link-rollover:hover{
  color: inherit;
  text-decoration: none;
}

.btn .icon {
  position: relative;
  top: -0.065em;
  line-height: 0;
  vertical-align: middle;
}

.btn-xs {
  padding: 9px;
  font-size: 16px;
}

.btn-xs .icon {
  font-size: 26.6px;
  padding-right: 10px;
}

.btn-sm {
  padding: 18px 31px;
  font-size: 19px;
}

.btn-sm .icon {
  font-size: 25.8px;
  padding-right: 10px;
}

.btn-md {
  padding: 18px 34px;
  font-size: 20px;
}

@media (max-width: 1199px) {
  .btn-md {
    padding-left: 28px;
    padding-right: 28px;
  }
}

.btn-md .icon {
  font-size: 28.4px;
  padding-right: 10px;
}

.btn-lg {
  padding: 29px 40px;
  font-size: 20px;
}

.btn-lg .icon {
  font-size: 49.4px;
  padding-right: 20px;
}

.btn-xl {
  padding: 33px;
  font-size: 26px;
}

.btn-xl .icon {
  font-size: 47.25px;
  padding-right: 20px;
}

.btn-default,
.btn-primary {
  overflow: hidden;
}

.btn-default:before,
.btn-primary:before,
.link-rollover:before{
  content: '';
  position: absolute;
  top: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
  z-index: -1;
  background: #272d3b;
  transition: .4s all ease;
}

.btn-default:hover,
.btn-primary:hover,
.link-rollover:hover{
  color: #fff;
  text-decoration: none;
}

.btn-default:hover:before,
.btn-primary:hover:before,
.link-rollover:hover:before{
  top: 0;
  transition: 0.5s all cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.btn-default{
  overflow: hidden;
  color: #272d3b;
  background: transparent;
  border-color: #272d3b;
}

.link-rollover{
  position: relative;
  overflow: hidden;
}
.link-rollover > *{
	z-index: 100;
}

.btn-default:active {
  background: #272d3b;
  border-color: #272d3b;
}

.btn-primary {
  border: 0 solid #0097da;
}

.btn-primary, .btn-primary:focus {
  color: #0097da;
  background: #1f9ad9;
}

.btn-primary:hover {
  color: #272d3b;
}

.btn-primary:active {
  background: #272d3b;
}

.btn-group {
  -webkit-transform: translateY(-12px);
  transform: translateY(-12px);
  margin-bottom: -12px;
  margin-left: -13px;
}

.btn-group .btn {
  margin-top: 12px;
  margin-left: 11px;
}

/*
* @subsection   Icons
*/
.icon {
  display: inline-block;
  text-align: center;
}

.icon-xs {
  width: 30px;
  height: 30px;
  line-height: 26px;
  font-size: 18px;
}

.icon-sm {
  width: 60px;
  height: 63px;
  line-height: 63px;
  font-size: 20px;
}

.icon-md {
  width: 54.75px;
  height: 54.75px;
  line-height: 54.75px;
  font-size: 22px;
}

@media (min-width: 768px) {
  .icon-md {
    width: 73px;
    height: 73px;
    line-height: 73px;
  }
}

.icon-lg {
  width: 90px;
  height: 90px;
  line-height: 90px;
  font-size: 36px;
}

.icon-xl {
  width: 108px;
  height: 108px;
  line-height: 108px;
  font-size: 44px;
}

.icon-default {
  color: #3b3b3b;
  border-color: transparent;
}

.icon-primary {
  color: #272d3b;
  background: #0097da;
}

a.icon-primary:hover {
  background: #0097da;
}

.icon.fa-instagram {
  color: #272d3b;
  background: #0097da;
}

.icon.fa-instagram:hover {
  background: #0097da;
}

.icon.fa-facebook {
  color: #fff;
  background: #a0a7cc;
}

.icon.fa-facebook:hover {
  background: #828bbc;
}

.icon.fa-google-plus {
  color: #fff;
  background: #ff7e74;
}

.icon.fa-google-plus:hover {
  background: #ff5346;
}

.icon.fa-twitter {
  color: #fff;
  background: #62c9e0;
}

.icon.fa-twitter:hover {
  background: #3cbcd8;
}

/*
 * @subsection   Box
 */
/*
* @subsection Box
*/
.box__left {
  padding-bottom: 30px;
}

.box__right {
  padding-top: 30px;
}

.box-rtl {
  direction: rtl;
}

.box-rtl > .box__left {
  padding-right: 0;
  padding-left: 30px;
}

.box-rtl > .box__right {
  padding-right: 30px;
  padding-left: 0;
}

.box-ltr {
  direction: ltr;
}

.box-group, .box-group-outer > * {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.box > .box__left img, .box > .box__right img {
  max-width: none;
}

.box > .box__left,
.box > .box__right,
.box > .box__body {
  padding: 0;
  direction: ltr;
  display: table-cell;
  vertical-align: top;
}

.box > .box__left {
  padding-right: 30px;
  padding-bottom: 0;
}

.box > .box__right {
  padding-left: 30px;
  padding-top: 0;
}

@media (min-width: 480px) {
  html:not(.lt-ie10) .box-xs > .box__left img, html:not(.lt-ie10) .box-xs > .box__right img {
    max-width: none;
  }
  html:not(.lt-ie10) .box-xs > .box__left,
  html:not(.lt-ie10) .box-xs > .box__right,
  html:not(.lt-ie10) .box-xs > .box__body {
    display: table-cell;
    vertical-align: top;
  }
  html:not(.lt-ie10) .box-xs > .box__left {
    padding-right: 30px;
    padding-bottom: 0;
  }
  html:not(.lt-ie10) .box-xs > .box__right {
    padding-left: 30px;
    padding-top: 0;
  }
  html:not(.lt-ie10) .box-xs-clear > .box__left img, html:not(.lt-ie10) .box-xs-clear > .box__right img {
    max-width: 100%;
  }
  html:not(.lt-ie10) .box-xs-clear > .box__left,
  html:not(.lt-ie10) .box-xs-clear > .box__right,
  html:not(.lt-ie10) .box-xs-clear .box__body {
    padding: 0;
    display: block;
    vert-align: top;
  }
  html:not(.lt-ie10) .box-xs-clear > .box__left {
    padding-bottom: 30px;
  }
  html:not(.lt-ie10) .box-xs-clear > .box__right {
    padding-top: 30px;
  }
  html:not(.lt-ie10) .box-xs-rtl {
    direction: rtl;
  }
  html:not(.lt-ie10) .box-xs-rtl > .box__left {
    padding-right: 0;
    padding-left: 30px;
  }
  html:not(.lt-ie10) .box-xs-rtl > .box__right {
    padding-right: 30px;
    padding-left: 0;
  }
  html:not(.lt-ie10) .box-xs-ltr {
    direction: ltr;
  }
  html:not(.lt-ie10) .box-xs-ltr > .box__left {
    padding-right: 30px;
    padding-left: 0;
  }
  html:not(.lt-ie10) .box-xs-ltr > .box__right {
    padding-right: 0;
    padding-left: 30px;
  }
}

@media (min-width: 768px) {
  html:not(.lt-ie10) .box-sm > .box__left img, html:not(.lt-ie10) .box-sm > .box__right img {
    max-width: none;
  }
  html:not(.lt-ie10) .box-sm > .box__left,
  html:not(.lt-ie10) .box-sm > .box__right,
  html:not(.lt-ie10) .box-sm > .box__body {
    display: table-cell;
    vertical-align: top;
  }
  html:not(.lt-ie10) .box-sm > .box__left {
    padding-right: 30px;
    padding-bottom: 0;
  }
  html:not(.lt-ie10) .box-sm > .box__right {
    padding-left: 30px;
    padding-top: 0;
  }
  html:not(.lt-ie10) .box-sm-clear > .box__left img, html:not(.lt-ie10) .box-sm-clear > .box__right img {
    max-width: 100%;
  }
  /*html:not(.lt-ie10) .box-sm-clear > .box__left,*/
  /*html:not(.lt-ie10) .box-sm-clear > .box__right,*/
  /*html:not(.lt-ie10) .box-sm-clear .box__body {*/
    /*padding: 0;*/
    /*display: block;*/
    /*vert-align: top;*/
  /*}*/
  html:not(.lt-ie10) .box-sm-clear > .box__left {
    padding-bottom: 30px;
  }
  html:not(.lt-ie10) .box-sm-clear > .box__right {
    padding-top: 30px;
  }
  html:not(.lt-ie10) .box-sm-rtl {
    direction: rtl;
  }
  html:not(.lt-ie10) .box-sm-rtl > .box__left {
    padding-right: 0;
    padding-left: 30px;
  }
  html:not(.lt-ie10) .box-sm-rtl > .box__right {
    padding-right: 30px;
    padding-left: 0;
  }
  html:not(.lt-ie10) .box-sm-ltr {
    direction: ltr;
  }
  html:not(.lt-ie10) .box-sm-ltr > .box__left {
    padding-right: 30px;
    padding-left: 0;
  }
  html:not(.lt-ie10) .box-sm-ltr > .box__right {
    padding-right: 0;
    padding-left: 30px;
  }
}

@media (min-width: 992px) {
  html:not(.lt-ie10) .box-md > .box__left img, html:not(.lt-ie10) .box-md > .box__right img {
    max-width: none;
  }
  html:not(.lt-ie10) .box-md > .box__left,
  html:not(.lt-ie10) .box-md > .box__right,
  html:not(.lt-ie10) .box-md > .box__body {
    display: table-cell;
    vertical-align: top;
  }
  html:not(.lt-ie10) .box-md > .box__left {
    padding-right: 30px;
    padding-bottom: 0;
  }
  html:not(.lt-ie10) .box-md > .box__right {
    padding-left: 30px;
    padding-top: 0;
  }
  html:not(.lt-ie10) .box-md-clear > .box__left img, html:not(.lt-ie10) .box-md-clear > .box__right img {
    max-width: 100%;
  }
  html:not(.lt-ie10) .box-md-clear > .box__left,
  html:not(.lt-ie10) .box-md-clear > .box__right,
  html:not(.lt-ie10) .box-md-clear .box__body {
    padding: 0;
    display: block;
    vert-align: top;
  }
  html:not(.lt-ie10) .box-md-clear > .box__left {
    padding-bottom: 30px;
  }
  html:not(.lt-ie10) .box-md-clear > .box__right {
    padding-top: 30px;
  }
  html:not(.lt-ie10) .box-md-rtl {
    direction: rtl;
  }
  html:not(.lt-ie10) .box-md-rtl > .box__left {
    padding-right: 0;
    padding-left: 30px;
  }
  html:not(.lt-ie10) .box-md-rtl > .box__right {
    padding-right: 30px;
    padding-left: 0;
  }
  html:not(.lt-ie10) .box-md-ltr {
    direction: ltr;
  }
  html:not(.lt-ie10) .box-md-ltr > .box__left {
    padding-right: 30px;
    padding-left: 0;
  }
  html:not(.lt-ie10) .box-md-ltr > .box__right {
    padding-right: 0;
    padding-left: 30px;
  }
}

@media (min-width: 1200px) {
  html:not(.lt-ie10) .box-lg > .box__left img, html:not(.lt-ie10) .box-lg > .box__right img {
    max-width: none;
  }
  html:not(.lt-ie10) .box-lg > .box__left,
  html:not(.lt-ie10) .box-lg > .box__right,
  html:not(.lt-ie10) .box-lg > .box__body {
    display: table-cell;
    vertical-align: top;
  }
  html:not(.lt-ie10) .box-lg > .box__left {
    padding-right: 30px;
    padding-bottom: 0;
  }
  html:not(.lt-ie10) .box-lg > .box__right {
    padding-left: 30px;
    padding-top: 0;
  }
  html:not(.lt-ie10) .box-lg-clear > .box__left img, html:not(.lt-ie10) .box-lg-clear > .box__right img {
    max-width: 100%;
  }
  html:not(.lt-ie10) .box-lg-clear > .box__left,
  html:not(.lt-ie10) .box-lg-clear > .box__right,
  html:not(.lt-ie10) .box-lg-clear .box__body {
    padding: 0;
    display: block;
    vert-align: top;
  }
  html:not(.lt-ie10) .box-lg-clear > .box__left {
    padding-bottom: 30px;
  }
  html:not(.lt-ie10) .box-lg-clear > .box__right {
    padding-top: 30px;
  }
  html:not(.lt-ie10) .box-lg-rtl {
    direction: rtl;
  }
  html:not(.lt-ie10) .box-lg-rtl > .box__left {
    padding-right: 0;
    padding-left: 30px;
  }
  html:not(.lt-ie10) .box-lg-rtl > .box__right {
    padding-right: 30px;
    padding-left: 0;
  }
  html:not(.lt-ie10) .box-lg-ltr {
    direction: ltr;
  }
  html:not(.lt-ie10) .box-lg-ltr > .box__left {
    padding-right: 30px;
    padding-left: 0;
  }
  html:not(.lt-ie10) .box-lg-ltr > .box__right {
    padding-right: 0;
    padding-left: 30px;
  }
}

.box .box__middle, html:not(.lt-ie10) .box .box__middle, .box-xs .box__middle, html:not(.lt-ie10) .box-xs .box__middle, .box-sm .box__middle, html:not(.lt-ie10) .box-sm .box__middle, .box-md .box__middle, html:not(.lt-ie10) .box-md .box__middle, .box-lg .box__middle, html:not(.lt-ie10) .box-lg .box__middle {
  vertical-align: middle;
}

.box .box__bottom, html:not(.lt-ie10) .box .box__bottom, .box-xs .box__bottom, html:not(.lt-ie10) .box-xs .box__bottom, .box-sm .box__bottom, html:not(.lt-ie10) .box-sm .box__bottom, .box-md .box__bottom, html:not(.lt-ie10) .box-md .box__bottom, .box-lg .box__bottom, html:not(.lt-ie10) .box-lg .box__bottom {
  vertical-align: bottom;
}

.box-mod-1 .box__left {
  padding-right: 22px;
}

.row .box-mod-1{
	margin-bottom: 25px;
}

.box-mod-1 .box__body:not(.box__middle) {
  padding-top: 5px;
}

@media (max-width: 767px) {
  .box-mod-1 .box__body {
    max-width: 270px;
  }
}

/*
* @subsection   Quote
*/
/*
* @subsection   Pricing Box
*/
/*
* @subsection   Breadcrumbs
*/
/*
* @subsection   Post
*/
.post h6 + p,
.post .heading-6 + p {
  margin-top: 18px;
}

@media (min-width: 992px) {
  .post h6 + p,
  .post .heading-6 + p {
    margin-top: 25px;
  }
}

/*
* @subsection   Block adaptive
*/
.media-post img, .product img {
  width: 100%;
  max-width: 100%;
  height: auto;
  border: 1px solid #fff;
}

/*
* @subsection   Event post
*/
.event-post time {
  display: inline-block;
  padding: 21px;
  background: #0097da;
  color: #272d3b;
  font-weight: 700;
  line-height: 1;
}

.event-post time .small {
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .event-post time .small {
    font-size: 16px;
  }
}

@media (min-width: 992px) {
  .event-post time .small {
    font-size: 20px;
  }
}

@media (max-width: 991px) {
  .event-post .box__left {
    padding-bottom: 13px;
  }
}

/*
* @subsection   Media post
*/
.media-post a {
  position: relative;
  display: block;
}

.media-post a:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  pointer-events: none;
  /*background: rgba(0, 0, 0, 0.2);*/
  opacity: 0;
  transition: .33s all;
}

.media-post a:hover:before {
  opacity: 1;
}

/*
* @subsection   News post
*/
.news-post .big, .news-post .media-post p, .media-post .news-post p, .news-post .product p, .product .news-post p {
  color: #3b3b3b;
}

.news-post .big time, .news-post .media-post p time, .media-post .news-post p time, .news-post .product p time, .product .news-post p time {
  display: inline-block;
  font: inherit;
}

.news-post .big + p, .news-post .media-post p + p, .media-post .news-post p + p, .news-post .product p + p, .product .news-post p + p {
  margin-top: 15px;
}

.news-post * + .btn {
  margin-top: 22px;
}

@media (min-width: 992px) {
  .news-post * + .btn {
    margin-top: 42px;
  }
}

/*
* @subsection   Product
*/
.product * + h5,
.product * + .heading-5 {
  margin-top: 15px;
}

@media (min-width: 992px) {
  .product * + h5,
  .product * + .heading-5 {
    margin-top: 39px;
  }
}

/*
* @subsection   Booking box
*/
.booking-box{
	padding-right: 30px;
}
.booking-box img {
  width: 100%;
  max-width: 100%;
  height: auto;
  border: 0px solid #fff;
}

.booking-box * + h5,
.booking-box * + .heading-5 {
  margin-top: 18px;
}

@media (min-width: 992px) {
  .booking-box * + h5,
  .booking-box * + .heading-5 {
    margin-top: 37px;
  }
}

.booking-box address, .booking-box time {
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
  color: #3b3b3b;
}

.booking-box * + address {
  margin-top: 11px;
}

.booking-box * + p {
  margin-top: 20px;
}

.booking-box * + .btn {
  margin-top: 20px;
}

.booking-box address + time {
  margin-top: 8px;
}

@media (min-width: 992px) {
  .booking-box address, .booking-box time {
    font-size: 18px;
  }
  .booking-box * + .btn {
    margin-top: 43px;
  }
}

/*
* @subsection   List
*/
.list li + li {
  margin-top: 10px;
}

/*
* @subsection   Inline List
*/
.inline-list {
  -webkit-transform: translateY(-30px);
  transform: translateY(-30px);
  margin-bottom: -30px;
  margin-left: -7px;
}

.inline-list > li {
  display: inline-block;
  margin-top: 30px;
  margin-left: 7px;
}

.inline-list > li > a {
  border-radius: 50%;
}

.inline-list > li a, .inline-list > li a:active, .inline-list > li a:focus, .inline-list > li a:hover {
  color: #fff;
}

/*
* @subsection   Marked List
*/
.marked-list {
  text-align: left;
}

.marked-list > li {
  position: relative;
  padding-left: 30px;
}

.marked-list > li:before {
  content: "\f105";
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 400;
  font-size: 1em;
  font-family: 'FontAwesome';
  color: #0097da;
}

.marked-list > li + li {
  margin-top: 10px;
}

.marked-list > li > a:hover {
  color: #0097da;
}

/*
* @subsection   Index List
*/
.index-list {
  counter-reset: li;
}

.index-list > li > .index-list__counter:before {
  content: counter(li, decimal-leading-zero) ".";
  counter-increment: li;
}

/*
* @subsection   Ordered List
*/
.ordered-list > li {
  padding-left: 20px;
  list-style-type: decimal;
}

/*
* @subsection   Terms  List
*/
.terms-list > dt + dd {
  margin-top: 10px;
}

.terms-list > dd + dt {
  margin-top: 37px;
}

/*
* @subsection   Contact Info
*/
.contact-info dl dt, .contact-info dl dd {
  display: inline-block;
}

.contact-info dl dt:after {
  content: ':';
}

.contact-info dl dt {
  min-width: 80px;
}

/*
* @subsection   Counter
*/
/*
* @subsection   Thumb
*/
.thumb-wrap {
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
  margin-bottom: -4px;
  margin-left: -3px;
}

.thumb-wrap > * {
  display: inline-block;
  max-width: 91px;
}

.thumb-wrap .thumb {
  margin-top: 4px;
  margin-left: 3px;
}

.thumb {
  position: relative;
  display: block;
  overflow: hidden;
  border: 1px solid #fff;
}

.thumb > img {
  width: 100%;
}

.thumb-overlay {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(59, 59, 59, 0.5);
  opacity: 0;
  text-align: center;
  transition: .3s all ease;
}

.thumb-overlay > * {
  vertical-align: middle;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  transition: .3s all ease;
}

.thumb-overlay:before {
  content: '';
  display: inline-block;
  height: 50%;
}

.thumb:hover .thumb-overlay {
  opacity: 1;
}

.thumb:hover .thumb-overlay > * {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.page .page-content .thumb-video {
  position: relative;
  max-width: 100%;
}

.page .page-content .thumb-video, .page .page-content .thumb-video:active, .page .page-content .thumb-video:focus, .page .page-content .thumb-video:hover {
  text-decoration: none;
}

.page .page-content .thumb-video:before {
  content: '\f04b';
  position: absolute;
  top: 50%;
  left: 50%;
  font-family: 'FontAwesome';
  font-size: 60px;
  line-height: 1;
  color: #fff;
  will-change: transform;
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  z-index: 2;
  transition: .4s all ease;
}

@media (min-width: 768px) {
  .page .page-content .thumb-video:before {
    font-size: 70px;
  }
}

@media (min-width: 992px) {
  .page .page-content .thumb-video:before {
    font-size: 100px;
  }
}

.page .page-content .thumb-video:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 1;
  
  transition: .4s all ease;
}

.page .page-content .thumb-video:hover:before {
  -webkit-transform: translate(-50%, -50%) scale(1.2);
  transform: translate(-50%, -50%) scale(1.2);
  transition: 0.5s all cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.page .page-content .thumb-video:hover:after {
  /*background: rgba(0, 0, 0, 0.35); */
}

.page .page-content .thumb-video img {
  border: 1px solid #fff;
}

/*
* @subsection   Link
*/
.link {
  cursor: pointer;
  transition: .22s all ease-out;
}

.link-variant-1 {
  margin-top: 0;
  text-decoration: underline;
}

.link-variant-1, .link-variant-1:active, .link-variant-1:focus {
  color: #0097da;
}

.link-variant-1:hover {
  color: #272d3b;
}

.link-variant-2 {
  display: inline-block;
  width: 43px;
  height: 43px;
  border-radius: 50%;
  border: 1px solid #adadad;
  text-align: center;
}

.link-variant-2:before {
  content: '\f105';
  position: relative;
  right: -1px;
  font-family: 'FontAwesome';
  font-size: 20px;
  line-height: 41px;
  color: #adadad;
}

.link-variant-2:hover {
  border-color: #272d3b;
  background: #272d3b;
}

.link-variant-2:hover:before {
  color: #fff;
}

/*
* @subsection   Video
*/
.video {
  position: relative;
  padding-bottom: 59.64912%;
}

.video > iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/*
* @subsection   Custom row
*/
@media (min-width: 992px) {
  .custom-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .custom-row > *:last-child {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 30px;
  }
}

/*
* @section      Extensions
* @description  This section holds some of style declarations for necessary
*               scripts
*/
/*
* @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
* @version      2.0.0
*/
@-webkit-keyframes rd-navbar-slide-down {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes rd-navbar-slide-down {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes rd-navbar-slide-up {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

@keyframes rd-navbar-slide-up {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

/*
* @subsection General Styles
*/
.rd-navbar-wrap {
  transition: 0.3s 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-collapse-toggle {
  display: inline-block;
  position: relative;
  width: 48px;
  height: 48px;
  line-height: 48px;
  cursor: pointer;
  color: #fff;
  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: #fff;
  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 {
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
}

.rd-navbar-collapse-toggle.active span:before {
  -webkit-transform: translateY(18px);
  transform: translateY(18px);
}

.rd-navbar-collapse-toggle.active span:after {
  -webkit-transform: translateY(-18px);
  transform: translateY(-18px);
}

.rd-navbar--has-sidebar body {
  padding-left: 270px;
}

.rd-navbar--is-stuck {
  border-bottom: 1px solid #454757;
}

.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.rd-navbar--is-stuck.rd-navbar--loading {
  visibility: hidden;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

/*
* Navbar components
*/
.rd-navbar {
  display: none;
  background: #272d3b;
}

.rd-navbar-toggle {
  display: inline-block;
  position: relative;
  width: 48px;
  height: 48px;
  line-height: 48px;
  cursor: pointer;
  color: #fff;
  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: #fff;
  backface-visibility: hidden;
  border-radius: 2px;
}

.rd-navbar-toggle span {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.rd-navbar-toggle span:before, .rd-navbar-toggle span:after {
  -webkit-transform-origin: 1.71429px center;
  transform-origin: 1.71429px center;
  -webkit-transform-origin: 1.71429px center;
  transform-origin: 1.71429px center;
}

.rd-navbar-toggle.active span {
  -webkit-transform: rotate(360deg);
  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-brand {
  position: relative;
  display: inline-block;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
}

.rd-navbar-brand .brand-name {
  text-transform: uppercase;
}

.rd-navbar-brand .brand-slogan {
  font-size: 20px;
  line-height: .2;
}

.rd-navbar-brand .brand-slogan, .rd-navbar-brand .brand-slogan:active, .rd-navbar-brand .brand-slogan:focus, .rd-navbar-brand .brand-slogan:hover {
  color: #0097da;
}

.rd-navbar-nav li > a {
  font-family: "Open Sans", sans-serif;
}

.rd-navbar-nav > li > a ul.rd-navbar-dropdown {
  font-size: 22px;
}

.rd-navbar-nav > li > a ul.rd-navbar-megamenu {
  font-size: 14px;
}

@media (min-width: 768px) {
  .rd-navbar-nav > li > a,ul.rd-navbar-megamenu {
    font-size: 16px;
  }
}

.rd-navbar-dropdown {
  display: none;
}

.rd-navbar-dropdown .rd-navbar-dropdown {
  opacity: 0;
  display: block;
  transition: .33s all ease-out;
}

























@media (min-width: 1200px) {
}



/*
* @subsection   Hybrid  Styles
*/
.rd-navbar-static, .rd-navbar-sidebar, .rd-navbar-fullwidth {
  position: relative;
  z-index: 10;
}








.rd-navbar-static:after, .rd-navbar-fullwidth:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: #272d3b;
  z-index: 1;
}

.rd-navbar-static .rd-navbar-brand,
.rd-navbar-static .rd-navbar-nav > li > a,
.rd-navbar-fullwidth .rd-navbar-brand,
.rd-navbar-fullwidth .rd-navbar-nav > li > a {
  position: relative;
  z-index: 2;
}


.rd-navbar-static .rd-navbar-nav > li > a, .rd-navbar-fullwidth .rd-navbar-nav > li > a {
  display: inline;
  font-size: 26px;
  line-height: 34px;
}

@media (max-width: 1200px) {
	.rd-navbar-static .rd-navbar-nav > li > a, .rd-navbar-fullwidth .rd-navbar-nav > li > a {
		font-size: 20px !important;
	}
}

.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-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: #adadad;
  font-weight: 400;
}

.rd-navbar-static .rd-navbar-nav > li > a:hover, .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover {
  font-weight: 400;
}

.rd-navbar-static .rd-navbar-nav > li.focus > a, .rd-navbar-static .rd-navbar-nav > li > a:hover, .rd-navbar-static .rd-navbar-nav > li.active > a, .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a, .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover, .rd-navbar-fullwidth .rd-navbar-nav > li.active > a {
  color: #fff;
}

.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-fullwidth .rd-navbar-nav > .rd-navbar-submenu > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > .rd-navbar-submenu > .rd-navbar-megamenu {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}

.rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .rd-navbar-fullwidth .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.rd-navbar-static .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.focus > .rd-navbar-dropdown {
  display: block;
  opacity: 1;
}

.rd-navbar-static .rd-navbar-inner, .rd-navbar-fullwidth .rd-navbar-inner {
  position: relative;
  max-width: 1200px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}

.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown {
  display: block;
  position: absolute;
  text-align: left;
  min-width: 180px;
  background: #272d3b;
  z-index: 5;
}

.rd-navbar-static .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-dropdown {
  background: #272d3b;
  padding: 20px 0;
  border: 1px solid #454757;
}

.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-fullwidth .rd-navbar-dropdown li > a, .rd-navbar-fullwidth .rd-navbar-dropdown li > a:active, .rd-navbar-fullwidth .rd-navbar-dropdown li > a:focus {
  font-weight: 400;
}

.rd-navbar-static .rd-navbar-dropdown li > a:hover, .rd-navbar-fullwidth .rd-navbar-dropdown li > a:hover {
  font-weight: 400;
}

.rd-navbar-static .rd-navbar-dropdown .rd-navbar--has-dropdown, .rd-navbar-fullwidth .rd-navbar-dropdown .rd-navbar--has-dropdown {
  position: relative;
}

.rd-navbar-static .rd-navbar-dropdown .rd-navbar--has-dropdown .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-dropdown .rd-navbar--has-dropdown .rd-navbar-dropdown {
  position: absolute;
  top: 0;
  left: 100%;
  margin-top: -20px;
  margin-left: 4px;
  min-width: 190px;
  background: #272d3b;
}

.rd-navbar-static .rd-navbar-dropdown > li, .rd-navbar-fullwidth .rd-navbar-dropdown > li {
  padding: 5px 34px;
}

.rd-navbar-static .rd-navbar-dropdown > li > a, .rd-navbar-fullwidth .rd-navbar-dropdown > li > a {
  font-size: 18px;
  line-height: 1.2;
	white-space: nowrap;
  display: inline;
  color: #adadad;
  background: transparent;
}

.rd-navbar-static .rd-navbar-dropdown > li > a:hover, .rd-navbar-fullwidth .rd-navbar-dropdown > li > a:hover {
  color: #0097da;
  background: transparent;
}

.rd-navbar-static .rd-navbar-dropdown > li.focus > a, .rd-navbar-fullwidth .rd-navbar-dropdown > li.focus > a {
  color: #0097da;
  background: transparent;
}

.rd-navbar-static .rd-navbar-megamenu, .rd-navbar-fullwidth .rd-navbar-megamenu {
  position: absolute;
  display: table;
  padding: 65px 64px;
  width: 100%;
  margin-top: 39px;
  max-width: 800px;
  background: #adadad;
  text-align: left;
  z-index: 4;
}

.rd-navbar-static .rd-navbar-megamenu:before, .rd-navbar-fullwidth .rd-navbar-megamenu:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  display: block;
  width: 700px;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  background: inherit;
}

.rd-navbar-static .rd-navbar-megamenu > li, .rd-navbar-fullwidth .rd-navbar-megamenu > li {
  position: relative;
  display: table-cell;
}

.rd-navbar-static .rd-navbar-megamenu > li > ul, .rd-navbar-fullwidth .rd-navbar-megamenu > li > ul {
  padding: 8px 9px;
}

.rd-navbar-static .rd-navbar-megamenu > li > ul li + li, .rd-navbar-fullwidth .rd-navbar-megamenu > li > ul li + li {
  margin-top: 10px;
}

.rd-navbar-static .rd-navbar-megamenu > li > ul a, .rd-navbar-fullwidth .rd-navbar-megamenu > li > ul a {
  color: #fff;
}

.rd-navbar-static .rd-navbar-megamenu > li > ul a:hover, .rd-navbar-fullwidth .rd-navbar-megamenu > li > ul a:hover {
  color: #0097da;
}

.rd-navbar-static .rd-navbar-megamenu > li + li, .rd-navbar-fullwidth .rd-navbar-megamenu > li + li {
  padding-left: 5px;
}

.rd-navbar-static.rd-navbar--is-clone, .rd-navbar-fullwidth.rd-navbar--is-clone {
  display: none;
  -webkit-transform: translateY(-120%);
  transform: translateY(-120%);
}

.rd-navbar-static.rd-navbar--is-clone.rd-navbar--is-stuck, .rd-navbar-fullwidth.rd-navbar--is-clone.rd-navbar--is-stuck {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.rd-navbar-static.rd-navbar--is-clone.rd-navbar--is-stuck .rd-navbar-panel, .rd-navbar-fullwidth.rd-navbar--is-clone.rd-navbar--is-stuck .rd-navbar-panel {
  padding-top: 0;
}

.rd-navbar-static.rd-navbar--is-clone.rd-navbar--is-stuck .rd-navbar-dropdown .rd-navbar-dropdown, .rd-navbar-fullwidth.rd-navbar--is-clone.rd-navbar--is-stuck .rd-navbar-dropdown .rd-navbar-dropdown {
  margin-top: -21px;
}














.rd-navbar-static.rd-navbar--is-stuck, .rd-navbar-static.rd-navbar--is-clone, .rd-navbar-fullwidth.rd-navbar--is-stuck, .rd-navbar-fullwidth.rd-navbar--is-clone {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 999;
}

.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-collapse, .rd-navbar-static.rd-navbar--is-clone .rd-navbar-collapse, .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-collapse, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-collapse {
  display: none;
}

.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-panel, .rd-navbar-static.rd-navbar--is-clone .rd-navbar-panel, .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-panel, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-panel {
  padding-top: 5px;
}

.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-panel .rd-navbar-brand, .rd-navbar-static.rd-navbar--is-clone .rd-navbar-panel .rd-navbar-brand, .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-panel .rd-navbar-brand, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-panel .rd-navbar-brand {
  margin-bottom: 10px;
}

.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-panel .rd-navbar-brand .brand-name, .rd-navbar-static.rd-navbar--is-clone .rd-navbar-panel .rd-navbar-brand .brand-name, .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-panel .rd-navbar-brand .brand-name, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-panel .rd-navbar-brand .brand-name {
  font-size: 40px;
}

.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-panel .rd-navbar-brand .brand-slogan, .rd-navbar-static.rd-navbar--is-clone .rd-navbar-panel .rd-navbar-brand .brand-slogan, .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-panel .rd-navbar-brand .brand-slogan, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-panel .rd-navbar-brand .brand-slogan {
  font-size: 12px;
}

.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav, .rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav, .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav {
  margin-bottom: 3px;
}

.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > li > a, .rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > li > a, .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > li > a, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > li > a {
  font-size: 22px;
}

.rd-navbar-static .rd-navbar--has-dropdown, .rd-navbar-fullwidth .rd-navbar--has-dropdown {
  position: relative;
}

.rd-navbar-static.rd-navbar--is-clone, .rd-navbar-fullwidth.rd-navbar--is-clone {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.rd-navbar-fixed .rd-navbar-collapse-toggle, .rd-navbar-sidebar .rd-navbar-collapse-toggle {
  display: inline-block;
  z-index: 1;
}

.rd-navbar-fixed .rd-navbar-dropdown, .rd-navbar-sidebar .rd-navbar-dropdown {
  display: block;
}

.rd-navbar-fixed .rd-navbar-collapse-items, .rd-navbar-sidebar .rd-navbar-collapse-items {
  position: absolute;
  width: 260px;
  padding: 25px 15px;
  box-shadow: none;
  color: #adadad;
  background: #272d3b;
  font-size: 16px;
  line-height: 34px;
}

.rd-navbar-fixed .rd-navbar-collapse-items li > *, .rd-navbar-sidebar .rd-navbar-collapse-items li > * {
  vertical-align: middle;
}

.rd-navbar-fixed .rd-navbar-collapse-items li + li, .rd-navbar-sidebar .rd-navbar-collapse-items li + li {
  margin-top: 10px;
}

.rd-navbar-fixed .rd-navbar-collapse-items .icon, .rd-navbar-fixed .rd-navbar-collapse-items a, .rd-navbar-sidebar .rd-navbar-collapse-items .icon, .rd-navbar-sidebar .rd-navbar-collapse-items a {
  display: inline-block;
  font-size: 16px;
  line-height: 30px;
}

.rd-navbar-fixed .rd-navbar-collapse-items .icon, .rd-navbar-fixed .rd-navbar-collapse-items a[class*="fa"]:before, .rd-navbar-sidebar .rd-navbar-collapse-items .icon, .rd-navbar-sidebar .rd-navbar-collapse-items a[class*="fa"]:before {
  display: inline-block;
  width: 30px;
  height: 30px;
  padding-right: 5px;
}

.rd-navbar-fixed .rd-navbar-nav,
.rd-navbar-sidebar {
  position: fixed;
  width: 270px;
  height: 100%;
  left: 0;
  top: 0;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  font-size: 20px;
  line-height: 34px;
  color: #adadad;
  background: #272d3b;
  border-right: 1px solid #454757;
  z-index: 998;
  padding: 10px 4px;
}

.rd-navbar-fixed .rd-navbar-nav:before, .rd-navbar-fixed .rd-navbar-nav:after,
.rd-navbar-sidebar:before,
.rd-navbar-sidebar:after {
  content: '';
  display: block;
  height: 56px;
}

.rd-navbar-fixed .rd-navbar-nav::-webkit-scrollbar,
.rd-navbar-sidebar::-webkit-scrollbar {
  width: 4px;
}

.rd-navbar-fixed .rd-navbar-nav::-webkit-scrollbar-thumb,
.rd-navbar-sidebar::-webkit-scrollbar-thumb {
  background: #4d5063;
  border: none;
  border-radius: 0;
  opacity: .2;
}

.rd-navbar-fixed .rd-navbar-nav::-webkit-scrollbar-track,
.rd-navbar-sidebar::-webkit-scrollbar-track {
  background: #272d3b;
  border: none;
  border-radius: 0;
}

.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-sidebar .rd-navbar-nav li:hover > .rd-navbar-submenu-toggle,
.rd-navbar-sidebar .rd-navbar-nav li.focus > .rd-navbar-submenu-toggle {
  color: #0097da;
}

.rd-navbar-fixed .rd-navbar-nav li:hover > .rd-navbar-submenu-toggle:hover, .rd-navbar-fixed .rd-navbar-nav li.focus > .rd-navbar-submenu-toggle:hover,
.rd-navbar-sidebar .rd-navbar-nav li:hover > .rd-navbar-submenu-toggle:hover,
.rd-navbar-sidebar .rd-navbar-nav li.focus > .rd-navbar-submenu-toggle:hover {
  cursor: pointer;
}

.rd-navbar-fixed .rd-navbar-nav li .rd-navbar-dropdown,
.rd-navbar-fixed .rd-navbar-nav li .rd-navbar-megamenu,
.rd-navbar-sidebar .rd-navbar-nav li .rd-navbar-dropdown,
.rd-navbar-sidebar .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.active > .rd-navbar-submenu-toggle,
.rd-navbar-sidebar .rd-navbar-nav li.active > .rd-navbar-submenu-toggle {
  color: #272d3b;
}

.rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-dropdown,
.rd-navbar-fixed .rd-navbar-nav li.opened > .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;
  height: auto;
}

.rd-navbar-fixed .rd-navbar-nav li.opened > a,
.rd-navbar-sidebar .rd-navbar-nav li.opened > a {
  color: #272d3b;
  background: #0097da;
}

.rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle,
.rd-navbar-sidebar .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle {
  color: #0097da;
}

.rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle::after,
.rd-navbar-sidebar .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.rd-navbar-fixed .rd-navbar-nav li,
.rd-navbar-sidebar .rd-navbar-nav li {
  position: relative;
}

.rd-navbar-fixed .rd-navbar-nav li li > a,
.rd-navbar-sidebar .rd-navbar-nav li li > a {
  padding-left: 20px;
}

.rd-navbar-fixed .rd-navbar-nav li > a,
.rd-navbar-sidebar .rd-navbar-nav li > a {
  position: relative;
  display: block;
  padding: 5px 45px 5px 15px;
}

.rd-navbar-fixed .rd-navbar-nav li > a, .rd-navbar-fixed .rd-navbar-nav li > a:active, .rd-navbar-fixed .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: #adadad;
}

.rd-navbar-fixed .rd-navbar-nav li.active > a,
.rd-navbar-fixed .rd-navbar-nav li.focus > a,
.rd-navbar-fixed .rd-navbar-nav li > a:hover,
.rd-navbar-sidebar .rd-navbar-nav li.active > a,
.rd-navbar-sidebar .rd-navbar-nav li.focus > a,
.rd-navbar-sidebar .rd-navbar-nav li > a:hover {
  color: #272d3b;
  background: #0097da;
}

.rd-navbar-fixed .rd-navbar-nav li + li,
.rd-navbar-sidebar .rd-navbar-nav li + li {
  margin-top: 5px;
}

.rd-navbar-fixed .rd-navbar-nav .rd-navbar-submenu li > a:hover,
.rd-navbar-sidebar .rd-navbar-nav .rd-navbar-submenu li > a:hover {
  background: #fbd560;
}

.rd-navbar-fixed .rd-navbar-nav .rd-navbar-submenu-toggle::after,
.rd-navbar-sidebar .rd-navbar-nav .rd-navbar-submenu-toggle::after {
  content: '\f078';
  position: absolute;
  top: 22px;
  right: 0px;
  margin-top: -22px;
  width: 65px;
  height: 44px;
  font: 400 14px 'FontAwesome';
  line-height: 42px;
  text-align: center;
  transition: 0.4s all ease;
  z-index: 2;
}

.rd-navbar-fixed .rd-navbar-nav .rd-navbar-dropdown > li > a,
.rd-navbar-sidebar .rd-navbar-nav .rd-navbar-dropdown > li > a {
  padding-left: 25px;
}

.rd-navbar-fixed .rd-navbar-nav .rd-navbar-dropdown ul > li > a,
.rd-navbar-sidebar .rd-navbar-nav .rd-navbar-dropdown ul > li > a {
  padding-left: 35px;
}

.rd-navbar-fixed .rd-navbar-nav .rd-navbar-megamenu,
.rd-navbar-sidebar .rd-navbar-nav .rd-navbar-megamenu {
  background: #fcfcfc;
}

.rd-navbar-fixed .rd-navbar-nav .rd-navbar-megamenu .list > li > a,
.rd-navbar-sidebar .rd-navbar-nav .rd-navbar-megamenu .list > li > a {
  font-size: 16px;
  line-height: 1.8;
}

.rd-navbar-fixed .rd-navbar-nav .rd-navbar-megamenu .list > li > a, .rd-navbar-fixed .rd-navbar-nav .rd-navbar-megamenu .list > li > a:active, .rd-navbar-fixed .rd-navbar-nav .rd-navbar-megamenu .list > li > a:focus,
.rd-navbar-sidebar .rd-navbar-nav .rd-navbar-megamenu .list > li > a,
.rd-navbar-sidebar .rd-navbar-nav .rd-navbar-megamenu .list > li > a:active,
.rd-navbar-sidebar .rd-navbar-nav .rd-navbar-megamenu .list > li > a:focus {
  color: #fff;
}

.rd-navbar-fixed .rd-navbar-nav .rd-navbar-megamenu .list > li > a:hover,
.rd-navbar-sidebar .rd-navbar-nav .rd-navbar-megamenu .list > li > a:hover {
  color: #adadad;
}

.rd-navbar-fixed .rd-navbar-nav .rd-navbar-megamenu > li + li,
.rd-navbar-sidebar .rd-navbar-nav .rd-navbar-megamenu > li + li {
  margin-top: 15px;
}


/*
* Static Layout
*/
.rd-navbar-static-linked .page-header-big .rd-navbar-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.rd-navbar-static {
  display: block;
}

.rd-navbar-static .rd-navbar-panel {
  text-align: left;
}

.rd-navbar-static .rd-navbar-nav {
  margin-left: -47px;
}

.rd-navbar-static .rd-navbar-nav > li {
  display: inline-block;
  margin-left: 42px;
}

.rd-navbar-static .rd-navbar-nav .rd-navbar-dropdown {
  margin-top: 39px;
  left: -34px;
}

.rd-navbar-static .rd-navbar-nav .rd-navbar-megamenu {
  right: 15px;
  width: 800px;
}

.rd-navbar-static .rd-navbar-inner, .rd-navbar-fullwidth .rd-navbar-inner{
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
	align-items: center;
}

.rd-navbar-static:not(.rd-navbar--is-clone) .rd-navbar-inner {
  padding: 42px 35px 50px 35px;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media (min-width: 1600px) {
  .rd-navbar-static:not(.rd-navbar--is-clone) .rd-navbar-inner {
    padding: 42px 15px 50px 15px;
  }
}

.rd-navbar-static:not(.rd-navbar--is-clone) .rd-navbar-nav-wrap {
  padding: 10px 0;
}

.rd-navbar-static:not(.rd-navbar--is-clone) .rd-navbar-nav > li > .rd-navbar-dropdown {
  margin-top: 59px;
}

.rd-navbar-static.rd-navbar--is-clone .rd-navbar-inner, .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-inner {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 50px;
}

@media (min-width: 1600px) {
  .rd-navbar-static.rd-navbar--is-clone .rd-navbar-inner, .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-inner {
    padding: 8px 15px;
  }
}

.rd-navbar-static.rd-navbar--is-clone .rd-navbar-inner .rd-navbar-nav > li + li, .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-inner .rd-navbar-nav > li + li {
  margin-left: 60px;
}

.rd-navbar-static.rd-navbar--is-clone .rd-navbar-dropdown,
.rd-navbar-static.rd-navbar--is-clone .rd-navbar-megamenu, .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-dropdown,
.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-megamenu {
  margin-top: 18px;
}

.rd-navbar-static .rd-navbar-static--visible {
  display: block;
}

.rd-navbar-static .rd-navbar-static--hidden {
  display: none;
}

/*
* Fullwidth Layout
*/
.rd-navbar-fullwidth-linked .page-header-big .rd-navbar-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.rd-navbar-fullwidth {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.rd-navbar-fullwidth .rd-navbar-panel .rd-navbar-brand .brand-name {
  font-size: 60px;
  line-height: 1.2;
}

.rd-navbar-fullwidth .rd-navbar-panel .rd-navbar-brand .brand-slogan {
  font-size: 17px;
}

.rd-navbar-fullwidth .rd-navbar-nav-wrap {
  position: relative;
}

.rd-navbar-fullwidth .rd-navbar-nav-wrap .rd-navbar-dropdown {
  margin-top: 25px;
}

.rd-navbar-fullwidth .rd-navbar-nav-wrap .rd-navbar-megamenu {
  margin-top: 15px;
  left: 0;
  right: 0;
}


.rd-navbar-fullwidth .rd-navbar-nav {
  width: 100%;
  display: table;
  table-layout: fixed;
}

.rd-navbar-fullwidth .rd-navbar-nav > li {
  display: table-cell;
  padding: 16px;
}

.rd-navbar-fullwidth .rd-navbar-nav > li > a {
  text-align: center;
}



.rd-navbar-fullwidth:not(.rd-navbar--is-stuck) .rd-navbar-nav-wrap {
  padding: 10px 0;
}

.rd-navbar-fullwidth.rd-navbar--is-stuck {
  -webkit-transform: translateY(-120px);
  transform: translateY(-120px);
  border-bottom: 1px solid #454757;
}

.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav .rd-navbar-dropdown {
  margin-top: 19px;
}

.rd-navbar-fullwidth .rd-navbar-fullwidth--visible {
  display: block;
}

.rd-navbar-fullwidth .rd-navbar-fullwidth--hidden {
  display: none;
}

/*
* Fixed Layout
*/
html.rd-navbar-fixed-linked body {
  padding-top: 56px;
}

.rd-navbar-fixed {
  display: block;
}

.rd-navbar-fixed .rd-navbar-brand {
  position: relative;
  display: inline-block;
  padding-left: 4px;
  width: auto;
}

.rd-navbar-fixed .rd-navbar-brand .brand-name {
  display: inline-block;
  font-size: 24px;
  line-height: 48px;
}

.rd-navbar-fixed .rd-navbar-brand .brand-slogan {
  display: none;
}

.rd-navbar-fixed .rd-navbar-panel {
  display: flex;
	align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  padding: 4px;
  height: 56px;
  color: #adadad;
  border-bottom: 1px solid #454757;
  z-index: 999;
}

.rd-navbar-fixed .rd-navbar-panel:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #272d3b;
}

.rd-navbar-fixed .rd-navbar-toggle {
  display: inline-block;
}

.rd-navbar-fixed .rd-navbar-collapse {
  right: 4px;
  z-index: 1000;
}

.rd-navbar-fixed .rd-navbar-collapse-items {
  top: 100%;
  right: 0;
  margin-top: 8px;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
  visibility: hidden;
}

.rd-navbar-fixed .rd-navbar-collapse.active .rd-navbar-collapse-items {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}










@media (min-width: 992px) {
}

@media (min-width: 480px) {
}

.rd-navbar-fixed .rd-navbar-nav {
  -webkit-transform: translateX(-270px);
  transform: translateX(-270px);
}

.rd-navbar-fixed .rd-navbar-nav li:hover > a, .rd-navbar-fixed .rd-navbar-nav li:hover > a:hover, .rd-navbar-fixed .rd-navbar-nav li.focus > a, .rd-navbar-fixed .rd-navbar-nav li.focus > a:hover {
  color: #272d3b;
  background: #0097da;
}

.rd-navbar-fixed .rd-navbar-nav li:hover > .rd-navbar-submenu-toggle, .rd-navbar-fixed .rd-navbar-nav li.focus > .rd-navbar-submenu-toggle {
  color: #272d3b;
}

.rd-navbar-fixed .rd-navbar-nav li:hover > .rd-navbar-submenu-toggle:hover, .rd-navbar-fixed .rd-navbar-nav li.focus > .rd-navbar-submenu-toggle:hover {
  cursor: pointer;
  color: #272d3b;
}

.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,
.rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-megamenu {
  margin-top: 4px;
  padding-bottom: 4px;
  opacity: 1;
  height: auto;
}

.rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle {
  color: #272d3b;
}

.rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.rd-navbar-fixed .rd-navbar-nav .rd-navbar-submenu-toggle::after {
  content: '\f078';
  position: absolute;
  top: 22px;
  right: 0px;
  margin-top: -22px;
  width: 65px;
  height: 44px;
  font: 400 14px 'FontAwesome';
  line-height: 42px;
  text-align: center;
  transition: 0.4s all ease;
  z-index: 2;
}


.rd-navbar-fixed.active .rd-navbar-nav {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

@media (max-width: 1199px) {
  .rd-navbar-fixed.rd-navbar--on-search .brand-name {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
}

.rd-navbar-fixed.rd-navbar--is-clone {
  display: none;
}

.rd-navbar-fixed.rd-navbar--is-clone .rd-navbar-panel {
  -webkit-transform: translateY(-110%);
  transform: translateY(-110%);
}

.rd-navbar-fixed.rd-navbar--is-clone.rd-navbar--is-stuck .rd-navbar-panel {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.rd-navbar-fixed .rd-navbar-fixed--visible {
  display: block;
}

.rd-navbar-fixed .rd-navbar-fixed--hidden {
  display: none;
}

/*
* Sidebar Layout
*/
html.rd-navbar-sidebar-linked body {
  padding-left: 270px;
}

.rd-navbar-sidebar {
  display: block;
}

.rd-navbar-sidebar .rd-navbar-brand {
  text-align: center;
  margin-bottom: 28px;
  padding: 10%;
}

.rd-navbar-sidebar .rd-navbar-brand .brand-name {
  font-size: 30px;
}








.rd-navbar-sidebar .rd-navbar-collapse-items {
  top: 0;
  left: 0;
  padding-top: 45px;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  opacity: 0;
  visibility: hidden;
}

.rd-navbar-sidebar .rd-navbar-collapse {
  position: absolute;
  top: 4px;
  left: 4px;
  display: inline-block;
  z-index: 1;
}

.rd-navbar-sidebar .rd-navbar-collapse.active .rd-navbar-collapse-items {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.rd-navbar-sidebar .rd-navbar-sidebar--visible {
  display: block;
}

.rd-navbar-sidebar .rd-navbar-sidebar--hidden {
  display: none;
}

/*
* @subsection   Page boxed layout style redeclaration
*
* @description  Redefines navbar style inside boxed layout
*
* @see          ../modules/_page-layouts.scss
*/
html.boxed.rd-navbar--has-sidebar body {
  padding-left: 300px;
  padding-right: 30px;
}

html.boxed .rd-navbar--is-clone {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}

/*
* @subsection   RD Parallax
*
* @description  Describes style declarations for RD Parallax extension
*
* @author       Evgeniy Gusarov
* @link         https://ua.linkedin.com/pub/evgeniy-gusarov/8a/a40/54a
* @version      3.5.0
*/
.rd-parallax-inner {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.rd-parallax-layer[data-type="media"] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
}

.rd-parallax-layer[data-type="media"] iframe {
  width: 100%;
  height: 100%;
}

.rd-parallax-layer[data-url] {
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
}

@media (max-width: 479px) {
  .rd-parallax-layer[data-url].rd-parallax-layer-mod {
    background-position: 22% center;
  }
}

/*
* @subsection   ToTop
* @license      MIT license - http://opensource.org/licenses/MIT
* @version      1.0.0
*/
.ui-to-top {
  position: fixed;
  right: 15px;
  bottom: 15px;
  width: 50px;
  height: 50px;
  font-size: 24px;
  line-height: 46px !important;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  z-index: 20;
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  font-family: 'FontAwesome' !important;
}

.ui-to-top, .ui-to-top:focus, .ui-to-top:active {
  color: #fff;
  background: #272d3b;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.ui-to-top:hover {
  color: #fff;
  background: #0097da;
  border-color: rgba(0, 0, 0, 0.05);
}

.ui-to-top.active {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.mobile .ui-to-top,
.tablet .ui-to-top {
  display: none !important;
}

@media (min-width: 480px) {
  .ui-to-top {
    right: 40px;
    bottom: 40px;
  }
}

/*
* @subsection   Magnific Popup
*/
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;

}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}

.mfp-arrow:before, .mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  max-height: 90vh !important;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 90%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

.mfp-ie7 .mfp-img {
  padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
  padding: 0;
}

.mfp-ie7 .mfp-content {
  padding-top: 44px;
}

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}

a[data-lightbox^=image] {
  display: block;
  position: relative;
}

a[data-lightbox^=image] img {
  width: 100%;
}

/*Animation for single item show/hide*/
/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}

/*Animation for Gallery between items show/hide*/
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

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

.mfp-figure {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: .4s;
  -moz-animation-duration: .4s;
  -ms-animation-duration: .4s;
  -o-animation-duration: .4s;
  animation-duration: .4s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}

/*
* @section      Page Header
* @description  This section holds specific style redeclarations for some
*               of common elements in page header
*/
@media (min-width: 992px) {
  .page-header h5, .page-header .heading-5 {
    font-size: 26px;
  }
}

.page-header-body {
  padding-top: 20px;
  padding-bottom: 20px;
  /*background: rgba(0, 0, 0, 0.35);*/
}

.page-header-body .container {
  width: 100%;
}

.rd-navbar-fixed-linked .page-header-body {
  min-height: 280px;
  height: calc(100vh - 56px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (min-width: 768px) {
  .page-header .page-header-body {
    padding-top: 80px;
    padding-bottom: 80px;
    background: none;
  }
  .rd-navbar-fullwidth-linked .page-header .page-header-body {
    padding-top: 266px;
  }
}

@media (min-width: 992px) {
  .page-header .page-header-body {
    padding-top: 120px;
    padding-bottom: 272px;
  }
  .rd-navbar-static-linked .page-header .page-header-body {
    padding-top: 294px;
  }
  .rd-navbar-fullwidth-linked .page-header .page-header-body {
    padding-top: 261px;
    height: 100vh;
  }
}

.ie-11 .page-header-big,
.lt-ie11 .page-header-big,
.lt-ie10 .page-header-big {
  overflow: hidden;
}

.ie-11 .page-header-big .rd-navbar-wrap,
.lt-ie11 .page-header-big .rd-navbar-wrap,
.lt-ie10 .page-header-big .rd-navbar-wrap {
  position: relative;
  z-index: 1000;
}

.ie-11 .page-header-big .parallax-wrap,
.lt-ie11 .page-header-big .parallax-wrap,
.lt-ie10 .page-header-big .parallax-wrap {
  position: relative;
  overflow: hidden;
}

.ie-11 .page-header-big .rd-parallax-layer-mod,
.lt-ie11 .page-header-big .rd-parallax-layer-mod,
.lt-ie10 .page-header-big .rd-parallax-layer-mod {
  position: absolute !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
}

@media (min-width: 992px) {
  .ie-11 .page-header-big .page-header-body,
  .lt-ie11 .page-header-big .page-header-body,
  .lt-ie10 .page-header-big .page-header-body {
    padding-top: 200px;
    padding-bottom: 200px;
  }
}

/*
* @section      Page Content
* @description  This section holds specific style redeclarations for some
*               of common elements in page content
*/
.page-content section {
  position: relative;
  z-index: 1;
}

/*
* @section      Page Footer
* @description  This section holds specific style redeclarations for some
*               of common elements in page footer
*/
.page-footer-body {
  padding-top: 50px;
  padding-bottom: 50px;
}
.page-footer-body .container .row div{
	font-family: 'Open sans condensed', sans-serif !important;
}
/*.page-footer-body h5{*/
	/*font-family: 'Open sans', serif !important;*/
/*}*/

@media (min-width: 768px) {
  .page-footer-body {
    padding-top: 15px;
  }
}

@media (min-width: 992px) {
  .page-footer h5, .page-footer .heading-5 {
    font-size: 20px;
  }
}

.page-footer .copyright {
  margin-top: 20px !important;
	color: #adadad;
	font-size: 13px;
	line-height: 18px;
}

.page-footer [class*="box"] .box__right {
  padding-left: 22px;
}

@media (min-width: 1200px) {
  .page-footer [class*="box"] .box__right {
    padding-right: 20px;
  }
}

.privacy-link {
  margin-top: 20px;
}

@media (min-width: 768px) {
  .privacy-link {
    margin-top: 45px;
  }
}

.privacy-link a[href*="mailto:"] {
  font-size: 18px;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  text-transform: none;
}


.heading-6 + p {
  min-height: 100px;
}

@media (max-width: 767px) {
  .heading-6 + p {
    min-height: auto;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .booking-box  h5 {
        min-height: 100px;
    }

    .heading-6 {
        min-height: 90px;
    }

    .heading-6 + p {
      min-height: 150px;
    }


}

.index-padding {
  padding: 0;
  position: relative;
}

.index-map {

  width: 100%;
}

.index-padding .modesta-wave--video {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 2;
  height: 62px;
  margin: 0 !important;
  overflow: hidden;
  background-color: transparent !important;
}

.index-padding .modesta-wave--video-top {
  top: -1px;
}

.index-padding .modesta-wave--video-bottom {
  bottom: -1px;
}

.index-padding .modesta-wave--video > .modesta-wave__svg {
  position: absolute;
  left: -21%;
  width: 142%;
  min-width: 142%;
  height: 62px;
}

.index-padding .modesta-wave--video-top > .modesta-wave__svg {
  top: 0;
}

.index-padding .modesta-wave--video-bottom > .modesta-wave__svg {
  bottom: 0;
}

.background-img {
  height: 450px;
  background-size: cover;
}

.index-padding .sec-map {
   bottom: 0;
	margin-top: 1px;
}

.index-padding .sec-map1 {
   bottom: -10px;
}

.thumb-video {
  width: 100%;
}

.photo-video {
  width: 100%;
  height: 550px;
	object-fit: cover;

}

.section-video {
  padding: 0;
}

@media (max-width: 988px) {
  .photo-video {
    width: 100%;
    height: 400px;

  }
  
}

@media (max-width: 492px) {
    .index-padding .sec-map {
       bottom: 3vw;
    }
}

@media (max-width: 640px) {
  .index-padding .modesta-wave--video,
  .index-padding .modesta-wave--video > .modesta-wave__svg {
    height: 54px;
  }
}

@media (max-width: 666px) {
  .photo-video {
    width: 100%;
    height: 250px;

  }
}

.down-image {
	margin: 0;
}

.maps object,
.maps svg {
  position: absolute;
}

.style-down {
  height: 80px;
}

.style-down object {
  bottom: 69px;
}

p, h1, h2, h3, h4, h5, h6, a, button{
	font-family: 'Open sans condensed', sans-serif !important;
}

#services .services_label input.radio{
	position: relative !important;
	cursor: pointer !important;
	padding: 0;
	height: 20px;
	width: 20px;
	background: white;
	border: 1px solid #b1b1b1;
	margin-right: 2.5px;
	top: 2px;
}

#services .services_label input.radio:after {
	content: '' !important;
	display: none !important;
	position: absolute !important;
	width: 100% !important;
	height: 100% !important;
	background: #0099da !important;
	left: -1px !important;
	top: -1px !important;
	border: 1px solid #0099da !important;
	box-sizing: content-box;
}

#services .services_label input.radio:checked:after{
	display: block !important;
}


@media(max-width: 480px){
	.event-post .box-xs{
		display: flex !important;
		flex-direction: row;
	}
	.event-post .box-xs .box__left{
		margin-right: 15px;
	}
}

#services{
	display: flex;
	flex-wrap: wrap;
}
#services .services_label{
	display: flex;
	width: auto;
	margin-top: 10px;
	margin-right: 15px;
}
#services .services_header{
	width: 100%;
	font-weight: bold;
}


@font-face {
	font-family: 'icomoon';
	src:  url('../fonts/icomoon.eot?7dxi4e');
	src:  url('../fonts/icomoon.eot?7dxi4e#iefix') format('embedded-opentype'),
	url('../fonts/icomoon.ttf?7dxi4e') format('truetype'),
	url('../fonts/icomoon.woff?7dxi4e') format('woff'),
	url('../fonts/icomoon.svg?7dxi4e#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

[class^="icon-"], [class*=" icon-"] {
    line-height: 63px !important;
}

.icon-arrow_icon_down:before {
	content: "\e900";
}

.icon-primary{
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* Public design refresh */
:root {
	--modesta-navy: #272d3b;
	--modesta-navy-deep: #1f2532;
	--modesta-accent: #0097da;
	--modesta-text: #333842;
	--modesta-muted: #737985;
	--modesta-line: #dfe5eb;
	--modesta-soft: #f6f8fb;
}

body {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

p,
address {
	line-height: 1.55;
}

h1,
h2,
h3,
h4,
h5 {
	letter-spacing: 0;
}

h4 {
	line-height: 1.08;
}

h4 > .divider {
	margin-top: 16px;
}

.well-5 {
	padding-top: 72px;
	padding-bottom: 72px;
}

.well-6 {
	padding-top: 64px;
	padding-bottom: 72px;
}

:root {
	--modesta-navbar-height: 88px;
	--modesta-navbar-stuck-height: 66px;
}

.rd-navbar-static-linked .page-header-big,
.rd-navbar-fullwidth-linked .page-header-big {
	min-height: var(--modesta-navbar-height);
}

.rd-navbar-static-linked .page-header-big > .rd-navbar-wrap:not(.site-navbar-stuck),
.rd-navbar-fullwidth-linked .page-header-big > .rd-navbar-wrap:not(.site-navbar-stuck),
.page-header-big > .rd-navbar-wrap:not(.site-navbar-stuck) > .rd-navbar {
	height: var(--modesta-navbar-height);
	min-height: var(--modesta-navbar-height);
}

.rd-navbar-static:not(.rd-navbar--is-clone) .rd-navbar-inner,
.rd-navbar-fullwidth:not(.rd-navbar--is-clone) .rd-navbar-inner {
	height: var(--modesta-navbar-height);
	min-height: var(--modesta-navbar-height);
	padding: 0 35px;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.rd-navbar-static:not(.rd-navbar--is-clone) .rd-navbar-panel,
.rd-navbar-fullwidth:not(.rd-navbar--is-clone) .rd-navbar-panel {
	display: flex;
	align-items: center;
	height: var(--modesta-navbar-height);
	min-height: var(--modesta-navbar-height);
}

.rd-navbar-static:not(.rd-navbar--is-clone) .rd-navbar-nav-wrap,
.rd-navbar-fullwidth:not(.rd-navbar--is-clone) .rd-navbar-nav-wrap {
	display: flex;
	align-items: center;
	align-self: stretch;
	padding: 0;
}

.rd-navbar-brand img {
	object-fit: contain;
}

.rd-navbar-static:not(.rd-navbar--is-clone) .rd-navbar-brand img,
.rd-navbar-fullwidth:not(.rd-navbar--is-clone) .rd-navbar-brand img {
	width: clamp(132px, 13vw, 190px) !important;
	max-width: 190px !important;
	height: auto !important;
}

.rd-navbar-static .rd-navbar-nav > li > a,
.rd-navbar-fullwidth .rd-navbar-nav > li > a {
	display: flex;
	align-items: center;
	position: relative;
	height: var(--modesta-navbar-height);
	min-height: var(--modesta-navbar-height);
	padding: 0;
	color: #c8c8c8;
	font-size: 22px;
	line-height: 1.2;
	transition: color .2s ease;
}

.rd-navbar-static .rd-navbar-nav > li > a:after,
.rd-navbar-fullwidth .rd-navbar-nav > li > a:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 18px;
	height: 2px;
	background: var(--modesta-accent);
	opacity: 0;
	transform: scaleX(.45);
	transition: opacity .2s ease, transform .2s ease;
}

.rd-navbar-static:not(.rd-navbar--is-clone) .rd-navbar-nav > li > .rd-navbar-dropdown,
.rd-navbar-fullwidth:not(.rd-navbar--is-clone) .rd-navbar-nav > li > .rd-navbar-dropdown {
	top: 100%;
	margin-top: 0;
}

.rd-navbar-static.rd-navbar--is-clone .rd-navbar-inner,
.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-inner {
	min-height: var(--modesta-navbar-stuck-height);
	padding: 0 50px;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.rd-navbar-static.rd-navbar--is-clone .rd-navbar-panel,
.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-panel {
	display: flex;
	align-items: center;
	min-height: var(--modesta-navbar-stuck-height);
	padding-top: 0;
}

.rd-navbar-static.rd-navbar--is-clone .rd-navbar-panel .rd-navbar-brand,
.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-panel .rd-navbar-brand {
	margin-bottom: 0;
}

.rd-navbar-static.rd-navbar--is-clone .rd-navbar-brand img,
.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-brand img {
	top: 0 !important;
	width: 132px !important;
	min-width: 120px !important;
	max-width: 132px !important;
	margin: 0 !important;
}

.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav,
.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav {
	margin-bottom: 0;
}

.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > li > a,
.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > li > a {
	display: flex;
	align-items: center;
	min-height: var(--modesta-navbar-stuck-height);
	padding: 0;
	font-size: 20px;
}

.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > li > .rd-navbar-dropdown,
.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > li > .rd-navbar-dropdown,
.rd-navbar-static.rd-navbar--is-clone .rd-navbar-megamenu,
.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-megamenu {
	top: 100%;
	margin-top: 0;
}

.site-navbar-spacer {
	display: block;
	height: 0;
	pointer-events: none;
}

.page-header-big .rd-navbar-wrap.site-navbar-stuck,
.rd-navbar-static-linked .page-header-big .rd-navbar-wrap.site-navbar-stuck,
.rd-navbar-fullwidth-linked .page-header-big .rd-navbar-wrap.site-navbar-stuck {
	position: fixed !important;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	height: auto !important;
	background: #272d3b;
}

.page-header-big .rd-navbar-wrap.site-navbar-stuck .rd-navbar {
	display: block;
	position: relative;
	width: 100%;
	border-bottom: 1px solid #454757;
	background: #272d3b;
}

.site-navbar-stuck .rd-navbar-static .rd-navbar-inner,
.site-navbar-stuck .rd-navbar-fullwidth .rd-navbar-inner,
.site-navbar-stuck .rd-navbar.site-navbar-compact .rd-navbar-inner {
	height: var(--modesta-navbar-stuck-height);
	min-height: var(--modesta-navbar-stuck-height);
	padding: 0 50px;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.site-navbar-stuck .rd-navbar-static .rd-navbar-panel,
.site-navbar-stuck .rd-navbar-fullwidth .rd-navbar-panel,
.site-navbar-stuck .rd-navbar.site-navbar-compact .rd-navbar-panel {
	display: flex;
	align-items: center;
	height: var(--modesta-navbar-stuck-height);
	min-height: var(--modesta-navbar-stuck-height);
	padding-top: 0;
}

.site-navbar-stuck .rd-navbar-static .rd-navbar-panel .rd-navbar-brand,
.site-navbar-stuck .rd-navbar-fullwidth .rd-navbar-panel .rd-navbar-brand,
.site-navbar-stuck .rd-navbar.site-navbar-compact .rd-navbar-panel .rd-navbar-brand {
	margin-bottom: 0;
}

.site-navbar-stuck .rd-navbar-static .rd-navbar-brand img,
.site-navbar-stuck .rd-navbar-fullwidth .rd-navbar-brand img,
.site-navbar-stuck .rd-navbar.site-navbar-compact .rd-navbar-brand img {
	top: 0 !important;
	width: 132px !important;
	min-width: 120px !important;
	max-width: 132px !important;
	margin: 0 !important;
}

.site-navbar-stuck .rd-navbar-static .rd-navbar-nav,
.site-navbar-stuck .rd-navbar-fullwidth .rd-navbar-nav,
.site-navbar-stuck .rd-navbar.site-navbar-compact .rd-navbar-nav {
	margin-bottom: 0;
}

.site-navbar-stuck .rd-navbar-static .rd-navbar-nav > li > a,
.site-navbar-stuck .rd-navbar-fullwidth .rd-navbar-nav > li > a,
.site-navbar-stuck .rd-navbar.site-navbar-compact .rd-navbar-nav > li > a {
	display: flex;
	align-items: center;
	height: var(--modesta-navbar-stuck-height);
	min-height: var(--modesta-navbar-stuck-height);
	padding: 0;
	font-size: 20px;
}

.site-navbar-stuck .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown,
.site-navbar-stuck .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown,
.site-navbar-stuck .rd-navbar-static .rd-navbar-megamenu,
.site-navbar-stuck .rd-navbar-fullwidth .rd-navbar-megamenu {
	top: 100%;
	margin-top: 0;
}

.rd-navbar--is-clone {
	display: none !important;
}

.rd-navbar-static .rd-navbar-nav > li:hover > a,
.rd-navbar-static .rd-navbar-nav > li.focus > a,
.rd-navbar-static .rd-navbar-nav > li.active > a,
.rd-navbar-fullwidth .rd-navbar-nav > li:hover > a,
.rd-navbar-fullwidth .rd-navbar-nav > li.focus > a,
.rd-navbar-fullwidth .rd-navbar-nav > li.active > a {
	color: #fff;
}

.rd-navbar-static .rd-navbar-nav > li:hover > a:after,
.rd-navbar-static .rd-navbar-nav > li.focus > a:after,
.rd-navbar-static .rd-navbar-nav > li.active > a:after,
.rd-navbar-fullwidth .rd-navbar-nav > li:hover > a:after,
.rd-navbar-fullwidth .rd-navbar-nav > li.focus > a:after,
.rd-navbar-fullwidth .rd-navbar-nav > li.active > a:after {
	opacity: 1;
	transform: scaleX(1);
}

.rd-navbar-fullwidth .rd-navbar-nav {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: auto;
	table-layout: auto;
	margin-left: -47px;
}

.rd-navbar-fullwidth .rd-navbar-nav > li {
	display: inline-flex;
	align-items: center;
	margin-left: 42px;
	padding: 0;
}

.rd-navbar-fullwidth:not(.rd-navbar--is-stuck) .rd-navbar-nav-wrap {
	padding: 0;
}

.rd-navbar-fixed .rd-navbar-panel {
	min-height: 64px;
}

.rd-navbar-fixed .rd-navbar-brand img {
	width: 132px !important;
	min-width: 120px !important;
	max-width: 132px !important;
}

.rd-navbar-fixed .rd-navbar-nav li > a {
	padding: 13px 58px 13px 20px;
	font-size: 22px;
	line-height: 1.25;
}

.rd-navbar-fixed .rd-navbar-toggle {
	top: 20px;
}

.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 50px;
	border-radius: 0;
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: 0;
	text-align: center;
	transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.btn-md {
	padding: 13px 26px;
	font-size: 19px;
}

.btn-primary,
.btn-primary:focus {
	color: #fff;
	background: var(--modesta-accent);
	border: 1px solid var(--modesta-accent);
}

.btn-primary:hover,
.btn-primary:active {
	color: #fff;
	background: var(--modesta-navy);
	border-color: var(--modesta-navy);
	box-shadow: 0 10px 24px rgba(0, 151, 218, .18);
}

.btn-default,
.btn-default:focus {
	color: var(--modesta-navy);
	background: #fff;
	border: 1px solid var(--modesta-line);
}

.btn-default:hover,
.btn-default:active {
	color: #fff;
	background: var(--modesta-navy);
	border-color: var(--modesta-navy);
}

.booking-box {
	height: 100%;
	padding: 0 0 24px;
	border: 1px solid var(--modesta-line);
	background: #fff;
	box-shadow: 0 18px 48px rgba(39, 45, 59, .08);
	transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.booking-box:hover {
	transform: translateY(-5px);
	border-color: rgba(0, 151, 218, .35);
	box-shadow: 0 24px 58px rgba(39, 45, 59, .14);
}

.booking-box img {
	display: block;
	width: 100%;
	height: 220px;
	padding: 18px 18px 0;
	object-fit: contain;
	object-position: center bottom;
	background: #fff;
}

.booking-box h1,
.booking-box h2,
.booking-box h5,
.booking-box p,
.booking-box .btn {
	margin-left: 22px;
	margin-right: 22px;
}

.booking-box p {
	color: var(--modesta-muted);
}

.home-overview-section {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	background: #fff;
}

.home-overview-section:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 48px;
	background: #fff;
	z-index: 3;
	pointer-events: none;
}

.home-overview {
	position: relative;
	z-index: 2;
	background: #fff;
	overflow: visible;
}

.products-category-page {
	background: #fff;
}

.products-category-grid {
	margin-top: 34px;
	margin-left: -18px;
	margin-right: -18px;
}

.page-content .row.flow-offset-1 {
	margin-left: -18px;
	margin-right: -18px;
}

.page-content .row.flow-offset-1 > [class*='col-'],
.products-category-grid > [class*='col-'] {
	padding-left: 18px;
	padding-right: 18px;
	margin-bottom: 36px;
}

.products-category-card {
	display: block;
	height: 100%;
	border: 1px solid var(--modesta-line);
	background: #fff;
	color: var(--modesta-text);
	box-shadow: 0 18px 48px rgba(39, 45, 59, .08);
	overflow: hidden;
	transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.products-category-card:hover {
	color: var(--modesta-text);
	transform: translateY(-5px);
	border-color: rgba(0, 151, 218, .4);
	box-shadow: 0 24px 58px rgba(39, 45, 59, .14);
}

.products-category-card__image {
	display: block;
	position: relative;
	aspect-ratio: 16 / 9;
	background: var(--modesta-navy);
	overflow: hidden;
}

.products-category-card__image:after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(31, 37, 50, 0) 42%, rgba(31, 37, 50, .48) 100%);
	pointer-events: none;
}

.products-category-card__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .35s ease;
}

.products-category-card:hover .products-category-card__image img {
	transform: scale(1.035);
}

.products-category-card__body {
	display: block;
	padding: 28px 30px 30px;
}

.products-category-card__label,
.products-category-card__title,
.products-category-card__text {
	display: block;
}

.products-category-card__label {
	color: var(--modesta-accent);
	font-size: 15px;
	font-weight: 300;
	line-height: 24px;
	text-transform: uppercase;
}

.products-category-card__title {
	margin-top: 6px;
	color: var(--modesta-navy);
	font-size: 24px;
	line-height: 1.2;
	text-transform: uppercase;
}

.products-category-card__text {
	margin-top: 16px;
	color: var(--modesta-muted);
	font-size: 15px;
	line-height: 24px;
}

.distributors-page {
	background: #fff;
}

.distributor-intro {
	max-width: 820px;
	margin-top: 18px;
	color: var(--modesta-muted);
	font-size: 15px;
	line-height: 24px;
}

.distributor-region {
	margin-top: 42px;
}

.distributor-region__header {
	display: flex;
	align-items: center;
	margin-bottom: 18px;
}

.distributor-region__header:after {
	content: none;
}

.distributor-region__title {
	margin: 0;
	color: var(--modesta-navy);
	font-size: 30px;
	line-height: 1.15;
	text-transform: uppercase;
}

.distributor-grid {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	margin-left: -18px;
	margin-right: -18px;
}

.distributor-grid__item {
	display: flex;
	margin-top: 28px;
	margin-bottom: 8px;
	padding-left: 18px;
	padding-right: 18px;
}

.distributor-card {
	display: flex;
	gap: 18px;
	width: 100%;
	min-height: 100%;
	padding: 24px;
	border: 1px solid var(--modesta-line);
	background: #fff;
	box-shadow: 0 18px 46px rgba(39, 45, 59, .07);
}

.distributor-card__flags {
	display: flex;
	flex: 0 0 38px;
	flex-wrap: wrap;
	align-content: flex-start;
	gap: 7px;
	padding-top: 4px;
}

.distributor-card__flags img {
	display: block;
	width: 32px;
	height: 32px;
	object-fit: cover;
}

.distributor-card__body {
	flex: 1 1 auto;
	min-width: 0;
}

.distributor-card__name {
	margin: 0;
	color: var(--modesta-accent);
	font-size: 26px;
	line-height: 1.15;
	text-transform: uppercase;
}

.distributor-card__countries {
	margin-top: 6px;
	color: var(--modesta-muted);
	font-size: 15px;
	line-height: 24px;
}

.distributor-card__details {
	display: grid;
	gap: 10px;
	margin-top: 16px;
}

.distributor-card__detail {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	color: var(--modesta-text);
	font-size: 15px;
	font-weight: 400;
	line-height: 24px;
	word-break: break-word;
	text-decoration: none;
}

a.distributor-card__detail {
	transition: color .18s ease;
}

a.distributor-card__detail:hover,
a.distributor-card__detail:focus {
	color: var(--modesta-accent);
}

.distributor-card__detail i,
.distributor-card__detail-spacer {
	flex: 0 0 18px;
	width: 18px;
	margin-top: 3px;
	color: var(--modesta-accent);
	text-align: center;
	font-size: 15px;
	line-height: 1;
}

.distributor-card__detail span {
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}

.distributor-card__detail--muted {
	color: var(--modesta-muted);
}

.distributor-card__detail--email,
.distributor-card__detail--web,
.distributor-card__detail--social,
.distributor-card__detail--phone {
	font-size: inherit;
	line-height: inherit;
}

.distributor-card__detail--email i,
.distributor-card__detail--web i,
.distributor-card__detail--social i,
.distributor-card__detail--phone i {
	font-size: 15px;
	margin-top: 3px;
}

.distributor-cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	margin-top: 48px;
	padding: 28px 32px;
	background: var(--modesta-navy);
	color: #fff;
}

.distributor-cta h5,
.distributor-cta p {
	margin: 0;
	color: #fff;
}

.distributor-cta h5 {
	font-size: 28px;
	line-height: 1.15;
	text-transform: uppercase;
}

.distributor-cta p {
	margin-top: 6px;
	color: #d8dce4;
	font-size: 18px;
	line-height: 1.4;
}

.thumbnail img,
.post-blog img,
.media-post img {
	width: 100%;
	object-fit: cover;
}

.thumbnail,
.post-blog,
.media-post {
	overflow: hidden;
}

.page-footer-body {
	padding: 34px 0 30px;
}

.page-footer-body .container {
	max-width: 1180px;
}

.page-footer-body .row.flow-offset-1 {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 30px 0;
}

.page-footer-body h5 {
	margin-bottom: 16px;
	color: #d8dce4;
	font-size: 22px;
	line-height: 1.2;
}

.page-footer-body p,
.page-footer .copyright {
	color: #b7bcc5 !important;
}

.page-footer .copyright a {
	margin: 0 3px;
	color: #d8dce4;
}

.page-footer .copyright a:hover {
	color: var(--modesta-accent);
}

.social_block .box {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 54px;
}

.social_block img {
	width: 42px;
	height: 42px;
	object-fit: contain;
}

.wow,
.animated {
	animation: none !important;
	visibility: visible !important;
}

.rd-navbar-wrap,
.rd-navbar,
.rd-navbar-brand,
.rd-navbar-nav,
.rd-navbar-nav-wrap,
.rd-navbar-panel,
.rd-navbar-inner,
.rd-navbar-static,
.rd-navbar-fullwidth,
.rd-navbar--is-clone,
.rd-navbar--is-stuck {
	animation: none !important;
	transition: none !important;
}

.rd-navbar-dropdown,
.rd-navbar-megamenu {
	transition: opacity .14s ease, visibility .14s ease !important;
}

@media (max-width: 1199px) {
	.rd-navbar-static .rd-navbar-nav > li > a {
		font-size: 20px;
	}
}

@media (max-width: 991px) {
	.well-5 {
		padding-top: 54px;
		padding-bottom: 56px;
	}

	.well-6 {
		padding-top: 50px;
		padding-bottom: 58px;
	}

}

@media (max-width: 767px) {
	.btn {
		width: 100%;
		white-space: normal;
	}

	.btn-md {
		padding: 12px 18px;
		font-size: 18px;
	}

	.booking-box h1,
	.booking-box h2,
	.booking-box h5,
	.booking-box p,
	.booking-box .btn {
		margin-left: 18px;
		margin-right: 18px;
	}

	.products-category-card__body {
		padding: 22px 22px 24px;
	}

	.page-content .row.flow-offset-1,
	.products-category-grid,
	.distributor-grid {
		margin-left: -12px;
		margin-right: -12px;
	}

	.page-content .row.flow-offset-1 > [class*='col-'],
	.products-category-grid > [class*='col-'],
	.distributor-grid__item {
		padding-left: 12px;
		padding-right: 12px;
		margin-bottom: 24px;
	}

	.distributor-intro {
		font-size: 15px;
	}

	.distributor-region {
		margin-top: 34px;
	}

	.distributor-region__title {
		font-size: 26px;
	}

	.distributor-card {
		padding: 20px;
	}

	.distributor-card__name {
		font-size: 24px;
	}

	.distributor-cta {
		display: block;
		padding: 24px;
	}

	.distributor-cta .btn {
		margin-top: 18px;
	}

	.page-footer-body {
		padding: 28px 0 26px;
	}

	.page-footer-body .row.flow-offset-1 {
		display: block;
	}

	.booking-box img {
		height: 190px;
	}
}

@media (prefers-reduced-motion: reduce) {
	*,
	*:before,
	*:after {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
	}
}


/* ========================================================================== 
   CONSOLIDATED BASE CSS
   Former secondary stylesheet rules kept here so public pages load one stylesheet.
   Body and heading resets were intentionally excluded to keep typography stable.
   ========================================================================== */
/* 
	====================================================================================================== 
	RESPONSIVE TABLES
	====================================================================================================== 
*/
@media all and (max-width: 768px) {
  .table td:first-child a {
    width: 100px;
  }
  .table td .bt-content {
    margin-left: 20px;
  }
  .table tr td:last-child {
    margin-bottom: 30px;
    padding-bottom: 30px !important;
    border-bottom: 1px solid;
  }
  .table tr td:first-child:before {
    opacity: 0;
  }
  .table {
    width: 100%;
  }
}
/* 
	====================================================================================================== 
	LOGIN FORM (in page version, not modal window version)
	====================================================================================================== 
*/
.loginform label input, .loginform textarea {
  display: block;
  width: 100%;
  margin-top: 20px;
  -webkit-appearance: none;
  font-size: 15px;
  padding: 17px 22px;
  line-height: 24px;
  color: black;
  background: none;
  border: 1px solid #b1b1b1;
  border-radius: 0;
}
.loginform label input {
    width: 350px;
}
@media(max-width: 550px) {
  .loginform label input  {
    width: 250px !important;
  }
}
.loginform label input:-moz-placeholder, .loginform label textarea:-moz-placeholder {
  color: #adadad;
  opacity: 1;
}

.loginform label input::-webkit-input-placeholder, .loginform label textarea::-webkit-input-placeholder {
  color: #adadad;
  opacity: 1;
}

.loginform label input::-moz-placeholder, .loginform label textarea::-moz-placeholder {
  color: #adadad;
  opacity: 1;
}

.loginform label input:-ms-input-placeholder, .loginform label textarea:-ms-input-placeholder {
  color: #adadad;
  opacity: 1;
}

.loginform label textarea {
  resize: vertical;
  overflow: auto;
  min-height: 60px;
  height: 240px;
  max-height: 360px;
}

.loginform label {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 30px;
}

.loginform label:first-child {
  margin-top: 0;
}

.loginform label input, .loginform label select {
  height: 60px;
}

/* 
	====================================================================================================== 
	ADDITIONAL MODS (originally additional.mods.css)
	====================================================================================================== 
*/
.social_block {
  width: 50%;
  margin: 0 0 0 auto;
}
.box > .box__left {
  padding-right: 10px;
}
@media(min-width: 768px) {
  .social_block .flow-offset-1 > .col-sm-4:nth-child(n + 3) {
    margin-top: 25px !important;
  }
}
@media(min-width: 1200px) {
  .social_block .flow-offset-1 > .col-lg-4 {
    margin-top: 0 !important;
  }
  .social_block .flow-offset-1 > .col-lg-4:nth-child(n + 4) {
    margin-top: 25px !important;
  }
}
@media(max-width: 768px) {
  .social_block {
    margin-left: 0 !important;
    margin-top: 30px !important;
    width: 100% !important;
  }
  .social_block .flow-offset-1 > .col-xs-12:nth-child(n + 2) {
    margin-top: 25px !important;
  }
}
@media(max-width: 550px) {
  .page-footer-body {
    padding-left: 5% !important;
    padding-right: 5% !important;
  }
}
.icon-primary {
  color: white;
}
.star-rating {
    padding-left: 1px; 
    color: #0097da;
}
/* 
	====================================================================================================== 
	HEADER
	====================================================================================================== 
*/
@keyframes flag_light {
  from {
      opacity: 0.7;
  }
  to {
      opacity: 1;
  }
}
.flag_icon {
    width: 16px;
    height: 16px;
    vertical-align: middle;
}
.flag_icon_list {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    opacity: 0.7;
    transition: .33s all ease-out;
    border-left: 2px solid rgba(0, 151, 218, 0);
    border-right: 2px solid rgba(0, 151, 218, 0);
}
.flag_icon_list:hover {
    opacity: 1;
    transition: .33s all ease-in;
    border-left: 2px solid rgba(0, 151, 218, .7);
    border-right: 2px solid rgba(0, 151, 218, .7);
}
.flag_list_item {
    padding: 0px;
}
.flag_list {
    min-width: 90px !important;
}
.admin_nav li a {
    vertical-align: middle;
    line-height: 30px;
}
.admin_nav li a img {
    width: 16px;
    margin-right: 10px;
}
.admin_nav li a div {
    vertical-align: middle;
    padding-bottom: 10px;
    display: inline;
}
/* 
	====================================================================================================== 
	CONTENT
	====================================================================================================== 
*/

.small_txt_grey {
	font-size: 14px;
	color: #626262;
}

.small_txt_grey a {
	color: #626262;
	text-decoration: none;
}
.small_txt_grey a:hover {
	text-decoration: underline;
}

/* 
	====================================================================================================== 
	INSTALLERS MAP
	====================================================================================================== 
*/

#dvMap {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px; 
	border:2px solid #E5E5E5;
}
.dv-installer-logo {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px; 
	border:1px solid #E5E5E5;
}
.dv-map-bubble {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px; 
	border:2px solid #E5E5E5;
}
.gm-style .gm-style-iw {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px; 
}
.gm-ui-hover-effect img {
    padding-right: 5px;
    padding-top: 5px;
}
/* 
	====================================================================================================== 
	PROGRESS BAR
	====================================================================================================== 
*/

#progressbar {
	background-color: #272d3b;
	padding: 3px;
	width: 300px;
}

#progressbar div {
	background-color: #0097da;
	height: 10px;
}

/* 
	====================================================================================================== 
	LINKS
	====================================================================================================== 
*/
.textlink a:link, .textlink a:visited, .textlink a:active {
	color: #0097da;
	text-decoration: none;
}
.textlink a:hover {
	color: #0097da;
	text-decoration: underline;
}

/* 
	====================================================================================================== 
	FORM BUTTON
	====================================================================================================== 
*/
input, select, textarea
{
	background-color: #FAFAFA;
	display:inline-block;
	color: #000000;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:15px;
    padding: 17px 22px;
    line-height: 24px;
	text-decoration:none;
	cursor: default;
    border: 1px solid #b1b1b1;
    border-radius: 0;
}
.input_highlight
{
	border: 3px solid;
	border-color: #ee5555;
}
.input_addmargins
{
    margin-left: 10px;
    margin-right: 10px;
}
label
{
	display:inline-block;
	color: #000000;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:15px;
    line-height: 24px;
	text-decoration:none;
	cursor: default;
    vertical-align: middle !important;
}
.label_after
{
	display:inline-block;
	color: #0097da;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:10px;
    line-height: 24px;
	text-decoration:none;
	cursor: default;
    vertical-align: middle !important;
}
.button 
{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0099da), color-stop(1, #007fb5) );
	background:-moz-linear-gradient( center top, #0099da 5%, #007fb5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0099da', endColorstr='#007fb5');
	background-color:#0099da;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	display:inline-block;
	color:#ffffff;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:15px;
	padding:8px 24px;
	text-decoration:none;
	cursor: default;
	border: 1px solid;
}
.button_green 
{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #009900), color-stop(1, #005500) );
	background:-moz-linear-gradient( center top, #009900 5%, #005500 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#009900', endColorstr='#005500');
	background-color:#009900;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	display:inline-block;
	color:#ffffff;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:15px;
	padding:8px 24px;
	text-decoration:none;
	cursor: default;
	border: 1px solid;
}
.button_red 
{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #BB0000), color-stop(1, #770000) );
	background:-moz-linear-gradient( center top, #BB0000 5%, #770000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#BB0000', endColorstr='#770000');
	background-color:#BB0000;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	display:inline-block;
	color:#ffffff;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:15px;
	padding:8px 24px;
	text-decoration:none;
	cursor: default;
	border: 1px solid;
}
.button_red:hover  
{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #EE0000), color-stop(1, #990000) );
	background:-moz-linear-gradient( center top, #EE0000 5%, #990000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EE0000', endColorstr='#990000');
	background-color:#EE0000;
	cursor: pointer;
}
.button:hover 
{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3b4658), color-stop(1, #3b4658) );
	background:-moz-linear-gradient( center top, #3b4658 5%, #3b4658 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b4658', endColorstr='#3b4658');
	background-color:#3b4658;
	cursor: pointer;
}
.button:active 
{
	position:relative;
}
/* 
	====================================================================================================== 
	MAIN NAVIGATION
	====================================================================================================== 
*/
.nav_item {
	color: #ffffff;
	list-style-type: none;
	text-align: center;
	height: 92px;
	width: 176px;
	float: left;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	font-size: 24px;
	display: inline;
}
ul {
	margin: 0px;
	padding: 0px;
}
.margin_left_14 {
	margin-left: 14px;
}
.nav_item a:link, .nav_item a:visited, .nav_item a:active{
	color: #ffffff;
	text-decoration: none;
	line-height: 70px;
	padding-top: 7px;
}
.nav_item a:hover{
	color: #ffffff;
	text-decoration: none;
}
/* 
	====================================================================================================== 
	FOOTER
	====================================================================================================== 
*/
.footer_mods {
    display: flex; 
    flex-wrap: wrap; 
    margin: 0;
}
.footer_mods_h5 {
    margin-bottom: 10px !important; 
    color: #adadad !important;
}
.social_block h5 {
    margin-bottom: 10px !important; 
    color: #adadad !important;
}
.social_block a {
    color: #adadad !important;
}
/* 
/* 
	====================================================================================================== 
	OTHER
	====================================================================================================== 
*/

.news_date {
	background-image: url(../img/button_square.webp);
	height: 60px;
	width: 60px;
	background-repeat: no-repeat;
	background-position: center center;
}

.header {
	background-color: #272d3b;
	height: 130px;
	background-image: url(../img/header_back.webp);
	background-repeat: no-repeat;
	background-position: center top;
}
.product_details {
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
	background-color: #FBFBFB;
	border: 2px ridge #E5E5E5;
}
.product_details1 {	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
	background-color: #FBFBFB;
	border: 2px ridge #E5E5E5;
}
.product_details2 {	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
	background-color: #FBFBFB;
	border: 2px ridge #E5E5E5;
}
.product_details3 {	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
	background-color: #FBFBFB;
	border: 2px ridge #E5E5E5;
}
.product_details4 {	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
	background-color: #FBFBFB;
	border: 2px ridge #E5E5E5;
}
.product_details5 {	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
	background-color: #FBFBFB;
	border: 2px ridge #E5E5E5;
}
.red_txt {
    color: #EE6666;
}
.green_txt {
    color: #66DD66;
}
/* ==========================================================================
   Legacy Typography Compatibility
   These rules used to come from the secondary stylesheet after style.css.
   Keeping them late preserves the original public-page text scale.
   ========================================================================== */
body {
	margin-left: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	font-family: 'Open Sans Condensed', sans-serif;
}

.body_nolink {
	font-family: 'Open Sans Condensed', sans-serif;
	color: #4d4d4d;
	text-decoration: none;
}

body,
td,
th {
	color: #4d4d4d;
}

h6 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 12px;
	color: #0097da;
	margin: 0;
	padding: 0;
}

h1 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 35px;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

h2 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 20px;
	color: #0097da;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

h2 a:link,
h2 a:visited,
h2 a:active {
	color: #0097da;
	text-decoration: none;
}

h2 a:hover {
	color: #0097da;
	text-decoration: none;
}

h3 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 28px;
	color: #0097da;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

h3 a:link,
h3 a:visited,
h3 a:active {
	color: #0097da;
	text-decoration: none;
}

h3 a:hover {
	color: #0097da;
	text-decoration: none;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
a,
button {
	font-family: 'Open Sans Condensed', sans-serif !important;
}

/* Keep the redesigned distributor data readable but uniform. */
.distributor-card__details {
	font-size: 15px !important;
	line-height: 24px !important;
}

.distributor-intro,
.distributor-card__countries,
.distributor-card__detail,
.distributor-card__detail a,
.distributor-card__detail span {
	font-size: 15px !important;
	line-height: 24px !important;
	font-weight: 300 !important;
}

.distributor-card__detail i,
.distributor-card__detail-spacer,
.distributor-card__detail--email i,
.distributor-card__detail--web i,
.distributor-card__detail--social i,
.distributor-card__detail--phone i {
	font-size: 15px !important;
	line-height: 24px !important;
}

/* Site-owned forms: replaces the old RD mail form layer. */
.site-form {
	margin-top: 30px;
}

.site-form fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

.site-form__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 18px 28px;
}

.site-form__grid--spaced {
	margin-top: 18px;
}

@media (min-width: 768px) {
	.site-form__grid--2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.site-form__section {
	margin-top: 28px;
}

.site-form__section:first-child {
	margin-top: 0;
}

.site-form__section h5 {
	margin-bottom: 14px;
	color: #0097da;
	font-size: 22px;
	line-height: 1.2;
	text-transform: uppercase;
}

.site-form__field {
	display: block;
	position: relative;
}

.site-form__label {
	display: block;
	margin-bottom: 7px;
	color: #4d4d4d;
	font-size: 15px;
	line-height: 22px;
}

.site-form input[type="text"],
.site-form input[type="email"],
.site-form input[type="password"],
.site-form input[type="tel"],
.site-form input[type="url"],
.site-form input[type="number"],
.site-form select,
.site-form textarea {
	display: block;
	width: 100%;
	min-height: 58px;
	padding: 15px 18px;
	border: 1px solid #b1b1b1;
	border-radius: 0;
	background: #fff;
	color: #272d3b;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 15px;
	line-height: 24px;
	transition: border-color .18s ease, box-shadow .18s ease;
}

.site-form textarea {
	min-height: 180px;
	resize: vertical;
}

.site-form input:focus,
.site-form select:focus,
.site-form textarea:focus {
	border-color: #0097da;
	box-shadow: 0 0 0 3px rgba(0, 151, 218, .12);
	outline: none;
}

.site-form__field--invalid input,
.site-form__field--invalid select,
.site-form__field--invalid textarea {
	border-color: #c73636;
	box-shadow: 0 0 0 3px rgba(199, 54, 54, .1);
}

.site-form__error {
	display: block;
	min-height: 20px;
	margin-top: 5px;
	color: #c73636;
	font-size: 13px;
	line-height: 20px;
}

.site-form__hint {
	display: block;
	margin-top: 5px;
	color: #737985;
	font-size: 13px;
	line-height: 20px;
}

.site-form__actions {
	margin-top: 26px;
	text-align: right;
}

.site-form__status {
	min-height: 24px;
	margin-top: 16px;
	color: #737985;
	font-size: 15px;
	line-height: 24px;
}

.site-form__status--success {
	color: #2f8b57;
}

.site-form__status--error {
	color: #c73636;
}

.site-form__status--process {
	color: #0097da;
}

.site-form__hidden {
	position: absolute !important;
	left: -10000px !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

.site-form__checks {
	display: grid;
	gap: 8px 18px;
	margin-top: 8px;
}

@media (min-width: 768px) {
	.site-form__checks {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.site-form__check {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	color: #4d4d4d;
	font-size: 15px;
	line-height: 22px;
}

.site-form__check input {
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	margin-top: 2px;
	appearance: auto;
}

.site-form-modal {
	position: fixed;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px;
	opacity: 0;
	visibility: hidden;
	transition: opacity .18s ease, visibility .18s ease;
	z-index: 10000;
}

.site-form-modal--visible {
	opacity: 1;
	visibility: visible;
}

.site-form-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(39, 45, 59, .72);
}

.site-form-modal__dialog {
	position: relative;
	width: min(460px, 100%);
	padding: 38px 36px 34px;
	background: #fff;
	border: 1px solid #dfe5eb;
	box-shadow: 0 24px 70px rgba(18, 25, 38, .28);
	text-align: center;
	outline: none;
	transform: translateY(10px);
	transition: transform .18s ease;
}

.site-form-modal--visible .site-form-modal__dialog {
	transform: translateY(0);
}

.site-form-modal__close {
	position: absolute;
	top: 12px;
	right: 14px;
	width: 32px;
	height: 32px;
	border: 0;
	background: transparent;
	color: #737985;
	font-size: 28px;
	line-height: 32px;
	cursor: pointer;
}

.site-form-modal__mark {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 62px;
	height: 62px;
	margin: 0 auto 20px;
	border: 2px solid currentColor;
	border-radius: 50%;
	color: #0097da;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	line-height: 1;
}

.site-form-modal--success .site-form-modal__mark {
	color: #2f8b57;
}

.site-form-modal--error .site-form-modal__mark {
	color: #c73636;
}

.site-form-modal--success .site-form-modal__mark::before {
	content: "\2713";
}

.site-form-modal--error .site-form-modal__mark::before {
	content: "!";
	font-weight: 700;
}

.site-form-modal__title {
	margin: 0;
	color: #272d3b;
	font-size: 28px;
	line-height: 34px;
	text-transform: uppercase;
}

.site-form-modal__message {
	margin: 14px 0 0;
	color: #4d4d4d;
	font-size: 18px;
	line-height: 28px;
}

.site-form-modal__button {
	margin-top: 26px;
}

@media (max-width: 480px) {
	.site-form-modal {
		padding: 16px;
	}

	.site-form-modal__dialog {
		padding: 34px 24px 30px;
	}

	.site-form-modal__title {
		font-size: 24px;
		line-height: 30px;
	}
}