@charset "UTF-8";
/* =====================================================================
   all-secure-bundle.css - PLIK GENEROWANY, NIE EDYTUJ RECZNIE
   Scalenie 10 arkuszy w jeden, zeby ograniczyc liczbe zadan HTTP.
   Kolejnosc: grid.css, animate.css, fl-36-slim-icons.css, material-design.css, style.css, camera.css, jquery.fancybox.css, subscribe_mailform.css, mailform.css, google-map.css
   Wlasne poprawki wpisuj w css/all-secure-extra.css - ten plik
   laduje sie PO bundlu, wiec jego reguly maja pierwszenstwo.
   ===================================================================== */


/* ==================== grid.css ==================== */
/*==========================================================
                        NORMALIZE
==========================================================*/
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 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: top;
}

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

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

table {
  border-collapse: collapse;
  border-spacing: 0;
}

button,
input[type='button'] {
  background: none;
  border: none;
  display: inline-block;
  margin: 0;
  padding: 0;
  outline: none;
  outline-offset: 0;
  overflow: visible;
  cursor: pointer;
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input[type='button']::-moz-focus-inner {
  border: none;
  padding: 0;
}

input[type='text'],
input[type='time'],
input[type='url'],
input[type='month'],
input[type='week'],
input[type='email'],
input[type='color'],
input[type='datetime'],
input[type='datetime-local'],
input[type='range'],
input[type='search'],
input[type='tel'],
input[type='date'],
input[type='password'],
input[type='number'] {
  outline: none;
  background-color: transparent;
  border: none;
  -webkit-appearance: none;
  border-radius: 0;
  vertical-align: baseline;
  box-shadow: none;
}

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

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  min-width: 300px;
}
.container:before, .container:after {
  display: table;
  content: "";
  line-height: 0;
}
.container:after {
  clear: both;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1200px;
  }
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container-fluid:before, .container-fluid:after {
  display: table;
  content: "";
  line-height: 0;
}
.container-fluid:after {
  clear: both;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}
.row:before, .row:after {
  display: table;
  content: "";
  line-height: 0;
}
.row:after {
  clear: both;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

[class*="col-"] {
  margin-top: 30px;
}

.row {
  margin-top: -30px;
}

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

@media (min-width: 480px) {
  .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
  }

  .col-xs-1 {
    width: 8.33333%;
  }

  .col-xs-2 {
    width: 16.66667%;
  }

  .col-xs-3 {
    width: 25%;
  }

  .col-xs-4 {
    width: 33.33333%;
  }

  .col-xs-5 {
    width: 41.66667%;
  }

  .col-xs-6 {
    width: 50%;
  }

  .col-xs-7 {
    width: 58.33333%;
  }

  .col-xs-8 {
    width: 66.66667%;
  }

  .col-xs-9 {
    width: 75%;
  }

  .col-xs-10 {
    width: 83.33333%;
  }

  .col-xs-11 {
    width: 91.66667%;
  }

  .col-xs-12 {
    width: 100%;
  }

  .col-xs-offset-0 {
    margin-left: 0%;
  }

  .col-xs-offset-1 {
    margin-left: 8.33333%;
  }

  .col-xs-offset-2 {
    margin-left: 16.66667%;
  }

  .col-xs-offset-3 {
    margin-left: 25%;
  }

  .col-xs-offset-4 {
    margin-left: 33.33333%;
  }

  .col-xs-offset-5 {
    margin-left: 41.66667%;
  }

  .col-xs-offset-6 {
    margin-left: 50%;
  }

  .col-xs-offset-7 {
    margin-left: 58.33333%;
  }

  .col-xs-offset-8 {
    margin-left: 66.66667%;
  }

  .col-xs-offset-9 {
    margin-left: 75%;
  }

  .col-xs-offset-10 {
    margin-left: 83.33333%;
  }

  .col-xs-offset-11 {
    margin-left: 91.66667%;
  }

  .col-xs-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .col-xs-clear {
    clear: left;
  }
}
@media (min-width: 768px) {
  [class*="col-"] {
    margin-top: 30px;
  }

  .row {
    margin-top: -30px;
  }

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

  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }

  .col-sm-1 {
    width: 8.33333%;
  }

  .col-sm-2 {
    width: 16.66667%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-4 {
    width: 33.33333%;
  }

  .col-sm-5 {
    width: 41.66667%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-7 {
    width: 58.33333%;
  }

  .col-sm-8 {
    width: 66.66667%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-10 {
    width: 83.33333%;
  }

  .col-sm-11 {
    width: 91.66667%;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-offset-0 {
    margin-left: 0%;
  }

  .col-sm-offset-1 {
    margin-left: 8.33333%;
  }

  .col-sm-offset-2 {
    margin-left: 16.66667%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-4 {
    margin-left: 33.33333%;
  }

  .col-sm-offset-5 {
    margin-left: 41.66667%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-7 {
    margin-left: 58.33333%;
  }

  .col-sm-offset-8 {
    margin-left: 66.66667%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-10 {
    margin-left: 83.33333%;
  }

  .col-sm-offset-11 {
    margin-left: 91.66667%;
  }

  .col-sm-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .col-sm-clear {
    clear: left;
  }
}
@media (min-width: 992px) {
  [class*="col-"] {
    margin-top: 30px;
  }

  .row {
    margin-top: -30px;
  }

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

  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }

  .col-md-1 {
    width: 8.33333%;
  }

  .col-md-2 {
    width: 16.66667%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-4 {
    width: 33.33333%;
  }

  .col-md-5 {
    width: 41.66667%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-7 {
    width: 58.33333%;
  }

  .col-md-8 {
    width: 66.66667%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-10 {
    width: 83.33333%;
  }

  .col-md-11 {
    width: 91.66667%;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-offset-0 {
    margin-left: 0%;
  }

  .col-md-offset-1 {
    margin-left: 8.33333%;
  }

  .col-md-offset-2 {
    margin-left: 16.66667%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-4 {
    margin-left: 33.33333%;
  }

  .col-md-offset-5 {
    margin-left: 41.66667%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-7 {
    margin-left: 58.33333%;
  }

  .col-md-offset-8 {
    margin-left: 66.66667%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-10 {
    margin-left: 83.33333%;
  }

  .col-md-offset-11 {
    margin-left: 91.66667%;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .col-md-clear {
    clear: left;
  }
}
@media (min-width: 1200px) {
  [class*="col-"] {
    margin-top: 30px;
  }

  .row {
    margin-top: -30px;
  }

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

  .col-lg-clear {
    clear: left;
  }

  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }

  .col-lg-1 {
    width: 8.33333%;
  }

  .col-lg-2 {
    width: 16.66667%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-4 {
    width: 33.33333%;
  }

  .col-lg-5 {
    width: 41.66667%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-7 {
    width: 58.33333%;
  }

  .col-lg-8 {
    width: 66.66667%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-10 {
    width: 83.33333%;
  }

  .col-lg-11 {
    width: 91.66667%;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-offset-0 {
    margin-left: 0%;
  }

  .col-lg-offset-1 {
    margin-left: 8.33333%;
  }

  .col-lg-offset-2 {
    margin-left: 16.66667%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-4 {
    margin-left: 33.33333%;
  }

  .col-lg-offset-5 {
    margin-left: 41.66667%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-7 {
    margin-left: 58.33333%;
  }

  .col-lg-offset-8 {
    margin-left: 66.66667%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-10 {
    margin-left: 83.33333%;
  }

  .col-lg-offset-11 {
    margin-left: 91.66667%;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }
}


/* ==================== animate.css ==================== */
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

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

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    -ms-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    -ms-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    -ms-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}

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

/* originally authored by Nick Pettit - 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);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    -ms-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

@-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(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    -ms-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    -ms-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    -ms-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    -ms-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    -ms-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

@-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);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

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

@-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);
    -ms-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    -ms-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    -ms-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    -ms-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    -ms-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .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);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -ms-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);
    -ms-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);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

/* originally authored by Nick Pettit - 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;
    -ms-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    -ms-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);
    -ms-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);
    -ms-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);
    -ms-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);
    -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .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(.97, .97, .97);
    transform: scale3d(.97, .97, .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.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    -ms-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    -ms-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    -ms-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

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

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  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.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    -ms-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    -ms-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    -ms-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  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.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    -ms-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    -ms-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    -ms-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  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.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    -ms-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    -ms-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    -ms-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  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.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    -ms-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    -ms-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .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(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    -ms-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-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);
    -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

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

@-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);
    -ms-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

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

@-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);
    -ms-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

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

@-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);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

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

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

@-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);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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

@-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);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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

@-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);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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

@-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);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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

@-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);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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

@-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);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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

@-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);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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

@-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);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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

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

@-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);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

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

@-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);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

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

@-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);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

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

@-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);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

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

@-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);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

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

@-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);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

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

@-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);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

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

@-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);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

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

@-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(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .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);
    -ms-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);
    -ms-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);
    -ms-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(.95, .95, .95);
    -ms-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-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);
    -ms-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);
    -ms-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);
    -ms-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);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-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);
    -ms-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);
    -ms-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);
    -ms-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);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-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);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -ms-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);
    -ms-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;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-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);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    -ms-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);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-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);
    -ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    -ms-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    -ms-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;
}

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

@-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;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    -ms-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

@-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;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

@-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;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

@-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;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

@-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;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    -ms-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

@-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;
    -ms-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    -ms-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

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

@-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: rotate(0, 0, 1, 45deg);
    transform: rotate(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0, 0, 1, 45deg);
    -ms-transform: rotate(0, 0, 1, 45deg);
    transform: rotate(0, 0, 1, 45deg);
    opacity: 0;
  }
}

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

@-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;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

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

@-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;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

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

@-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;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    -ms-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

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

@-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;
    -ms-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);
    -ms-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    -ms-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);
    -ms-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    -ms-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);
    -ms-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

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

/* originally authored by Nick Pettit - 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;
}

/* originally authored by Nick Pettit - 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);
    -ms-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;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

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

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

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

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

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

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

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

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

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

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

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

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .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.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

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

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    -ms-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
  }
}

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

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    -ms-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
  }
}

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

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .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.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

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


/* ==================== fl-36-slim-icons.css ==================== */
/**
 * Title: 36 Slim Icons Flaticon Pack
 * Author: Fermam Aziz
 * Source: http://www.flaticon.com/packs/36-slim-icons
 * License:  CC BY 3.0 (http://creativecommons.org/licenses/by/3.0/)
 */

@font-face {
	font-family: "fl-36-slim-icons";
	src: url("../fonts/36-slim-icons.eot");
	src: url("../fonts/36-slim-icons.eot#iefix") format("embedded-opentype"),
	url("../fonts/36-slim-icons.woff") format("woff"),
	url("../fonts/36-slim-icons.ttf") format("truetype"),
	url("../fonts/36-slim-icons.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

.fl-36-slim-icons-ico,
[class^="fl-36-slim-icons-"]:before, [class*=" fl-36-slim-icons-"]:before,
[class^="fl-36-slim-icons-"]:after, [class*=" fl-36-slim-icons-"]:after {   
	font-family: "fl-36-slim-icons";
    font-size: inherit;
	font-weight: 400;
	font-style: normal;
} 

.fl-36-slim-icons-bird73:before {
	content: "\e000";
}
.fl-36-slim-icons-bookmark38:before {
	content: "\e001";
}
.fl-36-slim-icons-calculator63:before {
	content: "\e002";
}
.fl-36-slim-icons-calendar148:before {
	content: "\e003";
}
.fl-36-slim-icons-circles21:before {
	content: "\e004";
}
.fl-36-slim-icons-circular242:before {
	content: "\e005";
}
.fl-36-slim-icons-clock91:before {
	content: "\e006";
}
.fl-36-slim-icons-cloud288:before {
	content: "\e007";
}
.fl-36-slim-icons-cogwheel25:before {
	content: "\e008";
}
.fl-36-slim-icons-download155:before {
	content: "\e009";
}
.fl-36-slim-icons-email90:before {
	content: "\e00a";
}
.fl-36-slim-icons-file77:before {
	content: "\e00b";
}
.fl-36-slim-icons-global32:before {
	content: "\e00c";
}
.fl-36-slim-icons-happy49:before {
	content: "\e00d";
}
.fl-36-slim-icons-house130:before {
	content: "\e00e";
}
.fl-36-slim-icons-image77:before {
	content: "\e00f";
}
.fl-36-slim-icons-laptop111:before {
	content: "\e010";
}
.fl-36-slim-icons-like67:before {
	content: "\e011";
}
.fl-36-slim-icons-like68:before {
	content: "\e012";
}
.fl-36-slim-icons-monitor79:before {
	content: "\e013";
}
.fl-36-slim-icons-musical110:before {
	content: "\e014";
}
.fl-36-slim-icons-pencil98:before {
	content: "\e015";
}
.fl-36-slim-icons-phone358:before {
	content: "\e016";
}
.fl-36-slim-icons-photo193:before {
	content: "\e017";
}
.fl-36-slim-icons-placeholder27:before {
	content: "\e018";
}
.fl-36-slim-icons-play90:before {
	content: "\e019";
}
.fl-36-slim-icons-rss49:before {
	content: "\e01a";
}
.fl-36-slim-icons-search89:before {
	content: "\e01b";
}
.fl-36-slim-icons-share31:before {
	content: "\e01c";
}
.fl-36-slim-icons-shopping223:before {
	content: "\e01d";
}
.fl-36-slim-icons-speech105:before {
	content: "\e01e";
}
.fl-36-slim-icons-star165:before {
	content: "\e01f";
}
.fl-36-slim-icons-tag65:before {
	content: "\e020";
}
.fl-36-slim-icons-user152:before {
	content: "\e021";
}
.fl-36-slim-icons-video166:before {
	content: "\e022";
}
.fl-36-slim-icons-wifi76:before {
	content: "\e023";
}


/* ==================== material-design.css ==================== */
/**
 * Title: Material Design Flaticon Pack
 * Author: Google
 * Source: http://www.flaticon.com/packs/material-design
 * License:  CC BY 3.0 (http://creativecommons.org/licenses/by/3.0/)
 */
@font-face {
	font-family: "material-design";
	src: url("../fonts/material-design.eot");
	src: url("../fonts/material-design.eot#iefix") format("embedded-opentype"),
	url("../fonts/material-design.woff") format("woff"),
	url("../fonts/material-design.ttf") format("truetype"),
	url("../fonts/material-design.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

.material-design-ico,
[class^="material-design-"]:before, [class*=" material-design-"]:before,
[class^="material-design-"]:after, [class*=" material-design-"]:after {   
	font-family: "material-design";
    font-size: inherit;
	font-weight: 400;
	font-style: normal;
}

.material-design-account4:before {
	content: "\e000";
}
.material-design-add179:before {
	content: "\e001";
}
.material-design-add180:before {
	content: "\e002";
}
.material-design-add181:before {
	content: "\e003";
}
.material-design-add182:before {
	content: "\e004";
}
.material-design-add183:before {
	content: "\e005";
}
.material-design-add184:before {
	content: "\e006";
}
.material-design-add186:before {
	content: "\e007";
}
.material-design-adjust6:before {
	content: "\e008";
}
.material-design-airplane106:before {
	content: "\e009";
}
.material-design-android11:before {
	content: "\e00a";
}
.material-design-android12:before {
	content: "\e00b";
}
.material-design-apple70:before {
	content: "\e00c";
}
.material-design-attachment19:before {
	content: "\e00d";
}
.material-design-auto1:before {
	content: "\e00e";
}
.material-design-automatic2:before {
	content: "\e00f";
}
.material-design-automatic3:before {
	content: "\e010";
}
.material-design-back57:before {
	content: "\e011";
}
.material-design-backspace1:before {
	content: "\e012";
}
.material-design-bed24:before {
	content: "\e013";
}
.material-design-been:before {
	content: "\e014";
}
.material-design-birthday20:before {
	content: "\e015";
}
.material-design-black394:before {
	content: "\e016";
}
.material-design-black395:before {
	content: "\e017";
}
.material-design-black396:before {
	content: "\e018";
}
.material-design-black397:before {
	content: "\e019";
}
.material-design-black398:before {
	content: "\e01a";
}
.material-design-black399:before {
	content: "\e01b";
}
.material-design-black400:before {
	content: "\e01c";
}
.material-design-black401:before {
	content: "\e01d";
}
.material-design-black402:before {
	content: "\e01e";
}
.material-design-blank30:before {
	content: "\e01f";
}
.material-design-blank31:before {
	content: "\e020";
}
.material-design-blank32:before {
	content: "\e021";
}
.material-design-blank33:before {
	content: "\e022";
}
.material-design-blogger12:before {
	content: "\e023";
}
.material-design-blueetooth:before {
	content: "\e024";
}
.material-design-bluetooth21:before {
	content: "\e025";
}
.material-design-bluetooth22:before {
	content: "\e026";
}
.material-design-bluetooth23:before {
	content: "\e027";
}
.material-design-bluetooth24:before {
	content: "\e028";
}
.material-design-bluetooth25:before {
	content: "\e029";
}
.material-design-bookmark45:before {
	content: "\e02a";
}
.material-design-bookmark46:before {
	content: "\e02b";
}
.material-design-bookmark47:before {
	content: "\e02c";
}
.material-design-bookmark48:before {
	content: "\e02d";
}
.material-design-briefcase49:before {
	content: "\e02e";
}
.material-design-briefcase50:before {
	content: "\e02f";
}
.material-design-brightness10:before {
	content: "\e030";
}
.material-design-brochure6:before {
	content: "\e031";
}
.material-design-bubble8:before {
	content: "\e032";
}
.material-design-bug18:before {
	content: "\e033";
}
.material-design-burn9:before {
	content: "\e034";
}
.material-design-button11:before {
	content: "\e035";
}
.material-design-call47:before {
	content: "\e036";
}
.material-design-call48:before {
	content: "\e037";
}
.material-design-call49:before {
	content: "\e038";
}
.material-design-camera59:before {
	content: "\e039";
}
.material-design-camera60:before {
	content: "\e03a";
}
.material-design-cancel19:before {
	content: "\e03b";
}
.material-design-caps1:before {
	content: "\e03c";
}
.material-design-caps:before {
	content: "\e03d";
}
.material-design-car145:before {
	content: "\e03e";
}
.material-design-car146:before {
	content: "\e03f";
}
.material-design-car147:before {
	content: "\e040";
}
.material-design-cell10:before {
	content: "\e041";
}
.material-design-cell11:before {
	content: "\e042";
}
.material-design-cell12:before {
	content: "\e043";
}
.material-design-change3:before {
	content: "\e044";
}
.material-design-chat75:before {
	content: "\e045";
}
.material-design-chat76:before {
	content: "\e046";
}
.material-design-check51:before {
	content: "\e047";
}
.material-design-check52:before {
	content: "\e048";
}
.material-design-chemistry17:before {
	content: "\e049";
}
.material-design-circle107:before {
	content: "\e04a";
}
.material-design-circle108:before {
	content: "\e04b";
}
.material-design-circles23:before {
	content: "\e04c";
}
.material-design-circumference:before {
	content: "\e04d";
}
.material-design-city24:before {
	content: "\e04e";
}
.material-design-clapperboard4:before {
	content: "\e04f";
}
.material-design-clapperboard5:before {
	content: "\e050";
}
.material-design-clear5:before {
	content: "\e051";
}
.material-design-clipboard99:before {
	content: "\e052";
}
.material-design-clock100:before {
	content: "\e053";
}
.material-design-close47:before {
	content: "\e054";
}
.material-design-closed64:before {
	content: "\e055";
}
.material-design-cloud302:before {
	content: "\e056";
}
.material-design-cloud303:before {
	content: "\e057";
}
.material-design-cloud304:before {
	content: "\e058";
}
.material-design-cloud305:before {
	content: "\e059";
}
.material-design-cloud306:before {
	content: "\e05a";
}
.material-design-cloud307:before {
	content: "\e05b";
}
.material-design-compass106:before {
	content: "\e05c";
}
.material-design-connection21:before {
	content: "\e05d";
}
.material-design-copy31:before {
	content: "\e05e";
}
.material-design-create2:before {
	content: "\e05f";
}
.material-design-create3:before {
	content: "\e060";
}
.material-design-credit98:before {
	content: "\e061";
}
.material-design-crop13:before {
	content: "\e062";
}
.material-design-crop14:before {
	content: "\e063";
}
.material-design-cut23:before {
	content: "\e064";
}
.material-design-dark55:before {
	content: "\e065";
}
.material-design-developer2:before {
	content: "\e066";
}
.material-design-device4:before {
	content: "\e067";
}
.material-design-device5:before {
	content: "\e068";
}
.material-design-disc30:before {
	content: "\e069";
}
.material-design-do10:before {
	content: "\e06a";
}
.material-design-double126:before {
	content: "\e06b";
}
.material-design-download162:before {
	content: "\e06c";
}
.material-design-download164:before {
	content: "\e06d";
}
.material-design-download166:before {
	content: "\e06e";
}
.material-design-downwards:before {
	content: "\e06f";
}
.material-design-drafts:before {
	content: "\e070";
}
.material-design-drop25:before {
	content: "\e071";
}
.material-design-drop26:before {
	content: "\e072";
}
.material-design-drop27:before {
	content: "\e073";
}
.material-design-earth205:before {
	content: "\e074";
}
.material-design-ellipsis1:before {
	content: "\e075";
}
.material-design-email107:before {
	content: "\e076";
}
.material-design-emoticon117:before {
	content: "\e077";
}
.material-design-end3:before {
	content: "\e078";
}
.material-design-enter5:before {
	content: "\e079";
}
.material-design-exit13:before {
	content: "\e07a";
}
.material-design-expand38:before {
	content: "\e07b";
}
.material-design-expand39:before {
	content: "\e07c";
}
.material-design-facebook56:before {
	content: "\e07d";
}
.material-design-fast46:before {
	content: "\e07e";
}
.material-design-favorite21:before {
	content: "\e07f";
}
.material-design-favorite22:before {
	content: "\e080";
}
.material-design-filled13:before {
	content: "\e081";
}
.material-design-film61:before {
	content: "\e082";
}
.material-design-filter20:before {
	content: "\e083";
}
.material-design-flash25:before {
	content: "\e084";
}
.material-design-flash26:before {
	content: "\e085";
}
.material-design-folder215:before {
	content: "\e086";
}
.material-design-forward18:before {
	content: "\e087";
}
.material-design-forward19:before {
	content: "\e088";
}
.material-design-framed1:before {
	content: "\e089";
}
.material-design-front15:before {
	content: "\e08a";
}
.material-design-front16:before {
	content: "\e08b";
}
.material-design-front17:before {
	content: "\e08c";
}
.material-design-full46:before {
	content: "\e08d";
}
.material-design-gamepad3:before {
	content: "\e08e";
}
.material-design-gamepad4:before {
	content: "\e08f";
}
.material-design-get:before {
	content: "\e090";
}
.material-design-gmail3:before {
	content: "\e091";
}
.material-design-go10:before {
	content: "\e092";
}
.material-design-good4:before {
	content: "\e093";
}
.material-design-good5:before {
	content: "\e094";
}
.material-design-google117:before {
	content: "\e095";
}
.material-design-google118:before {
	content: "\e096";
}
.material-design-google119:before {
	content: "\e097";
}
.material-design-google120:before {
	content: "\e098";
}
.material-design-google121:before {
	content: "\e099";
}
.material-design-google122:before {
	content: "\e09a";
}
.material-design-google123:before {
	content: "\e09b";
}
.material-design-google124:before {
	content: "\e09c";
}
.material-design-google125:before {
	content: "\e09d";
}
.material-design-google126:before {
	content: "\e09e";
}
.material-design-google127:before {
	content: "\e09f";
}
.material-design-google128:before {
	content: "\e0a0";
}
.material-design-google129:before {
	content: "\e0a1";
}
.material-design-google130:before {
	content: "\e0a2";
}
.material-design-google131:before {
	content: "\e0a3";
}
.material-design-google132:before {
	content: "\e0a4";
}
.material-design-google133:before {
	content: "\e0a5";
}
.material-design-google134:before {
	content: "\e0a6";
}
.material-design-google135:before {
	content: "\e0a7";
}
.material-design-google136:before {
	content: "\e0a8";
}
.material-design-google137:before {
	content: "\e0a9";
}
.material-design-gps25:before {
	content: "\e0aa";
}
.material-design-gps26:before {
	content: "\e0ab";
}
.material-design-gps27:before {
	content: "\e0ac";
}
.material-design-gps28:before {
	content: "\e0ad";
}
.material-design-graduate32:before {
	content: "\e0ae";
}
.material-design-halffilled1:before {
	content: "\e0af";
}
.material-design-hangouts:before {
	content: "\e0b0";
}
.material-design-headset11:before {
	content: "\e0b1";
}
.material-design-headset12:before {
	content: "\e0b2";
}
.material-design-help18:before {
	content: "\e0b3";
}
.material-design-help19:before {
	content: "\e0b4";
}
.material-design-hide3:before {
	content: "\e0b5";
}
.material-design-high20:before {
	content: "\e0b6";
}
.material-design-high21:before {
	content: "\e0b7";
}
.material-design-high22:before {
	content: "\e0b8";
}
.material-design-history6:before {
	content: "\e0b9";
}
.material-design-home149:before {
	content: "\e0ba";
}
.material-design-horizontal39:before {
	content: "\e0bb";
}
.material-design-hotel68:before {
	content: "\e0bc";
}
.material-design-https:before {
	content: "\e0bd";
}
.material-design-import:before {
	content: "\e0be";
}
.material-design-insert4:before {
	content: "\e0bf";
}
.material-design-instagram16:before {
	content: "\e0c0";
}
.material-design-invert1:before {
	content: "\e0c1";
}
.material-design-keyboard53:before {
	content: "\e0c2";
}
.material-design-keyboard54:before {
	content: "\e0c3";
}
.material-design-label31:before {
	content: "\e0c4";
}
.material-design-landscape10:before {
	content: "\e0c5";
}
.material-design-laptop117:before {
	content: "\e0c6";
}
.material-design-left216:before {
	content: "\e0c7";
}
.material-design-left217:before {
	content: "\e0c8";
}
.material-design-left218:before {
	content: "\e0c9";
}
.material-design-light88:before {
	content: "\e0ca";
}
.material-design-link60:before {
	content: "\e0cb";
}
.material-design-linkedin24:before {
	content: "\e0cc";
}
.material-design-list88:before {
	content: "\e0cd";
}
.material-design-list89:before {
	content: "\e0ce";
}
.material-design-location41:before {
	content: "\e0cf";
}
.material-design-locked57:before {
	content: "\e0d0";
}
.material-design-locked58:before {
	content: "\e0d1";
}
.material-design-low34:before {
	content: "\e0d2";
}
.material-design-magic20:before {
	content: "\e0d3";
}
.material-design-man459:before {
	content: "\e0d4";
}
.material-design-man460:before {
	content: "\e0d5";
}
.material-design-map102:before {
	content: "\e0d6";
}
.material-design-map103:before {
	content: "\e0d7";
}
.material-design-mark1:before {
	content: "\e0d8";
}
.material-design-mark2:before {
	content: "\e0d9";
}
.material-design-medium5:before {
	content: "\e0da";
}
.material-design-medium6:before {
	content: "\e0db";
}
.material-design-medium7:before {
	content: "\e0dc";
}
.material-design-memory1:before {
	content: "\e0dd";
}
.material-design-menu55:before {
	content: "\e0de";
}
.material-design-merge:before {
	content: "\e0df";
}
.material-design-microphone84:before {
	content: "\e0e0";
}
.material-design-microphone85:before {
	content: "\e0e1";
}
.material-design-microsoft7:before {
	content: "\e0e2";
}
.material-design-microsoft8:before {
	content: "\e0e3";
}
.material-design-missed:before {
	content: "\e0e4";
}
.material-design-mountain31:before {
	content: "\e0e5";
}
.material-design-mountain32:before {
	content: "\e0e6";
}
.material-design-mountains14:before {
	content: "\e0e7";
}
.material-design-move26:before {
	content: "\e0e8";
}
.material-design-new102:before {
	content: "\e0e9";
}
.material-design-new103:before {
	content: "\e0ea";
}
.material-design-nfc1:before {
	content: "\e0eb";
}
.material-design-notifications1:before {
	content: "\e0ec";
}
.material-design-notifications2:before {
	content: "\e0ed";
}
.material-design-notifications:before {
	content: "\e0ee";
}
.material-design-painter14:before {
	content: "\e0ef";
}
.material-design-panoramic1:before {
	content: "\e0f0";
}
.material-design-parking14:before {
	content: "\e0f1";
}
.material-design-pause44:before {
	content: "\e0f2";
}
.material-design-person325:before {
	content: "\e0f3";
}
.material-design-phone370:before {
	content: "\e0f4";
}
.material-design-phone371:before {
	content: "\e0f5";
}
.material-design-phone372:before {
	content: "\e0f6";
}
.material-design-phone373:before {
	content: "\e0f7";
}
.material-design-phone374:before {
	content: "\e0f8";
}
.material-design-phone375:before {
	content: "\e0f9";
}
.material-design-photo210:before {
	content: "\e0fa";
}
.material-design-photo211:before {
	content: "\e0fb";
}
.material-design-photo212:before {
	content: "\e0fc";
}
.material-design-photographic1:before {
	content: "\e0fd";
}
.material-design-pinterest33:before {
	content: "\e0fe";
}
.material-design-planet29:before {
	content: "\e0ff";
}
.material-design-play105:before {
	content: "\e100";
}
.material-design-play106:before {
	content: "\e101";
}
.material-design-play107:before {
	content: "\e102";
}
.material-design-play108:before {
	content: "\e103";
}
.material-design-play109:before {
	content: "\e104";
}
.material-design-plus80:before {
	content: "\e105";
}
.material-design-poll:before {
	content: "\e106";
}
.material-design-power106:before {
	content: "\e107";
}
.material-design-previous14:before {
	content: "\e108";
}
.material-design-printer88:before {
	content: "\e109";
}
.material-design-problems:before {
	content: "\e10a";
}
.material-design-progress10:before {
	content: "\e10b";
}
.material-design-public10:before {
	content: "\e10c";
}
.material-design-public11:before {
	content: "\e10d";
}
.material-design-public9:before {
	content: "\e10e";
}
.material-design-puzzle37:before {
	content: "\e10f";
}
.material-design-radio51:before {
	content: "\e110";
}
.material-design-random5:before {
	content: "\e111";
}
.material-design-rate:before {
	content: "\e112";
}
.material-design-read5:before {
	content: "\e113";
}
.material-design-receipt9:before {
	content: "\e114";
}
.material-design-record9:before {
	content: "\e115";
}
.material-design-refresh55:before {
	content: "\e116";
}
.material-design-refresh56:before {
	content: "\e117";
}
.material-design-reminder6:before {
	content: "\e118";
}
.material-design-replay4:before {
	content: "\e119";
}
.material-design-reply18:before {
	content: "\e11a";
}
.material-design-report:before {
	content: "\e11b";
}
.material-design-rewind45:before {
	content: "\e11c";
}
.material-design-right237:before {
	content: "\e11d";
}
.material-design-right244:before {
	content: "\e11e";
}
.material-design-ring24:before {
	content: "\e11f";
}
.material-design-rotate11:before {
	content: "\e120";
}
.material-design-rotate12:before {
	content: "\e121";
}
.material-design-round50:before {
	content: "\e122";
}
.material-design-round51:before {
	content: "\e123";
}
.material-design-round52:before {
	content: "\e124";
}
.material-design-round53:before {
	content: "\e125";
}
.material-design-round54:before {
	content: "\e126";
}
.material-design-round55:before {
	content: "\e127";
}
.material-design-round56:before {
	content: "\e128";
}
.material-design-round57:before {
	content: "\e129";
}
.material-design-round58:before {
	content: "\e12a";
}
.material-design-rounded54:before {
	content: "\e12b";
}
.material-design-rounded55:before {
	content: "\e12c";
}
.material-design-rounded56:before {
	content: "\e12d";
}
.material-design-rounded57:before {
	content: "\e12e";
}
.material-design-rounded58:before {
	content: "\e12f";
}
.material-design-rounded59:before {
	content: "\e130";
}
.material-design-rounded60:before {
	content: "\e131";
}
.material-design-rubbish:before {
	content: "\e132";
}
.material-design-save20:before {
	content: "\e133";
}
.material-design-schedule2:before {
	content: "\e134";
}
.material-design-screen44:before {
	content: "\e135";
}
.material-design-screen45:before {
	content: "\e136";
}
.material-design-screen46:before {
	content: "\e137";
}
.material-design-screen47:before {
	content: "\e138";
}
.material-design-screen48:before {
	content: "\e139";
}
.material-design-screen49:before {
	content: "\e13a";
}
.material-design-sd7:before {
	content: "\e13b";
}
.material-design-sd8:before {
	content: "\e13c";
}
.material-design-search100:before {
	content: "\e13d";
}
.material-design-searching41:before {
	content: "\e13e";
}
.material-design-select3:before {
	content: "\e13f";
}
.material-design-select4:before {
	content: "\e140";
}
.material-design-send12:before {
	content: "\e141";
}
.material-design-send13:before {
	content: "\e142";
}
.material-design-send14:before {
	content: "\e143";
}
.material-design-server40:before {
	content: "\e144";
}
.material-design-set5:before {
	content: "\e145";
}
.material-design-set6:before {
	content: "\e146";
}
.material-design-settings49:before {
	content: "\e147";
}
.material-design-settings50:before {
	content: "\e148";
}
.material-design-share39:before {
	content: "\e149";
}
.material-design-shared1:before {
	content: "\e14a";
}
.material-design-shining2:before {
	content: "\e14b";
}
.material-design-shining3:before {
	content: "\e14c";
}
.material-design-shopping231:before {
	content: "\e14d";
}
.material-design-shopping232:before {
	content: "\e14e";
}
.material-design-show4:before {
	content: "\e14f";
}
.material-design-show5:before {
	content: "\e150";
}
.material-design-show6:before {
	content: "\e151";
}
.material-design-show7:before {
	content: "\e152";
}
.material-design-show8:before {
	content: "\e153";
}
.material-design-shuffle24:before {
	content: "\e154";
}
.material-design-sim2:before {
	content: "\e155";
}
.material-design-smartphone19:before {
	content: "\e156";
}
.material-design-smartphone20:before {
	content: "\e157";
}
.material-design-sms5:before {
	content: "\e158";
}
.material-design-sms6:before {
	content: "\e159";
}
.material-design-sms7:before {
	content: "\e15a";
}
.material-design-snake4:before {
	content: "\e15b";
}
.material-design-sort52:before {
	content: "\e15c";
}
.material-design-speech108:before {
	content: "\e15d";
}
.material-design-split4:before {
	content: "\e15e";
}
.material-design-square181:before {
	content: "\e15f";
}
.material-design-stop46:before {
	content: "\e160";
}
.material-design-swap2:before {
	content: "\e161";
}
.material-design-swap3:before {
	content: "\e162";
}
.material-design-switch27:before {
	content: "\e163";
}
.material-design-switch28:before {
	content: "\e164";
}
.material-design-switch29:before {
	content: "\e165";
}
.material-design-switch30:before {
	content: "\e166";
}
.material-design-synchronization3:before {
	content: "\e167";
}
.material-design-synchronization4:before {
	content: "\e168";
}
.material-design-synchronization5:before {
	content: "\e169";
}
.material-design-tab3:before {
	content: "\e16a";
}
.material-design-tablet95:before {
	content: "\e16b";
}
.material-design-tack:before {
	content: "\e16c";
}
.material-design-tag71:before {
	content: "\e16d";
}
.material-design-telephone105:before {
	content: "\e16e";
}
.material-design-thermostat1:before {
	content: "\e16f";
}
.material-design-three168:before {
	content: "\e170";
}
.material-design-three170:before {
	content: "\e171";
}
.material-design-thumb53:before {
	content: "\e172";
}
.material-design-thumb54:before {
	content: "\e173";
}
.material-design-tick7:before {
	content: "\e174";
}
.material-design-timelapse:before {
	content: "\e175";
}
.material-design-traffic21:before {
	content: "\e176";
}
.material-design-tumblr22:before {
	content: "\e177";
}
.material-design-turn17:before {
	content: "\e178";
}
.material-design-turn18:before {
	content: "\e179";
}
.material-design-turn19:before {
	content: "\e17a";
}
.material-design-turn20:before {
	content: "\e17b";
}
.material-design-turn21:before {
	content: "\e17c";
}
.material-design-turn22:before {
	content: "\e17d";
}
.material-design-turn23:before {
	content: "\e17e";
}
.material-design-twitter47:before {
	content: "\e17f";
}
.material-design-two375:before {
	content: "\e180";
}
.material-design-two385:before {
	content: "\e181";
}
.material-design-two393:before {
	content: "\e182";
}
.material-design-underline6:before {
	content: "\e183";
}
.material-design-underline7:before {
	content: "\e184";
}
.material-design-undo19:before {
	content: "\e185";
}
.material-design-unlocked43:before {
	content: "\e186";
}
.material-design-up176:before {
	content: "\e187";
}
.material-design-upload119:before {
	content: "\e188";
}
.material-design-upload120:before {
	content: "\e189";
}
.material-design-usb33:before {
	content: "\e18a";
}
.material-design-user157:before {
	content: "\e18b";
}
.material-design-user158:before {
	content: "\e18c";
}
.material-design-users25:before {
	content: "\e18d";
}
.material-design-verification24:before {
	content: "\e18e";
}
.material-design-videocall:before {
	content: "\e18f";
}
.material-design-view12:before {
	content: "\e190";
}
.material-design-virtual2:before {
	content: "\e191";
}
.material-design-visibility1:before {
	content: "\e192";
}
.material-design-voice32:before {
	content: "\e193";
}
.material-design-voicemail1:before {
	content: "\e194";
}
.material-design-volume47:before {
	content: "\e195";
}
.material-design-volume49:before {
	content: "\e196";
}
.material-design-volume50:before {
	content: "\e197";
}
.material-design-volume51:before {
	content: "\e198";
}
.material-design-warning37:before {
	content: "\e199";
}
.material-design-watch16:before {
	content: "\e19a";
}
.material-design-waving:before {
	content: "\e19b";
}
.material-design-web37:before {
	content: "\e19c";
}
.material-design-website12:before {
	content: "\e19d";
}
.material-design-wifi81:before {
	content: "\e19e";
}
.material-design-wifi82:before {
	content: "\e19f";
}
.material-design-wifi83:before {
	content: "\e1a0";
}
.material-design-window57:before {
	content: "\e1a1";
}
.material-design-work3:before {
	content: "\e1a2";
}
.material-design-workspace:before {
	content: "\e1a3";
}
.material-design-world96:before {
	content: "\e1a4";
}
.material-design-write20:before {
	content: "\e1a5";
}
.material-design-youtube35:before {
	content: "\e1a6";
}


/* ==================== style.css ==================== */
/* */



/*========================================================
						Main Styles
=========================================================*/
body {
  color: #9a9a9a;
  font: 300 18px/26px "Play", sans-serif;
  -webkit-text-size-adjust: none;
  background: #f5f5f5;

}

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

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Play", sans-serif;
  font-weight: 300;
  margin: 0;
  color: #1d1d1d;
}

.txt_standout {

  font-family: "Play", sans-serif;
  font-weight: 700;
  font-size: 24px;
  margin: 0;
  color: #e60000;

}

h1,
.h1 {
  font-size: 70px;
  line-height: 1;
  font-family: "Play", sans-serif;
}

h2,
.h2 {
  font-size: 60px;
  line-height: 1.16666667;
  font-family: 'Play', sans-serif;
  text-transform: uppercase;
}


/*  CUSTOM SCREEN SETTING */
@media (max-width: 480px){


}


@media (min-width: 480px) and (max-width: 767px) {
  h2,
  .h2 {
    font-size: 42px;
  }
}
@media (max-width: 479px) {
  h2,
  .h2 {
    font-size: 29px;
  }
}
h3,
.h3 {
  font-size: 20px;
  line-height: 1.1;
  font-family: "Play", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0px;
}
@media (max-width: 991px) {
  h3,
  .h3 {
    letter-spacing: 0;
  }
}

h4,
.h4 {
  font-size: 18px;
  line-height: 1.11111111;
  text-transform: uppercase;
  font-family: "Play", sans-serif;
  font-weight: 600;
  color: #3d3d3d;
}
h4 a:hover,
.h4 a:hover {
  color: #00a39a;
}

h5,
.h5 {
  font-size: 18px;
  line-height: 1.38888889;
  font-weight: 500;
}
h5 a:hover,
.h5 a:hover {
  color: #00a39a;
}

h6,
.h6 {
  font-size: 14px;
  line-height: 1.85714286;
  font-family: 'Play', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}


p a:hover, .marked-list a:hover, .list a:hover {
  text-decoration: underline;
}
p .fa, .marked-list .fa, .list .fa {
  text-decoration: none;
}

time {
  display: block;
}

a {
  font: inherit;
  color: inherit;
  text-decoration: none;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
a:focus {
  outline: none;
}
a:active {
  background-color: transparent;
}

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

a[href^="callto:"]:hover {
  text-decoration: underline;
}

strong {
  font-weight: 700;
}

.fa {
  line-height: inherit;
}

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

.page {
  overflow: hidden;
  min-height: 500px;
}
.lt-ie9 .page {
  min-width: 1200px;
}

/*=======================================================
						 Main Layout
=========================================================*/
.fleft {
  float: left;
}

.fright {
  float: right;
}

.cntr {
  text-align: center;
}

.left {
  text-align: left;
}

.wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
}

hr {
  border: none;
  height: 1px;
  background: #9a9a9a;
}

.link1 {
  color: #00a39a;
}
.link1:hover {
  color: #9a9a9a;
}

@media (max-width: 767px) {
  .mobile_cntr {
    text-align: center;
  }
}
@media (max-width: 479px) {
  .mobile_cntr2 {
    text-align: center;
  }
}
* + h3, * + h4, * + h5, * + h6, * + p, * + img, * + .btn {
  margin-top: 20px;
}

* + p.clr_1 {
  margin-top: 38px;
}

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

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

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

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

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

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

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

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

.media_mod1 + .media_mod1 {
  margin-top: 25px;
}

.row + .row {
  margin-top: 33px;
}

h3 + h5 {
  margin-top: 40px;
}

h5 + p {
  margin-top: 2px;
}

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

.time_mod + h4 {
  margin-top: 35px;
}

time + h4 + p.l-height {
  margin-top: 22px;
}

h4 + p.l-height {
  margin-top: 42px;
}

h3 + img {
  margin-top: 49px;
}

h3 + article {
  margin-top: 38px;
}

article + article {
  margin-top: 14px;
}

img + h5 {
  margin-top: 20px;
}

p + h6 {
  margin-top: 34px;
}

* + .off0 {
  margin-top: 0;
}

* + .off {
  margin-top: 100px;
}
@media (max-width: 991px) {
  * + .off {
    margin-top: 40px;
  }
}

* + .off1 {
  margin-top: 21px;
}

* + .off2 {
  margin-top: 39px;
}

* + .off3 {
  margin-top: 49px;
}

.marTop0 {
  margin-top: 0;
}

.marTop2 {
  margin-top: 39px;
}

@media (min-width: 767px) {
  .mar-inside-col0 [class*="col-"] {
    margin-top: 0;
  }
}

/*=======================================================
						Components
=========================================================*/
/*==================     Brand     ======================*/
.brand {
  font-size: 24px;
  line-height: 35px;
  display: inline-block;
}
.brand_name {
  overflow: hidden;
  color: #fff;
  font-weight: 700;
  font-family: "Play", sans-serif;
  text-transform: uppercase;
}

.navbar {
  position: relative;
  min-height: 70px;
  margin-bottom: 0;
}

.navbar-static-top {
  z-index: 1000;
}

/*=================   Inline list   =====================*/
.inline-list li {
  position: relative;
  display: inline-block;
}
.inline-list li a {
  height: 42px;
  width: 42px;
  display: block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #dadada;
  color: #3f3f3f;
  background: #fff;
  text-align: center;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.inline-list li a:before {
  position: absolute;
  font-size: 15px;
  line-height: 42px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.inline-list li a:hover {
  color: #fff;
  border: 21px solid #1d1d1d;
}
.inline-list li + li {
  margin-left: -2px;
}

/*==================  Marked List  ======================*/
.marked-list li {
  position: relative;
  padding-left: 23px;
}
.marked-list li:before {
  content: '\f18e';
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 400;
  font-size: 18px;
  font-family: "FontAwesome";
  color: #9a9a9a;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.marked-list li + li {
  margin-top: 10px;
}
.marked-list li:hover:before {
  left: 2px;
}
.marked-list a:hover {
  color: #00a39a;
}

/*==================  Terms List  ======================*/
* + .terms-list {
  margin-top: 39px;
  margin-bottom: 0;
}
.terms-list dt {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  color: #1d1d1d;
}
.terms-list dd {
  font-size: 18px;
  line-height: 26px;
  margin: 0;
}
.terms-list dt + dd {
  margin-top: 0;
}
.terms-list dd + dt {
  margin-top: 34px;
}
.terms-list + a {
  margin-top: 12px;
  display: inline-block;
  color: #00a39a;
  font-size: 20px;
  line-height: 22px;
  font-weight: 400;
}
.terms-list + a:hover {
  text-decoration: underline;
}

/*==================    Cont-info  ======================*/
.contact-info {
 /* max-width: 229px; */
 max-width: 300px;
}
.contact-info dl {
  display: block;
  margin-top: 2px;
}
.contact-info dl dt {
  float: left;
}
.contact-info dl dd {
  float: right;
  margin-left: 4px;
}
.contact-info dl dd, .contact-info dl dt {
  font-size: 18px;
}
.contact-info dt + dd {
  margin-top: 0;
}
.contact-info dd + dt {
  clear: both;
  margin-top: 0;
}
.contact-info .mail {
  margin-right: 10px;
  color: #00a39a;
  text-decoration: underline;
}
.contact-info .mail:hover {
  color: #1d1d1d;
  text-decoration: underline;
}
@media (max-width: 767px) {
  .contact-info {
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
  }
}

.bord {
  border: 1px solid #dadada;
}

.ins {
  padding: 75px 40px 71px 62px;
}
@media (max-width: 479px) {
  .ins {
    padding: 74px 40px;
  }
}

.ins1 {
  padding: 25px 30px 22px 30px;
}


.fl-36-slim-icons-photo193, .fl-36-slim-icons-video166, .fl-36-slim-icons-star165, .fl-36-slim-icons-monitor79, .custom_icons {
  color: #111111;
  line-height: 34px;
  position: absolute;
  top: 19px;
  left: 0;
}
@media (max-width: 479px) {
  .fl-36-slim-icons-photo193, .fl-36-slim-icons-video166, .fl-36-slim-icons-star165, .fl-36-slim-icons-monitor79, .custom_icons {
    position: relative;
    top: 0;
  }
}

.fl-36-slim-icons-photo193 {
  font-size: 34px;
}

.fl-36-slim-icons-video166 {
  font-size: 45px;
}

.fl-36-slim-icons-star165 {
  font-size: 45px;
}

.fl-36-slim-icons-monitor79 {
  font-size: 40px;
}

.gallery_wrap {
  width: 100%;
}
.gallery_wrap:before, .gallery_wrap:after {
  display: table;
  content: "";
  line-height: 0;
}
.gallery_wrap:after {
  clear: both;
}
.gallery_wrap img {
  width: 100%;
  margin: 0;
}
.gallery_wrap .gallery_block_wrap1 {
  width: 40.09756097560976%;
  float: left;
  margin: 0;
}
.gallery_wrap .gallery_block_wrap1 .gallery_block1 {
  width: 100%;
}
.gallery_wrap .gallery_block_wrap1 .gallery_block1 .gallery_block1_1 {
  float: left;
  width: 49.75669099756691%;
}
.gallery_wrap .gallery_block_wrap1 .gallery_block1 .gallery_block1_2 {
  float: right;
  width: 50.24330900243309%;
}
.gallery_wrap .gallery_block_wrap2 {
  width: 59.90243902439024%;
  float: right;
  margin: 0;
}
.gallery_wrap .gallery_block_wrap2 .gallery_block2 {
  width: 100%;
}
.gallery_wrap .gallery_block_wrap2 .gallery_block2 .gallery_block2_1 {
  float: left;
  width: 33.63192182410423%;
}
.gallery_wrap .gallery_block_wrap2 .gallery_block2 .gallery_block2_2 {
  float: right;
  width: 66.36807817589577%;
}
.gallery_wrap .gallery_block_wrap2 .gallery_block3 {
  width: 100%;
}
.gallery_wrap .gallery_block_wrap2 .gallery_block3 .gallery_block3_1 {
  float: left;
  width: 67.10097719869707%;
}
.gallery_wrap .gallery_block_wrap2 .gallery_block3 .gallery_block3_2 {
  float: right;
  width: 32.89902280130293%;
}
.gallery_wrap .gallery_block_wrap3 {
  width: 20.14634146341463%;
  float: left;
  margin: 0;
}
.gallery_wrap .gallery_block_wrap3 .gallery_block4 {
  width: 100%;
}
.gallery_wrap .gallery_block_wrap4 .gallery_block5 {
  width: 79.85365853658537%;
  float: right;
  margin: 0;
}
.gallery_wrap .gallery_block_wrap4 .gallery_block5 .gallery_block5_1 {
  float: left;
  width: 25.22907758094075%;
}
.gallery_wrap .gallery_block_wrap4 .gallery_block5 .gallery_block5_2 {
  float: left;
  width: 49.78619425778864%;
}
.gallery_wrap .gallery_block_wrap4 .gallery_block5 .gallery_block5_3 {
  float: right;
  width: 24.98472816127062%;
}
.gallery_wrap .gallery_block_wrap4 .gallery_block6 {
  width: 79.85365853658537%;
  float: right;
  margin: 0;
}
.gallery_wrap .gallery_block_wrap4 .gallery_block6 .gallery_block6_1 {
  float: left;
  width: 50.33598045204643%;
}
.gallery_wrap .gallery_block_wrap4 .gallery_block6 .gallery_block6_2 {
  float: left;
  width: 24.67929138668296%;
}
.gallery_wrap .gallery_block_wrap4 .gallery_block6 .gallery_block6_3 {
  float: right;
  width: 24.98472816127062%;
}
@media (max-width: 991px) {
  .gallery_wrap .gallery_block_wrap1, .gallery_wrap .gallery_block_wrap2 {
    width: 100%;
    display: block;
  }
}
@media (max-width: 767px) {
  .gallery_wrap .gallery_block_wrap1.gallery_block_wrap_767 .gallery_block1 .gallery_block1_1 {
    width: 100%;
  }
  .gallery_wrap .gallery_block_wrap1.gallery_block_wrap_767 .gallery_block1 .gallery_block1_2 {
    width: 100%;
  }
  .gallery_wrap .gallery_block_wrap2.gallery_block_wrap_767 .gallery_block2 .gallery_block2_1 {
    width: 100%;
  }
  .gallery_wrap .gallery_block_wrap2.gallery_block_wrap_767 .gallery_block2 .gallery_block2_2 {
    width: 100%;
  }
  .gallery_wrap .gallery_block_wrap2.gallery_block_wrap_767 .gallery_block3 .gallery_block3_1 {
    width: 100%;
  }
  .gallery_wrap .gallery_block_wrap2.gallery_block_wrap_767 .gallery_block3 .gallery_block3_2 {
    width: 100%;
  }
  .gallery_wrap .gallery_block_wrap3 {
    width: 100%;
    display: block;
  }
  .gallery_wrap .gallery_block_wrap4 {
    width: 100%;
    display: block;
  }
  .gallery_wrap .gallery_block_wrap4 .gallery_block5 {
    width: 100%;
  }
  .gallery_wrap .gallery_block_wrap4 .gallery_block5 .gallery_block5_1 {
    width: 100%;
  }
  .gallery_wrap .gallery_block_wrap4 .gallery_block5 .gallery_block5_2 {
    width: 100%;
  }
  .gallery_wrap .gallery_block_wrap4 .gallery_block5 .gallery_block5_3 {
    width: 100%;
  }
  .gallery_wrap .gallery_block_wrap4 .gallery_block6 {
    width: 100%;
  }
  .gallery_wrap .gallery_block_wrap4 .gallery_block6 .gallery_block6_1 {
    width: 100%;
  }
  .gallery_wrap .gallery_block_wrap4 .gallery_block6 .gallery_block6_2 {
    width: 100%;
  }
  .gallery_wrap .gallery_block_wrap4 .gallery_block6 .gallery_block6_3 {
    width: 100%;
  }
}
@media (max-width: 500px) {
  .gallery_wrap .gallery_block_wrap1 .gallery_block1 .gallery_block1_1 {
    width: 100%;
  }
  .gallery_wrap .gallery_block_wrap1 .gallery_block1 .gallery_block1_2 {
    width: 100%;
  }
  .gallery_wrap .gallery_block_wrap2 .gallery_block2 .gallery_block2_1 {
    width: 100%;
  }
  .gallery_wrap .gallery_block_wrap2 .gallery_block2 .gallery_block2_2 {
    width: 100%;
  }
  .gallery_wrap .gallery_block_wrap2 .gallery_block3 .gallery_block3_1 {
    width: 100%;
  }
  .gallery_wrap .gallery_block_wrap2 .gallery_block3 .gallery_block3_2 {
    width: 100%;
  }
}

.time_mod {
  position: relative;
  height: 60px;
  width: 150px;
  display: inline-block;
}
.time_mod:before, .time_mod:after {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 0;
  font-size: 60px;
  line-height: 60px;
  color: #9e9e9e;
  font-style: italic;
  font-family: "Trebuchet MS";
  text-align: center;
}
.time_mod:before {
  color: #dfdfdf;
  clip: rect(0, auto, 30px, auto);
  z-index: 2;
}
.time_mod:after {
  color: #9e9e9e;
  z-index: 1;
}
@media (max-width: 991px) {
  .time_mod {
    margin-top: 40px;
  }
}

/* --------------------  Start Progress bars   --------------------*/
/*** Background color of the whole progress component*/
/*** Progress bar text color*/
/*** Variable for setting rounded corners on progress bar.*/
/*** Default progress bar color*/
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress_wrap {
  margin-top: 7px;
  max-width: 485px;
  text-align: right;
}
.progress_wrap h6 {
  display: inline-block;
  float: left;
  text-align: left;
}
@media (max-width: 991px) {
  .progress_wrap h6 {
    font-size: 13px;
  }
}
@media (max-width: 525px) {
  .progress_wrap h6 {
    display: block;
    width: 100%;
    text-indent: 10px;
  }
}
.progress_wrap:before, .progress_wrap:after {
  display: table;
  content: "";
  line-height: 0;
}
.progress_wrap:after {
  clear: both;
}
@media (min-width: 768px) and (max-width: 991px) {
  .progress_wrap {
    max-width: 100%;
  }
}

.progress_wrap + .progress_wrap {
  margin-top: 14px;
}

.progress {
  overflow: hidden;
  height: 20px;
  background-color: #1d1d1d;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  border: 1px solid #8d8c8c;
  padding: 3px;
  max-width: 273px;
  width: 100%;
  display: inline-block;
  position: relative;
  top: 3px;
  margin-left: 15px;
  margin-right: 22px;
}
@media (max-width: 1199px) {
  .progress {
    max-width: 233px;
  }
}
@media (max-width: 991px) {
  .progress {
    max-width: 173px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .progress {
    margin-right: 10px;
  }
}
@media (max-width: 991px) {
  .progress {
    margin-left: 7px;
    margin-right: 7px;
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .progress {
    max-width: 55%;
  }
}
@media (max-width: 525px) {
  .progress {
    max-width: 82%;
    float: left;
  }
}

.progress_text {
  font-size: 16px;
  font-weight: 700;
  font-family: 'Open Sans', sans-serif;
  display: inline-block;
  float: right;
  letter-spacing: 1px;
}
@media (max-width: 991px) {
  .progress_text {
    font-size: 12px;
  }
}

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 16px;
  line-height: 26px;
  color: #1d1d1d;
  text-align: center;
  background-color: #1edaa4;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.progress-bar-bg1 {
  background-color: #1eda46;
}

.progress-bar-bg2 {
  background-color: #b1da1e;
}

.progress-bar-bg3 {
  background-color: #daa51e;
}

.progress-bar-bg4 {
  background-color: #da471e;
}

.progress-bar-bg5 {
  background-color: #da1e52;
}

.progress-bar-clr {
  color: #1edaa4;
}

.progress-bar-clr1 {
  color: #1eda46;
}

.progress-bar-clr2 {
  color: #b1da1e;
}

.progress-bar-clr3 {
  color: #daa51e;
}

.progress-bar-clr4 {
  color: #da471e;
}

.progress-bar-clr5 {
  color: #da1e52;
}

/* --------------------  End Progress bars   --------------------*/
/*==================  media  ======================*/
@media (max-width: 991px) {
  .row.text-left + .row.text-left {
    margin-top: 0;
  }
}
.media:first-child {
  /*margin-top: 0;*/
}
@media (max-width: 991px) {
  .media {
    margin-top: 15px;
  }
}

.media,
.media-body {
  zoom: 1;
  overflow: hidden;
}

.media-body * + p {
  margin-top: 0;
}

.media-object {
  display: block;
}

.media-right,
.media > .pull-right {
  padding-left: 10px;
}
.media-right img,
.media > .pull-right img {
  max-width: none;
}

.media-left,
.media > .pull-left {
  padding-right: 95px;
  position: relative;
}
.media-left img,
.media > .pull-left img {
  max-width: none;
}

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}
.media-left [class*="fa"],
.media-right [class*="fa"],
.media-body [class*="fa"] {
  font-size: 28px;
  line-height: 37px;
  color: #1d1d1d;
}
@media (max-width: 479px) {
  .media-left,
  .media-right,
  .media-body {
    display: block;
    width: 100%;
    text-align: center;
    padding-right: 0;
    margin-bottom: 15px;
  }
  .media-left img,
  .media-right img,
  .media-body img {
    margin-left: auto;
    margin-right: auto;
  }
}

.media-middle {
  vertical-align: middle;
}

.media-bottom {
  vertical-align: bottom;
}

.media-heading {
  margin-top: 0;
}

.media-list {
  padding-left: 0;
  list-style: none;
}

blockquote .media-left {
  padding-right: 81px;
  padding-left: 4px;
}
blockquote .media-body {
  padding-top: 8px;
}
blockquote .media-body * + p {
  margin-top: 41px;
}
blockquote .quote {
  font-size: 60px;
  color: #00a39a;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  position: relative;
  top: 3px;
  left: -6px;
  float: left;
}
@media (max-width: 767px) {
  blockquote {
    text-align: center;
  }
  blockquote .media-left {
    padding-right: 0;
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  blockquote .media-left img {
    margin-left: auto;
    margin-right: auto;
  }
  blockquote .media-body {
    display: block;
  }
  blockquote .quote {
    position: relative;
    left: 0;
    float: none;
    top: 13px;
  }
}

.media_mod .media-left,
.media_mod .media > .pull-left {
  padding-right: 10px;
  position: relative;
  float: left;
}

.media_mod1 {
  position: relative;
}
.media_mod1 .media-left,
.media_mod1 .media > .pull-left {
  padding-right: 51px;
  position: relative;
}
.media_mod1 .media-left .fa-bank, .media_mod1 .media-left .fa-calendar, .media_mod1 .media-left .fa-comments-o,
.media_mod1 .media > .pull-left .fa-bank,
.media_mod1 .media > .pull-left .fa-calendar,
.media_mod1 .media > .pull-left .fa-comments-o {
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 767px) {
  .media_mod1 .media-left,
  .media_mod1 .media > .pull-left {
    padding-right: 0;
  }
  .media_mod1 .media-left .fa-bank, .media_mod1 .media-left .fa-calendar, .media_mod1 .media-left .fa-comments-o,
  .media_mod1 .media > .pull-left .fa-bank,
  .media_mod1 .media > .pull-left .fa-calendar,
  .media_mod1 .media > .pull-left .fa-comments-o {
    position: relative;
  }
}

/*==================  Backgrounds  ======================*/
.bg1 {
  background: #00a39a;
}

.bg2 {
  background: #1d1d1d;
}

.bg3 {
  background: #9a9a9a;
}

.color1 {
  color: #00a39a;
}

.color2 {
  color: #1d1d1d;
}

.color3 {
  color: #9a9a9a;
}

/*==================     Icons     ======================*/
.text-left {
  text-align: left;
}

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

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

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

.text-nowrap {
  white-space: nowrap;
}

@media (max-width: 767px) {
  .center767 {
    text-align: center;
  }
  .center767 * {
    text-align: center;
  }
}

@media (max-width: 991px) {
  .center991 {
    text-align: center;
  }
  .center991 * {
    text-align: center;
  }
}

@media (max-width: 767px) {
  .left767 {
    text-align: left;
  }
  .left767 * {
    text-align: left;
  }
}

@media (max-width: 991px) {
  .left991 {
    text-align: left;
  }
  .left991 * {
    text-align: left;
  }
}

@media (max-width: 767px) {
  .right767 {
    text-align: right;
  }
  .right767 * {
    text-align: right;
  }
}

@media (max-width: 991px) {
  .right991 {
    text-align: right;
  }
  .right991 * {
    text-align: right;
  }
}

.bg-primary {
  background: #1d1d1d;
}
.bg-primary h1, .bg-primary h2, .bg-primary h3, .bg-primary h4, .bg-primary h5, .bg-primary h6 {
  color: #fff;
}
.bg-primary cite {
  color: #fff;
}
.bg-primary .btn-default {
  color: #ffffff;
  background-color: transparent;
  border-color: #525252;
}
.bg-primary .btn-default:focus {
  color: #ffffff;
  background-color: transparent;
  border-color: #525252;
}
.bg-primary .btn-default:hover {
  color: #1d1d1d;
  background-color: #ffffff;
  border-color: #ffffff;
}

.bg-img {
  background: url("../images/bg1.jpg") no-repeat #2b2f3a center bottom;
}
@media (max-width: 991px) {
  .bg-img {
    background-position: right bottom;
  }
}

.bg-img1 {
  background: url("../images/bg2.jpg") no-repeat #2b2f3a center bottom;
}
@media (max-width: 991px) {
  .bg-img1 {
    background-position: right bottom;
  }
}

.bg-img, .bg-img1 {
  color: #fff;
  -webkit-background-size: cover;
  background-size: cover;
}
.bg-img h1, .bg-img h2, .bg-img h3, .bg-img h4, .bg-img h5, .bg-img h6, .bg-img1 h1, .bg-img1 h2, .bg-img1 h3, .bg-img1 h4, .bg-img1 h5, .bg-img1 h6 {
  color: #fff;
}
.bg-img .btn-default, .bg-img1 .btn-default {
  color: #ffffff;
  background-color: transparent;
  border-color: #888;
}
.bg-img .btn-default:focus, .bg-img1 .btn-default:focus {
  color: #ffffff;
  background-color: transparent;
  border-color: #ffffff;
}
.bg-img .btn-default:hover, .bg-img1 .btn-default:hover {
  color: #1d1d1d;
  background-color: #ffffff;
  border-color: #ffffff;
}

/*==================    Buttons    ======================*/
.btn {
  display: inline-block;
  cursor: pointer;
  border: 1px solid #cdcdcd;
  background: transparent;
  outline: none;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  font-family: "Cabin", sans-serif;
  font-weight: 700;
  color: #1d1d1d;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  padding: 16px 26px;
}
.btn:hover {
  background: #00a39a;
  color: #ffffff;
  background-color: #1d1d1d;
  border-color: #1d1d1d;
}
.btn:active {
  background: #00706a;
}

.btn-link {
  display: inline-block;
  color: #fff;
  font-weight: 700;
  border-radius: 0;
  font-size: 18px;
  line-height: 22px;
  position: relative;
  text-transform: uppercase;
  font-family: "Cabin", sans-serif;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.btn-link:before {
  content: "\f18e";
  font-family: "FontAwesome";
  float: left;
  color: #8f8f8f;
  font-size: 18px;
  font-weight: 400;
  margin-right: 9px;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  position: relative;
  left: 0;
}
.btn-link:focus {
  color: inherit;
  font-size: inherit;
}
.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
  background-color: transparent;
}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
  border-color: transparent;
}
.btn-link:hover {
  color: #00a39a;
  text-decoration: none;
  background-color: transparent;
}
.btn-link:hover:before {
  color: #fff;
  left: 3px;
}

.img-circle {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

/*==================      Box      ======================*/
.box:before, .box:after {
  display: table;
  content: "";
  line-height: 0;
}
.box:after {
  clear: both;
}
.box_aside {
  float: left;
}
.box_cnt__no-flow {
  overflow: hidden;
}

/*========================   Menu   ==========================*/
.sf-menu {
/*==================     Default Menu Cabin     ======================*/
  font-family: "Play", sans-serif;
  display: inline-block;
}
.sf-menu:before, .sf-menu:after {
  display: table;
  content: "";
  line-height: 0;
}
.sf-menu:after {
  clear: both;
}
.sf-menu > li {
  position: relative;
  float: left;
}
.sf-menu > li + li {
  margin-left: 46px;
}
@media (max-width: 1199px) {
  .sf-menu > li + li {
    margin-left: 30px;
  }
}
@media (max-width: 991px) {
  .sf-menu > li + li {
    margin-left: 15px;
  }
}
.sf-menu a {
  display: block;
}

.sf-menu > li > a {
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  padding: 0 5px;
  letter-spacing: 1px;
}
@media (max-width: 991px) {
  .sf-menu > li > a {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .sf-menu > li > a {
    letter-spacing: 0;
  }
}
.sf-menu > li > a:after {
  position: absolute;
  display: inline-block;
  content: '';
  width: 0%;
  height: 2px;
  left: 0;
  bottom: -2px;
  background: #fff;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.sf-menu > li.sfHover > a, .sf-menu > li > a:hover {
  color: #fff;
  /*background: map-get($scheme, default);*/
}
.sf-menu > li.sfHover > a:after, .sf-menu > li > a:hover:after {
  width: 100%;
}
.sf-menu > li.active > a {
  color: #fff;
  /*background: map-get($scheme, default);*/
}
.sf-menu > li.active > a:after {
  width: 100%;
}

.sf-menu ul {
  display: none;
  position: absolute;
  top: 100%;
  left: -4px;
  margin-top: 20px;
  width: 120px;
  padding: 10px 0;
  background: #1d1d1d;
  z-index: 2;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 0px 2px 0 rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 0px 0px 2px 0 rgba(255, 255, 255, 0.2);
  box-shadow: 0px 0px 2px 0 rgba(255, 255, 255, 0.2);
}

.sf-menu > li > ul:before {
  position: absolute;
  display: inline-block;
  content: '';
  left: 45%;
  top: -7px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 7px 6px;
  border-color: transparent transparent #1d1d1d transparent;
}

.sf-menu ul > li {
  position: relative;
}
.sf-menu ul > li > a {
  font-size: 14px;
  padding: 5px 0;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
}
.sf-menu ul > li.sfHover > a, .sf-menu ul > li > a:hover {
  color: #6a6a6a;
}

.sf-menu ul ul {
  position: absolute;
  top: 0;
  left: 100%;
  width: 110px;
  margin-top: -11px;
  margin-left: 0px;
  z-index: 4;
  background: #fff;
}
.sf-menu ul ul:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-right: 6px solid #fff;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  top: 25px;
  left: -6px;
  -webkit-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.1);
}

.sf-menu ul ul > li > a {
  color: #1d1d1d;
}
.sf-menu ul ul > li.sfHover > a, .sf-menu ul ul > li > a:hover {
  color: #6a6a6a;
}

.sf-menu > li > .sf-with-ul {
  position: relative;
}
.sf-menu > li > .sf-with-ul:before {
  position: absolute;
  left: 50%;
  top: 75%;
  margin-left: -6px;
  /*content: $fa-caret-down;*/
  font: 400 15px/15px "FontAwesome";
}

.sf-menu > li > ul > li > .sf-with-ul {
  position: relative;
}
.sf-menu > li > ul > li > .sf-with-ul:before {
  position: absolute;
  right: 9px;
  top: -5px;
  /*content: $fa-angle-right;*/
  font: 400 16px/50px "FontAwesome";
  color: #00a39a;
}

@media (max-width: 991px) {
  .sf-menu > li > a {
    /*font-size: 14px;*/
  }
}
@media (max-width: 767px) {
  .nav {
    padding: 5px 0;
  }

  .sf-menu {
    display: none;
  }
}
/*==================   RD Mobile Menu    =====================*/
.rd-mobilemenu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 9999999;
  text-align: left;
  -moz-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.rd-mobilemenu.active {
  right: 0;
}

.rd-mobilemenu_ul {
  position: fixed;
  top: -56px;
  left: 0;
  bottom: -56px;
  width: 240px;
  padding: 132px 0 76px;
  color: #666;
  background: #FFF;
  font-size: 14px;
  line-height: 20px;
  overflow: auto;
  -webkit-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
  -moz-transform: translateX(-240px);
  -ms-transform: translateX(-240px);
  -o-transform: translateX(-240px);
  -webkit-transform: translateX(-240px);
  transform: translateX(-240px);
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  -moz-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  -o-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  -webkit-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.rd-mobilemenu.active .rd-mobilemenu_ul {
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.rd-mobilemenu_ul a {
  display: block;
  padding: 14px 25px 16px;
}
.rd-mobilemenu_ul a.active {
  background: #f5f5f5;
  color: #2d2d2d;
}
.rd-mobilemenu_ul a:hover {
  background: #00a39a;
  color: #FFF;
}
.rd-mobilemenu_ul a .rd-submenu-toggle {
  position: absolute;
  top: 50%;
  right: 11px;
  margin-top: -17.5px;
  width: 32px;
  height: 32px;
  font: 400 10px "FontAwesome";
  line-height: 32px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: 0.5s all ease;
  -o-transition: 0.5s all ease;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  z-index: 1;
  background: rgba(0, 0, 0, 0.1);
}
.rd-mobilemenu_ul a .rd-submenu-toggle:after {
  content: '\f078';
}
.rd-mobilemenu_ul a .rd-submenu-toggle:hover {
  background: #FFF;
  color: #666;
}
.rd-mobilemenu_ul a.rd-with-ul {
  position: relative;
}
.rd-mobilemenu_ul a.rd-with-ul.active .rd-submenu-toggle {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.rd-mobilemenu_ul ul a {
  padding-left: 40px;
}
.rd-mobilemenu_ul ul ul a {
  padding-left: 60px;
}
.rd-mobilemenu_ul:after {
  content: '';
  display: block;
  height: 20px;
}

.rd-mobilepanel {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 56px;
  background: #FFF;
  color: #000;
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
  z-index: 99999991;
}

.rd-mobilepanel_title {
  position: fixed;
  top: 4px;
  left: 56px;
  right: 56px;
  color: #000;
  font-size: 24px;
  line-height: 48px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rd-mobilepanel_toggle {
  position: fixed;
  top: 4px;
  left: 8px;
  width: 48px;
  height: 48px;
}
.rd-mobilepanel_toggle span {
  position: relative;
  display: block;
  margin: auto;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before {
  content: "";
  position: absolute;
  left: 0;
  top: -8px;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.rd-mobilepanel_toggle span:after {
  top: 8px;
}
.rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span {
  width: 24px;
  height: 4px;
  background-color: #000;
  backface-visibility: hidden;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.rd-mobilepanel_toggle span {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span:after {
  -moz-transform-origin: 1.71429px center;
  -ms-transform-origin: 1.71429px center;
  -o-transform-origin: 1.71429px center;
  -webkit-transform-origin: 1.71429px center;
  transform-origin: 1.71429px center;
  -moz-transform-origin: 1.71429px center;
  -ms-transform-origin: 1.71429px center;
  -o-transform-origin: 1.71429px center;
  -webkit-transform-origin: 1.71429px center;
  transform-origin: 1.71429px center;
}
.rd-mobilepanel_toggle.active span {
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
.rd-mobilepanel_toggle.active span:before, .rd-mobilepanel_toggle.active span:after {
  top: 0;
  width: 15px;
}
.rd-mobilepanel_toggle.active span:before {
  -webkit-transform: rotate3d(0, 0, 1, -40deg);
  transform: rotate3d(0, 0, 1, -40deg);
}
.rd-mobilepanel_toggle.active span:after {
  -webkit-transform: rotate3d(0, 0, 1, 40deg);
  transform: rotate3d(0, 0, 1, 40deg);
}

@media (max-width: 767px) {
  body {
    padding-top: 56px;
  }

  .rd-mobilemenu, .rd-mobilepanel {
    display: block;
  }
}
@media (max-width: 359px) {
  .rd-mobilepanel_title {
    font-size: 18px;
  }
}
/*==================  Stuck menu  ======================*/
.stuck_container {
  padding-top: 76px;
  padding-bottom: 66px;
}

.isStuck {
  z-index: 999;
  box-shadow: 0 1px 2px #bbb;
  background: rgba(0, 0, 0, 0.9);
  padding-top: 25px;
  padding-bottom: 0px;
}

@media only screen and (max-width: 979px) {
  .isStuck {
    display: none !important;
  }
}
/*==================     ToTop     ======================*/
.toTop {
  width: 50px;
  height: 50px;
  font-size: 24px;
  line-height: 46px;
  color: #fff;
  background: #1d1d1d;
  border-radius: 50%;
  -webkit-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4);
  position: fixed;
  right: 40px;
  bottom: 40px;
  display: none;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  z-index: 20;
}
.toTop:hover {
  color: #fff;
  background: #00a39a;
  text-decoration: none;
}

.mobile .toTop,
.tablet .toTop {
  display: none !important;
}

/*==================  RD Parallax    ======================*/
.parallax {
  position: relative;
  overflow: hidden;
}
.parallax_image, .parallax_pattern {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-position: center center;
  will-change: transform;
}
.parallax_image {
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.parallax_pattern {
  background-repeat: repeat;
}
.parallax_cnt {
  position: relative;
}

/*==================   Thumbnail    ======================*/
.thumb {
  display: block;
  position: relative;
  overflow: hidden;
  z-index: 2;
  margin: 0;
}
.thumb img {
  width: 100%;
  height: auto;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.thumb_overlay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #00a39a;
  background: transparent;
}
.thumb_overlay:before {
  content: "";
  position: absolute;
  font-family: "FontAwesome";
  font-size: 30px;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  -o-transform: translate(-50%, -50%) scale(0);
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  opacity: 0;
  line-height: 100px;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
  width: 100px;
  height: 100px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.lt-ie9 .thumb_overlay:before {
  display: none;
}
.thumb:hover .thumb_overlay {
  opacity: 1;
  background: rgba(0, 0, 0, 0.5);
}
.thumb:hover .thumb_overlay:before {
  opacity: 1;
  -moz-transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  -o-transform: translate(-50%, -50%) scale(1.1);
  -webkit-transform: translate(-50%, -50%) scale(1.1);
  transform: translate(-50%, -50%) scale(1.1);
}
.lt-ie9 .thumb:hover .thumb_overlay:before {
  display: block;
}

/*========================================================
					 HEADER  Section
=========================================================*/
.header_ins {
  background: url("../images/header-ins.jpg") no-repeat #1d1d1d;
  -webkit-background-size: cover;
  background-size: cover;
}

.header_serwis {
  background: url("../images/header-serwis.jpg") no-repeat #1d1d1d;
  background-position: center; 
  -webkit-background-size: cover;
  background-size: cover;
}

.header_konserwacje {
  background: url("../images/header-konserwacje.jpg") no-repeat #1d1d1d;
    background-position: fixed; 
	background-position: 0px -200px; 
  -webkit-background-size: cover;
  background-size: cover;
}

.header_kontakt {
  background: url("../images/header-kontakt.jpg") no-repeat #1d1d1d;
    background-position: fixed; 
	background-position: 0px -100px; 
  -webkit-background-size: cover;
  background-size: cover;
}

header h1, header h2, header h3, header h4, header h5, header h6 {
  color: #fff;
}

.header_mod {
  background: #1d1d1d;
}

header .navbar-default .navbar-header {
  margin-left: 98px;
}
@media (max-width: 1199px) {
  header .navbar-default .navbar-header {
    margin-left: 30px;
  }
}
@media (max-width: 991px) {
  header .navbar-default .navbar-header {
    margin-left: 20px;
  }
}
header .navbar-header {
  float: left;
}
header .navbar-right {
  float: right;
  margin-right: 109px;
  margin-top: 8px;
}
@media (max-width: 1199px) {
  header .navbar-right {
    margin-right: 30px;
  }
}
@media (max-width: 991px) {
  header .navbar-right {
    margin-top: 4px;
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  header {
    text-align: center;
  }
  header .brand, header .nav {
    float: none;
  }
}

/*========================================================
					 CONTENT  Section
=========================================================*/
main {
  display: block;
  background: #fff;
}

/*==================      Well     ======================*/
.well {
  padding-top: 167px;
  padding-bottom: 85px;
}
@media (max-width: 1199px) {
  .well {
    padding-top: 85px;
  }
}

.well1 {
  padding-top: 112px;
  padding-bottom: 90px;
}

.well1_2 {
  padding-top: 112px;
  padding-bottom: 117px;
}

.well1_3 {
  padding-top: 117px;
  padding-bottom: 77px;
}

.well1__ins {
  padding-bottom: 118px;
}

.well1__ins1 {
  padding-bottom: 152px;
}

.well2 {
  padding-top: 116px;
  padding-bottom: 125px;
}

.well2_ins {
  padding-top: 130px;
}

.well3 {
  padding-top: 196px;
  padding-bottom: 144px;
}

.well4 {
  padding-top: 79px;
  padding-bottom: 104px;
}

.well5 {
  padding-top: 130px;
  padding-bottom: 125px;
}

.well6 {
  padding-top: 199px;
  padding-bottom: 143px;
}

/*========================================================
					 FOOTER  Styles
=========================================================*/
footer {
  background: #f5f5f5;
}
footer a:hover {
  color: #00a39a;
}
footer .footer_cnt {
  padding-top: 91px;
  padding-bottom: 83px;
  border-bottom: 1px solid #1d1d1d;
}
footer .footer_cnt .rights {
  text-align: right;
  font-weight: 400;
  color: #3c3c3c;
}
footer .footer_cnt address {
  line-height: 33px;
  margin-top: -6px;
}
@media (max-width: 767px) {
  footer {
    text-align: center;
  }
  footer .footer_cnt .rights {
    text-align: center;
  }
  footer .footer_cnt .subscribe {
    text-align: center;
    display: inline-block;
  }
}

.l-height {
  line-height: 25px;
}

.well2_ins.bg-primary.mar-inside-col0 .l-height {
  font-weight: 400;
}

.p_mod {
  font-weight: 700;
  font-style: italic;
}

/*==================  thumbnail  ======================*/
.thumbnail {
  margin-top: 10px;
  padding: 0;
  background: transparent;
  border: none;
  max-width: 270px;
  margin-left: auto;
  margin-right: auto;
}
.thumbnail > img,
.thumbnail a > img {
  margin-left: auto;
  margin-right: auto;
}
.thumbnail .caption {
  color: #9a9a9a;
  padding: 0;
}
.thumbnail * + .caption {
  margin-top: 32px;
}
.thumbnail h6 + p {
  margin-top: 0;
  font-weight: 400;
}
.thumbnail a:hover {
  color: #00a39a;
}

/*==================  blockquote  ======================*/
blockquote {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  font-style: normal;
}
* + blockquote {
  margin-top: 37px;
}
blockquote cite {
  font-style: normal;
  display: inline-block;
}
blockquote * + cite {
  margin-top: 12px;
}
blockquote q {
  font-style: italic;
}
blockquote q:before, blockquote q:after {
  display: table;
  content: "";
  line-height: 0;
}
blockquote q:after {
  clear: both;
}
blockquote + blockquote {
  margin-top: 21px;
}

@media (max-width: 767px) {
  h3 + img {
    width: 100%;
  }
}

.custom-img-01 {
	max-height: 160px;
	overflow: hidden;
}

.custom-img-left {
	max-width: 250px;
	padding: 10px 10px 10px 0;
}

.custom-img-right {
	max-width: 250px;
	padding: 10px 0 10px 10px;
}

.custom-offer-section {
	text-align: justify;
}

.custom-offer-section h6 {
	text-align: center;
}
.teksty p{margin: 3px}
.read-more-state { display: none; }
.read-more-target { opacity: 0; max-height: 0; font-size: 0; transition: .25s ease; }
.read-more-state:checked ~ .read-more-target { opacity: 1; font-size: inherit; max-height: 999em; }
.read-more-state ~ .read-more-trigger:before { content: 'Pokaż więcej';}
.read-more-state:checked ~ .read-more-trigger:before { content: 'Pokaż mniej'; }
.read-more-trigger { cursor: pointer; display: inline-block; padding: 0 .5em; color: #666; font-size: .9em; line-height: 2; border: 1px solid #ddd; border-radius: .25em; width: 100%; text-align: center; }


/* Artefakt-06-10-2022 */

.navphone{
  text-align: right;
  margin-right: 109px;
  margin-top: -15px;
  margin-bottom: 2px;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
}

.navphone > a:nth-child(1){
  margin-right: 20px;
}

@media screen and (max-width:1199px){
  .navphone{
    width:97%;
  }
}

@media screen and (max-width:767px){
  .navphone{
    display:none;
  }
}

/* End-Artefakt-06-10-2022 */


/* ==================== camera.css ==================== */
/*========================================================
                        Camera
=========================================================*/
.cam_wrap {
  margin-top: -189px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .cam_wrap {
    margin-top: 0;
    margin-bottom: 0;
  }
}

.camera_container {
  position: relative;
  padding-bottom: 42.63415%;
}

@media (max-width: 820.93822px) {
  .camera_container {
    padding-bottom: 350px;
  }
}
.camera_wrap {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  margin-bottom: 0 !important;
  height: 100%;
  background: #fff;
  z-index: 0;
}

.camera_wrap img {
  max-width: none !important;
}

.camera_fakehover {
  height: 100%;
  min-height: 60px;
  position: relative;
  width: 100%;
}

.camera_src {
  display: none;
}

.cameraCont, .cameraContents {
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 1;
}

.cameraContent {
  display: none;
}

.camera_target {
  overflow: hidden;
  text-align: left;
  z-index: 0;
}

.camera_overlayer {
  overflow: hidden;
  z-index: 0;
}

.camera_target_content {
  overflow: hidden;
  z-index: 2;
}

.camera_loader {
  background: #fff url(../images/camera-loader.gif) no-repeat center;
  border: 1px solid #ffffff;
  border-radius: 18px;
  height: 36px;
  left: 50%;
  overflow: hidden;
  position: absolute;
  margin: -18px 0 0 -18px;
  top: 50%;
  width: 36px;
  z-index: 3;
}

.camera_nav_cont {
  height: 65px;
  overflow: hidden;
  position: absolute;
  right: 9px;
  top: 15px;
  width: 120px;
  z-index: 4;
}

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

.imgFake {
  cursor: pointer;
}

.camera_command_wrap .hideNav {
  display: none;
}

.camera_command_wrap {
  left: 0;
  position: relative;
  right: 0;
  z-index: 4;
}

.showIt {
  display: none;
}

.camera_clear {
  clear: both;
  display: block;
  height: 1px;
  margin: -1px 0 25px;
  position: relative;
}

.camera_caption {
  display: none;
}

.cameraContent .camera_caption {
  display: block;
}

.camera-abs, .cameraSlide, .cameraContent, .camera_target, .camera_overlayer, .camera_target_content {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/*================   Custom Layout&Styles   =====================*/
.camera_container .cam_cnt {
font-size: 17px;
  text-align: left;
  position: absolute;
  top: 52%;
  left: 67%;
  width: 55%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 9;
}
@media (max-width: 1199px) {
  .camera_container .cam_cnt {
    top: 48.5%;
  }
}
.camera_container .cam_cnt h5 {
  font-family: 'Play', sans-serif;
}
.camera_container .cam_cnt h5 + h2 {
  margin-top: 64px;
}
.camera_container .cam_cnt h5 + h2 + p {
  margin-top: 43px;
}
.camera_container .cam_cnt p {
  color: #f1f1f1;
  line-height: 28px;
}
@media (min-width: 1200px) and (max-width: 1500px) {
  .camera_container .cam_cnt {
  /* Default = 55% */
    top: 55%;
  }
  .camera_container .cam_cnt h5 + h2 {
    margin-top: 25px;
  }
  .camera_container .cam_cnt h5 + h2 + p {
    margin-top: 20px;
  }
}
@media (max-width: 1199px) {
  .camera_container p, .camera_container h5 {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .camera_container .cam_cnt {
    top: 55%;
  }
}
@media (max-width: 991px) {
  .camera_container .cam_cnt {
    top: 53.5%;
  }
  .camera_container .cam_cnt h5 + h2 {
    margin-top: 3px;
  }
}

.camera_caption {
  position: absolute;
}

.camera_pag {
  margin-top: -73px;
}
.camera_pag_ul {
  text-align: center;
}
.camera_pag_ul li {
  display: inline-block;
  width: 144px;
  height: 144px;
  cursor: pointer;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.camera_pag_ul li.cameracurrent, .camera_pag_ul li:hover {
  -webkit-box-shadow: inset 0 0 20px -8px #fff;
  -moz-box-shadow: inset 0 0 20px -8px #fff;
  box-shadow: inset 0 0 20px -8px #fff;
}
.camera_pag_ul li + li {
  margin-left: 43px;
}
.camera_pag_ul li > span {
  display: none;
}
.camera_pag_ul li.pag_nav_0 {
  background: url("../images/page-1_slide_peg01.png") no-repeat #111111;
}
.camera_pag_ul li.pag_nav_1 {
  background: url("../images/page-1_slide_peg02.png") no-repeat #111111;
}
.camera_pag_ul li.pag_nav_2 {
  background: url("../images/page-1_slide_peg03.png") no-repeat #111111;
}
@media (max-width: 1199px) {
  .camera_pag {
    display: none;
  }
}

.camera_nav {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin-top: -33px;
}
@media (max-width: 767px) {
  .camera_nav {
    display: none;
  }
}

.camera_next:before {
  position: absolute;
  content: '\f101';
  font-family: "FontAwesome";
  font-size: 32px;
  color: #fff;
  top: 0;
  right: 12.3%;
  z-index: 10;
}

.camera_prev:before {
  position: absolute;
  content: '\f100';
  font-family: "FontAwesome";
  font-size: 32px;
  color: #fff;
  top: 0;
  left: 12.3%;
  z-index: 10;
}

.camera_next:before,
.camera_prev:before {
  cursor: pointer;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.camera_next:hover:before,
.camera_prev:hover:before {
  color: #00a39a;
}


/* ==================== jquery.fancybox.css ==================== */
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../images/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../images/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../images/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../images/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../images/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('../images/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}


/* ==================== subscribe_mailform.css ==================== */
/*========================================================
                      Contact Form
=========================================================*/
/* MF
========================================================*/
.subscribe {
  /* Mail Form PlaceHolder
  ========================================================*/
  /* Mail Form Validation
    ========================================================*/
  /* MF Controls
  ========================================================*/
  /* Mail Form Submit
  ========================================================*/
}
.subscribe .mailform {
  margin-top: -1px;
  position: relative;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}
.subscribe .mailform fieldset {
  border: none;
}
.subscribe .mailform * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.subscribe .mailform label {
  position: relative;
  display: block;
  /*width: 100%;*/
  margin-top: 20px;
}
.subscribe .mailform label:first-child {
  /*margin-top: 0;*/
}
.subscribe .mailform label input, .subscribe .mailform label select, .subscribe .mailform label textarea {
  display: block;
  width: 100%;
  margin: 0;
  -webkit-appearance: none;
  outline: none;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  padding: 7px 2px 13px;
  line-height: 1.2;
  color: #b3b3b3;
  background: transperent;
  border: none;
  border-bottom: 1px solid #cdcdcd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
@media (min-width: 1199px) {
  .subscribe .mailform label input, .subscribe .mailform label select, .subscribe .mailform label textarea {
    max-width: 270px;
  }
}
@media (max-width: 479px) {
  .subscribe .mailform label input, .subscribe .mailform label select, .subscribe .mailform label textarea {
    /*padding: 29px 20px;*/
  }
}
.subscribe .mailform label input:-moz-placeholder, .subscribe .mailform label select:-moz-placeholder, .subscribe .mailform label textarea:-moz-placeholder {
  color: #b3b3b3;
  opacity: 1;
}
.subscribe .mailform label input::-webkit-input-placeholder, .subscribe .mailform label select::-webkit-input-placeholder, .subscribe .mailform label textarea::-webkit-input-placeholder {
  color: #b3b3b3;
  opacity: 1;
}
.subscribe .mailform label input::-moz-placeholder, .subscribe .mailform label select::-moz-placeholder, .subscribe .mailform label textarea::-moz-placeholder {
  color: #b3b3b3;
  opacity: 1;
}
.subscribe .mailform label input:-ms-input-placeholder, .subscribe .mailform label select:-ms-input-placeholder, .subscribe .mailform label textarea:-ms-input-placeholder {
  color: #b3b3b3;
  opacity: 1;
}
.subscribe .mailform label textarea {
  resize: vertical;
  overflow: auto;
  border: 1px solid #cdcdcd;
  height: 166px;
}
@media (max-width: 1365px) {
  .subscribe .mailform label {
    margin-top: 30px;
  }
}
@-ms-keyframes fout {
  0% {
    transform: scale(1) translateX(0);
  }
  100% {
    transform: scale(0) translateX(0);
  }
}
@-o-keyframes fout {
  0% {
    transform: scale(1) translateX(0);
  }
  100% {
    transform: scale(0) translateX(0);
  }
}
@-webkit-keyframes fout {
  0% {
    transform: scale(1) translateX(0);
  }
  100% {
    transform: scale(0) translateX(0);
  }
}
@-moz-keyframes fout {
  0% {
    transform: scale(1) translateX(0);
  }
  100% {
    transform: scale(0) translateX(0);
  }
}
@keyframes fout {
  0% {
    transform: scale(1) translateX(0);
  }
  100% {
    transform: scale(0) translateX(0);
  }
}
.subscribe .mfPlaceHolder {
  font: inherit;
  cursor: text;
  position: absolute;
  left: 15px;
  top: 0;
  padding: 7px 2px 13px;
  line-height: 1.2;
  color: #b3b3b3;
  opacity: 1;
  -moz-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
*:-webkit-autofill ~ .subscribe .mfPlaceHolder {
  opacity: .4;
  -moz-transform: translateY(-30%);
  -ms-transform: translateY(-30%);
  -o-transform: translateY(-30%);
  -webkit-transform: translateY(-30%);
  transform: translateY(-30%);
}
.subscribe .mfPlaceHolder.state-1 {
  font-size: 12px;
  opacity: .4;
  -moz-transform: translateY(-30%);
  -ms-transform: translateY(-30%);
  -o-transform: translateY(-30%);
  -webkit-transform: translateY(-30%);
  transform: translateY(-30%);
}
.subscribe .mfValidation {
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -moz-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  -webkit-animation: notifanim-fo 0.4s cubic-bezier(0.55, 0, 0.1, 1) forwards;
  -moz-animation: notifanim-fo 0.4s cubic-bezier(0.55, 0, 0.1, 1) forwards;
  -ms-animation: notifanim-fo 0.4s cubic-bezier(0.55, 0, 0.1, 1) forwards;
  -o-animation: notifanim-fo 0.4s cubic-bezier(0.55, 0, 0.1, 1) forwards;
  animation: notifanim-fo 0.4s cubic-bezier(0.55, 0, 0.1, 1) forwards;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  top: -19px;
  left: 0;
  width: 200px;
  margin-top: -12px;
  margin-left: 10px;
  padding: 5px;
  height: 30px;
  font-weight: 300;
  font-size: 12px;
  line-height: 20px;
  background: white;
  color: #00a39a;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  z-index: 998;
}
.subscribe .mfValidation:hover {
  background: white;
}
.subscribe .mfValidation:before {
  content: '';
  position: absolute;
  right: 50%;
  top: 100%;
  margin-top: 4px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  /*@include triangle(bottom, 10px, 8px, lighten(saturate(adjust_hue(map-get($scheme, default), 0), 3.9999999999999822%), 80.98039215686273%));*/
  -moz-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.subscribe .mfValidation.error {
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: visible;
  -webkit-animation: notifanim 0.4s cubic-bezier(0.55, 0, 0.1, 1) forwards;
  -moz-animation: notifanim 0.4s cubic-bezier(0.55, 0, 0.1, 1) forwards;
  -ms-animation: notifanim 0.4s cubic-bezier(0.55, 0, 0.1, 1) forwards;
  -o-animation: notifanim 0.4s cubic-bezier(0.55, 0, 0.1, 1) forwards;
  animation: notifanim 0.4s cubic-bezier(0.55, 0, 0.1, 1) forwards;
}
@media (max-width: 767px) {
  .subscribe .mfValidation {
    text-align: right;
    top: auto;
    top: -18px;
    left: auto;
    bottom: 100%;
    right: 15px;
    background: none;
    padding: 0;
    margin: 0 0 3px;
    min-height: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .subscribe .mfValidation:before {
    display: none;
  }
  .subscribe .mfValidation:hover {
    background: none;
    right: 20px;
  }
}
@-ms-keyframes notifanim-fo {
  0% {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
  }
  20% {
    opacity: 1;
    transform: scale(1.1);
  }
  99% {
    visibility: hidden;
  }
  100% {
    visibility: hidden;
    transform: scale(0.3);
    opacity: 0;
  }
}
@-o-keyframes notifanim-fo {
  0% {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
  }
  20% {
    opacity: 1;
    transform: scale(1.1);
  }
  99% {
    visibility: hidden;
  }
  100% {
    visibility: hidden;
    transform: scale(0.3);
    opacity: 0;
  }
}
@-webkit-keyframes notifanim-fo {
  0% {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
  }
  20% {
    opacity: 1;
    transform: scale(1.1);
  }
  99% {
    visibility: hidden;
  }
  100% {
    visibility: hidden;
    transform: scale(0.3);
    opacity: 0;
  }
}
@-moz-keyframes notifanim-fo {
  0% {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
  }
  20% {
    opacity: 1;
    transform: scale(1.1);
  }
  99% {
    visibility: hidden;
  }
  100% {
    visibility: hidden;
    transform: scale(0.3);
    opacity: 0;
  }
}
@keyframes notifanim-fo {
  0% {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
  }
  20% {
    opacity: 1;
    transform: scale(1.1);
  }
  99% {
    visibility: hidden;
  }
  100% {
    visibility: hidden;
    transform: scale(0.3);
    opacity: 0;
  }
}
@-ms-keyframes notifanim {
  0% {
    opacity: 0;
    visibility: hidden;
    transform: scale(0.3);
  }
  1% {
    visibility: visible;
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@-o-keyframes notifanim {
  0% {
    opacity: 0;
    visibility: hidden;
    transform: scale(0.3);
  }
  1% {
    visibility: visible;
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes notifanim {
  0% {
    opacity: 0;
    visibility: hidden;
    transform: scale(0.3);
  }
  1% {
    visibility: visible;
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@-moz-keyframes notifanim {
  0% {
    opacity: 0;
    visibility: hidden;
    transform: scale(0.3);
  }
  1% {
    visibility: visible;
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes notifanim {
  0% {
    opacity: 0;
    visibility: hidden;
    transform: scale(0.3);
  }
  1% {
    visibility: visible;
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.subscribe .mfControls .btn-link:before {
  float: right;
  margin-left: 10px;
  color: #555555;
}
.subscribe .mfControls .btn-link {
  font-size: 20px;
  color: #555555;
}
.subscribe .mfControls {
  margin-top: 21px;
  word-spacing: 0px;
  text-align: center;
  text-align: left;
}
@media (max-width: 1199px) {
  .subscribe .mfControls {
    text-align: center;
  }
}
.subscribe .mfControls .btn {
  padding: 23px 21px;
}
@media (max-width: 991px) {
  .subscribe .mfControls .btn {
    text-shadow: none;
  }
}
.subscribe .mfControls > * {
  display: inline-block;
  word-spacing: normal;
  /*float: left;*/
}
.subscribe .mfProgress {
  position: relative;
}
.subscribe .mfProgress .cnt, .subscribe .mfProgress .loader {
  -moz-transition: 0.4s all ease-in-out;
  -o-transition: 0.4s all ease-in-out;
  -webkit-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
}
.subscribe .mfProgress .loader {
  opacity: 0;
  text-align: center;
  letter-spacing: 10px;
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.subscribe .mfProgress .loader, .subscribe .mfProgress .loader:before, .subscribe .mfProgress .loader:after {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  margin: auto;
}
.subscribe .mfProgress .loader:before {
  /* content: '';
   width: 20px;
   height: 20px;
   border-radius: 50%;*/
}
.subscribe .mfProgress .loader:after {
  /*content: '';
  width: 30px;
  height: 30px;
  color: darken(map-get($scheme, default), 30%);
  font: 400 30px $fa;
  line-height: inherit;
  @include transition(.4s all ease-in-out);
  @include transform(scale(0) rotate(-60deg));*/
}
.subscribe .mfProgress.sending .cnt, .subscribe .mfProgress.fail .cnt, .subscribe .mfProgress.success .cnt {
  /*@include transform(scale(1.2));*/
  /*@include opacity(0);*/
}
.subscribe .mfProgress.sending .loader, .subscribe .mfProgress.fail .loader, .subscribe .mfProgress.success .loader {
  /*@include opacity(1);
  @include transform(scale(1));*/
}
.subscribe .mfProgress.fail .loader:before, .subscribe .mfProgress.success .loader:before {
  -webkit-animation: fout 0.4s ease-in-out 1 forwards;
  -moz-animation: fout 0.4s ease-in-out 1 forwards;
  -ms-animation: fout 0.4s ease-in-out 1 forwards;
  -o-animation: fout 0.4s ease-in-out 1 forwards;
  animation: fout 0.4s ease-in-out 1 forwards;
}
.subscribe .mfProgress.fail .loader:after, .subscribe .mfProgress.success .loader:after {
  -moz-transform: scale(1) rotate(0deg);
  -ms-transform: scale(1) rotate(0deg);
  -o-transform: scale(1) rotate(0deg);
  -webkit-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
}
.subscribe .mfProgress.sending .loader:before {
  -webkit-animation: motion 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  -moz-animation: motion 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  -ms-animation: motion 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  -o-animation: motion 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  animation: motion 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}
.subscribe .mfProgress.fail .loader:after {
  content: '\f06a';
}
.subscribe .mfProgress.success .loader:after {
  content: '\f058';
}
.subscribe .mfProgress .msg {
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -moz-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  -webkit-animation: notifanim-fo 0.4s ease-in-out forwards;
  -moz-animation: notifanim-fo 0.4s ease-in-out forwards;
  -ms-animation: notifanim-fo 0.4s ease-in-out forwards;
  -o-animation: notifanim-fo 0.4s ease-in-out forwards;
  animation: notifanim-fo 0.4s ease-in-out forwards;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.5);
  position: absolute;
  padding: 10px;
  border-radius: 0;
  font-size: 20px;
  line-height: 20px;
  opacity: 0;
  visibility: hidden;
  top: 100%;
  left: 50%;
  width: 160px;
  margin-left: -80px;
  margin-top: 20px;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  background: #111;
  color: #fff;
}
.subscribe .mfProgress .msg:before {
  content: '';
  position: absolute;
  bottom: 100%;
  right: 50%;
  transform: translate(50%, 0%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 6px 6px;
  border-color: transparent transparent #111 transparent;
  -moz-transition: 0.4s all ease-in-out;
  -o-transition: 0.4s all ease-in-out;
  -webkit-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
}
.subscribe .mfProgress.fail .msg, .subscribe .mfProgress.success .msg {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
  -webkit-animation: notifanim 0.4s ease-in-out forwards;
  -moz-animation: notifanim 0.4s ease-in-out forwards;
  -ms-animation: notifanim 0.4s ease-in-out forwards;
  -o-animation: notifanim 0.4s ease-in-out forwards;
  animation: notifanim 0.4s ease-in-out forwards;
}
.subscribe .mfProgress.fail .msg {
  background: #F44336;
}
.subscribe .mfProgress.fail .msg:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 6px 6px;
  border-color: transparent transparent #F44336 transparent;
}
.subscribe .mfProgress.success .msg {
  background: #2E7D32;
}
.subscribe .mfProgress.success .msg:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 6px 6px;
  border-color: transparent transparent #2E7D32 transparent;
}
@-ms-keyframes motion {
  0% {
    transform: translateX(0) scale(1);
  }
  25% {
    transform: translateX(-50px) scale(0.3);
  }
  50% {
    transform: translateX(0) scale(1);
  }
  75% {
    transform: translateX(50px) scale(0.3);
  }
  100% {
    transform: translateX(0) scale(1);
  }
}
@-o-keyframes motion {
  0% {
    transform: translateX(0) scale(1);
  }
  25% {
    transform: translateX(-50px) scale(0.3);
  }
  50% {
    transform: translateX(0) scale(1);
  }
  75% {
    transform: translateX(50px) scale(0.3);
  }
  100% {
    transform: translateX(0) scale(1);
  }
}
@-webkit-keyframes motion {
  0% {
    transform: translateX(0) scale(1);
  }
  25% {
    transform: translateX(-50px) scale(0.3);
  }
  50% {
    transform: translateX(0) scale(1);
  }
  75% {
    transform: translateX(50px) scale(0.3);
  }
  100% {
    transform: translateX(0) scale(1);
  }
}
@-moz-keyframes motion {
  0% {
    transform: translateX(0) scale(1);
  }
  25% {
    transform: translateX(-50px) scale(0.3);
  }
  50% {
    transform: translateX(0) scale(1);
  }
  75% {
    transform: translateX(50px) scale(0.3);
  }
  100% {
    transform: translateX(0) scale(1);
  }
}
@keyframes motion {
  0% {
    transform: translateX(0) scale(1);
  }
  25% {
    transform: translateX(-50px) scale(0.3);
  }
  50% {
    transform: translateX(0) scale(1);
  }
  75% {
    transform: translateX(50px) scale(0.3);
  }
  100% {
    transform: translateX(0) scale(1);
  }
}


/* ==================== mailform.css ==================== */
/*========================================================
                      Contact Form
=========================================================*/
.mailform label.marTop2 {
  margin-top: 61px;
}

/* MF
========================================================*/
* + .mailform label.textarea {
  margin-top: 59px;
}

.mailform {
  margin-top: 10px;
  position: relative;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}
.mailform fieldset {
  border: none;
}
.mailform * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mailform label:nth-child(2) + label {
  margin-left: 11px;
}

.mailform label:nth-child(2),
.mailform label:nth-child(3) {
  display: inline-block;
  width: 49%;
}

@media (max-width: 1199px) {
  .mailform label:nth-child(2),
  .mailform label:nth-child(3) {
    width: 100%;
  }

  .mailform label:nth-child(2) + label,
  .mailform label:nth-child(3) + label {
    margin-left: 0;
    margin-top: 30px;
  }
}
.mailform label {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 25px;
}
.mailform label:first-child {
  /*margin-top: 0;*/
}
.mailform label input, .mailform label select, .mailform label textarea {
  display: block;
  width: 100%;
  margin: 0;
  -webkit-appearance: none;
  outline: none;
  font-weight: 300;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  padding: 8px 23px 8px;
  line-height: 1.2;
  color: #9a9a9a;
  background: transperent;
  border: none;
  border-bottom: 1px solid #d8d8d8;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
@media (max-width: 479px) {
  .mailform label input, .mailform label select, .mailform label textarea {
    /*padding: 29px 20px;*/
  }
}
.mailform label input:-moz-placeholder, .mailform label select:-moz-placeholder, .mailform label textarea:-moz-placeholder {
  color: #9a9a9a;
  opacity: 1;
}
.mailform label input::-webkit-input-placeholder, .mailform label select::-webkit-input-placeholder, .mailform label textarea::-webkit-input-placeholder {
  color: #9a9a9a;
  opacity: 1;
}
.mailform label input::-moz-placeholder, .mailform label select::-moz-placeholder, .mailform label textarea::-moz-placeholder {
  color: #9a9a9a;
  opacity: 1;
}
.mailform label input:-ms-input-placeholder, .mailform label select:-ms-input-placeholder, .mailform label textarea:-ms-input-placeholder {
  color: #9a9a9a;
  opacity: 1;
}
.mailform label textarea {
  resize: vertical;
  overflow: auto;
  border: 1px solid #d8d8d8;
  height: 166px;
}
@media (max-width: 1365px) {
  .mailform label {
    margin-top: 30px;
  }
}

@-ms-keyframes fout {
  0% {
    transform: scale(1) translateX(0);
  }
  100% {
    transform: scale(0) translateX(0);
  }
}
@-o-keyframes fout {
  0% {
    transform: scale(1) translateX(0);
  }
  100% {
    transform: scale(0) translateX(0);
  }
}
@-webkit-keyframes fout {
  0% {
    transform: scale(1) translateX(0);
  }
  100% {
    transform: scale(0) translateX(0);
  }
}
@-moz-keyframes fout {
  0% {
    transform: scale(1) translateX(0);
  }
  100% {
    transform: scale(0) translateX(0);
  }
}
@keyframes fout {
  0% {
    transform: scale(1) translateX(0);
  }
  100% {
    transform: scale(0) translateX(0);
  }
}
/* Mail Form PlaceHolder
========================================================*/
.mfPlaceHolder {
  font: inherit;
  cursor: text;
  position: absolute;
  left: 15px;
  top: 0;
  padding: 8px 23px 8px;
  line-height: 1.2;
  color: #9a9a9a;
  opacity: 1;
  -moz-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
*:-webkit-autofill ~ .mfPlaceHolder {
  opacity: .4;
  -moz-transform: translateY(-30%);
  -ms-transform: translateY(-30%);
  -o-transform: translateY(-30%);
  -webkit-transform: translateY(-30%);
  transform: translateY(-30%);
}
.mfPlaceHolder.state-1 {
  font-size: 12px;
  opacity: .4;
  -moz-transform: translateY(-30%);
  -ms-transform: translateY(-30%);
  -o-transform: translateY(-30%);
  -webkit-transform: translateY(-30%);
  transform: translateY(-30%);
}

/* Mail Form Validation
  ========================================================*/
.mfValidation {
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -moz-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  -webkit-animation: notifanim-fo 0.4s cubic-bezier(0.55, 0, 0.1, 1) forwards;
  -moz-animation: notifanim-fo 0.4s cubic-bezier(0.55, 0, 0.1, 1) forwards;
  -ms-animation: notifanim-fo 0.4s cubic-bezier(0.55, 0, 0.1, 1) forwards;
  -o-animation: notifanim-fo 0.4s cubic-bezier(0.55, 0, 0.1, 1) forwards;
  animation: notifanim-fo 0.4s cubic-bezier(0.55, 0, 0.1, 1) forwards;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  top: -19px;
  left: 0;
  width: 200px;
  margin-top: -12px;
  margin-left: 10px;
  padding: 5px;
  height: 30px;
  font-weight: 300;
  font-size: 12px;
  line-height: 20px;
  background: white;
  color: #00a39a;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  z-index: 998;
}
.mfValidation:hover {
  background: white;
}
.mfValidation:before {
  content: '';
  position: absolute;
  right: 50%;
  top: 100%;
  margin-top: 4px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  /*@include triangle(bottom, 10px, 8px, lighten(saturate(adjust_hue(map-get($scheme, default), 0), 3.9999999999999822%), 80.98039215686273%));*/
  -moz-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.mfValidation.error {
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: visible;
  -webkit-animation: notifanim 0.4s cubic-bezier(0.55, 0, 0.1, 1) forwards;
  -moz-animation: notifanim 0.4s cubic-bezier(0.55, 0, 0.1, 1) forwards;
  -ms-animation: notifanim 0.4s cubic-bezier(0.55, 0, 0.1, 1) forwards;
  -o-animation: notifanim 0.4s cubic-bezier(0.55, 0, 0.1, 1) forwards;
  animation: notifanim 0.4s cubic-bezier(0.55, 0, 0.1, 1) forwards;
}
@media (max-width: 767px) {
  .mfValidation {
    text-align: right;
    top: auto;
    top: -18px;
    left: auto;
    bottom: 100%;
    right: 15px;
    background: none;
    padding: 0;
    margin: 0 0 3px;
    min-height: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .mfValidation:before {
    display: none;
  }
  .mfValidation:hover {
    background: none;
    right: 20px;
  }
}

@-ms-keyframes notifanim-fo {
  0% {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
  }
  20% {
    opacity: 1;
    transform: scale(1.1);
  }
  99% {
    visibility: hidden;
  }
  100% {
    visibility: hidden;
    transform: scale(0.3);
    opacity: 0;
  }
}
@-o-keyframes notifanim-fo {
  0% {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
  }
  20% {
    opacity: 1;
    transform: scale(1.1);
  }
  99% {
    visibility: hidden;
  }
  100% {
    visibility: hidden;
    transform: scale(0.3);
    opacity: 0;
  }
}
@-webkit-keyframes notifanim-fo {
  0% {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
  }
  20% {
    opacity: 1;
    transform: scale(1.1);
  }
  99% {
    visibility: hidden;
  }
  100% {
    visibility: hidden;
    transform: scale(0.3);
    opacity: 0;
  }
}
@-moz-keyframes notifanim-fo {
  0% {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
  }
  20% {
    opacity: 1;
    transform: scale(1.1);
  }
  99% {
    visibility: hidden;
  }
  100% {
    visibility: hidden;
    transform: scale(0.3);
    opacity: 0;
  }
}
@keyframes notifanim-fo {
  0% {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
  }
  20% {
    opacity: 1;
    transform: scale(1.1);
  }
  99% {
    visibility: hidden;
  }
  100% {
    visibility: hidden;
    transform: scale(0.3);
    opacity: 0;
  }
}
@-ms-keyframes notifanim {
  0% {
    opacity: 0;
    visibility: hidden;
    transform: scale(0.3);
  }
  1% {
    visibility: visible;
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@-o-keyframes notifanim {
  0% {
    opacity: 0;
    visibility: hidden;
    transform: scale(0.3);
  }
  1% {
    visibility: visible;
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes notifanim {
  0% {
    opacity: 0;
    visibility: hidden;
    transform: scale(0.3);
  }
  1% {
    visibility: visible;
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@-moz-keyframes notifanim {
  0% {
    opacity: 0;
    visibility: hidden;
    transform: scale(0.3);
  }
  1% {
    visibility: visible;
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes notifanim {
  0% {
    opacity: 0;
    visibility: hidden;
    transform: scale(0.3);
  }
  1% {
    visibility: visible;
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
/* MF Controls
========================================================*/
.mfControls {
  margin-top: 22px;
  word-spacing: 0px;
  text-align: center;
  text-align: left;
}
@media (max-width: 1199px) {
  .mfControls {
    text-align: center;
  }
}
.mfControls .btn-link {
  display: inline-block;
  margin-right: 2px;
  font-size: 20px;
  color: #555555;
  padding: 0;
}
.mfControls .btn-link:before {
  float: right;
  margin-left: 10px;
  color: #555555;
}
.mfControls .btn-link:hover {
  color: #00a39a;
}
.mfControls .btn-link:hover:before {
  color: #00a39a;
}
.mfControls * + p {
  margin-top: 1px;
  font-size: 14px;
}
.mfControls > * {
  display: inline-block;
  word-spacing: normal;
  /*float: left;*/
}

/* Mail Form Submit
========================================================*/
.mfProgress {
  position: relative;
}
.mfProgress .cnt, .mfProgress .loader {
  -moz-transition: 0.4s all ease-in-out;
  -o-transition: 0.4s all ease-in-out;
  -webkit-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
}
.mfProgress .loader {
  opacity: 0;
  text-align: center;
  letter-spacing: 10px;
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.mfProgress .loader, .mfProgress .loader:before, .mfProgress .loader:after {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  margin: auto;
}
.mfProgress .loader:before {
  /* content: '';
   width: 20px;
   height: 20px;
   border-radius: 50%;*/
}
.mfProgress .loader:after {
  /*content: '';
  width: 30px;
  height: 30px;
  color: darken(map-get($scheme, default), 30%);
  font: 400 30px $fa;
  line-height: inherit;
  @include transition(.4s all ease-in-out);
  @include transform(scale(0) rotate(-60deg));*/
}
.mfProgress.sending .cnt, .mfProgress.fail .cnt, .mfProgress.success .cnt {
  /*@include transform(scale(1.2));*/
  /*@include opacity(0);*/
}
.mfProgress.sending .loader, .mfProgress.fail .loader, .mfProgress.success .loader {
  /*@include opacity(1);
  @include transform(scale(1));*/
}
.mfProgress.fail .loader:before, .mfProgress.success .loader:before {
  -webkit-animation: fout 0.4s ease-in-out 1 forwards;
  -moz-animation: fout 0.4s ease-in-out 1 forwards;
  -ms-animation: fout 0.4s ease-in-out 1 forwards;
  -o-animation: fout 0.4s ease-in-out 1 forwards;
  animation: fout 0.4s ease-in-out 1 forwards;
}
.mfProgress.fail .loader:after, .mfProgress.success .loader:after {
  -moz-transform: scale(1) rotate(0deg);
  -ms-transform: scale(1) rotate(0deg);
  -o-transform: scale(1) rotate(0deg);
  -webkit-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
}
.mfProgress.sending .loader:before {
  -webkit-animation: motion 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  -moz-animation: motion 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  -ms-animation: motion 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  -o-animation: motion 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  animation: motion 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}
.mfProgress.fail .loader:after {
  content: '\f06a';
}
.mfProgress.success .loader:after {
  content: '\f058';
}

.mfProgress .msg {
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -moz-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  -webkit-animation: notifanim-fo 0.4s ease-in-out forwards;
  -moz-animation: notifanim-fo 0.4s ease-in-out forwards;
  -ms-animation: notifanim-fo 0.4s ease-in-out forwards;
  -o-animation: notifanim-fo 0.4s ease-in-out forwards;
  animation: notifanim-fo 0.4s ease-in-out forwards;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.5);
  position: absolute;
  padding: 10px;
  border-radius: 0;
  font-size: 18px;
  line-height: 20px;
  opacity: 0;
  visibility: hidden;
  top: 100%;
  left: 50%;
  width: 230px;
  margin-left: -115px;
  margin-top: 20px;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  background: #111;
  color: #fff;
}
.mfProgress .msg:before {
  content: '';
  position: absolute;
  bottom: 100%;
  right: 50%;
  transform: translate(50%, 0%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 6px 6px;
  border-color: transparent transparent #111 transparent;
  -moz-transition: 0.4s all ease-in-out;
  -o-transition: 0.4s all ease-in-out;
  -webkit-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
}
.mfProgress.fail .msg, .mfProgress.success .msg {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
  -webkit-animation: notifanim 0.4s ease-in-out forwards;
  -moz-animation: notifanim 0.4s ease-in-out forwards;
  -ms-animation: notifanim 0.4s ease-in-out forwards;
  -o-animation: notifanim 0.4s ease-in-out forwards;
  animation: notifanim 0.4s ease-in-out forwards;
}
.mfProgress.fail .msg {
  background: #F44336;
}
.mfProgress.fail .msg:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 6px 6px;
  border-color: transparent transparent #F44336 transparent;
}
.mfProgress.success .msg {
  background: #2E7D32;
}
.mfProgress.success .msg:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 6px 6px;
  border-color: transparent transparent #2E7D32 transparent;
}

@-ms-keyframes motion {
  0% {
    transform: translateX(0) scale(1);
  }
  25% {
    transform: translateX(-50px) scale(0.3);
  }
  50% {
    transform: translateX(0) scale(1);
  }
  75% {
    transform: translateX(50px) scale(0.3);
  }
  100% {
    transform: translateX(0) scale(1);
  }
}
@-o-keyframes motion {
  0% {
    transform: translateX(0) scale(1);
  }
  25% {
    transform: translateX(-50px) scale(0.3);
  }
  50% {
    transform: translateX(0) scale(1);
  }
  75% {
    transform: translateX(50px) scale(0.3);
  }
  100% {
    transform: translateX(0) scale(1);
  }
}
@-webkit-keyframes motion {
  0% {
    transform: translateX(0) scale(1);
  }
  25% {
    transform: translateX(-50px) scale(0.3);
  }
  50% {
    transform: translateX(0) scale(1);
  }
  75% {
    transform: translateX(50px) scale(0.3);
  }
  100% {
    transform: translateX(0) scale(1);
  }
}
@-moz-keyframes motion {
  0% {
    transform: translateX(0) scale(1);
  }
  25% {
    transform: translateX(-50px) scale(0.3);
  }
  50% {
    transform: translateX(0) scale(1);
  }
  75% {
    transform: translateX(50px) scale(0.3);
  }
  100% {
    transform: translateX(0) scale(1);
  }
}
@keyframes motion {
  0% {
    transform: translateX(0) scale(1);
  }
  25% {
    transform: translateX(-50px) scale(0.3);
  }
  50% {
    transform: translateX(0) scale(1);
  }
  75% {
    transform: translateX(50px) scale(0.3);
  }
  100% {
    transform: translateX(0) scale(1);
  }
}


/* ==================== google-map.css ==================== */
/*==================  GOOGLE MAP  ======================*/
.map_model {
  height: 350px;
}
.map_model img {
  max-width: none !important;
}
@media (max-width: 767px) {
  .map_model {
    height: 250px;
  }
}
@media (max-width: 479px) {
  .map_model {
    height: 200px;
  }
}
.map_locations {
  display: none;
}