@charset "UTF-8";
/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
/* ========================================================================== HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined in IE 6/7/8/9 and Firefox 3. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/** Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address styling not present in IE 7/8/9, Firefox 3, and Safari 4. Known issue: no IE 6 support. */
[hidden] { display: none; }

/* ========================================================================== Base ========================================================================== */
/** 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using `em` units. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-size: 100%; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Address `font-family` inconsistency between `textarea` and other form elements. */
html, button, input, select, textarea { font-family: sans-serif; }

/** Address margins handled incorrectly in IE 6/7. */
body { margin: 0; }

/* ========================================================================== Links ========================================================================== */
/** Address `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: 0; /*thin dotted;*/ }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* ========================================================================== Typography ========================================================================== */
/** Address font sizes and margins set differently in IE 6/7. Address font sizes within `section` and `article` in Firefox 4+, Safari 5, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

h2 { font-size: 1.5em; margin: 0.83em 0; }

h3 { font-size: 1.17em; margin: 1em 0; }

h4 { font-size: 1em; margin: 1.33em 0; }

h5 { font-size: 0.83em; margin: 1.67em 0; }

h6 { font-size: 0.67em; margin: 2.33em 0; }

/** Address styling not present in IE 7/8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */
b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

/** Address styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }

/** Address differences between Firefox and other browsers. Known issue: no IE 6/7 normalization. */
hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; }

/** Address styling not present in IE 6/7/8/9. */
mark { background: #ff0; color: #000; }

/** Address margins set differently in IE 6/7. */
p, pre { margin: 1em 0; }

/** Correct font family set oddly in IE 6, Safari 4/5, and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/** Improve readability of pre-formatted text in all browsers. */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

/** Address CSS quotes not supported in IE 6/7. */
q { quotes: none; }

/** Address `quotes` property not supported in Safari 4. */
q:before, q:after { content: ''; content: none; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ========================================================================== Lists ========================================================================== */
/** Address margins set differently in IE 6/7. */
dl, menu, ol, ul { margin: 1em 0; }

dd { margin: 0 0 0 40px; }

/** Address paddings set differently in IE 6/7. */
menu, ol, ul { padding: 0 0 0 40px; }

/** Correct list images handled incorrectly in IE 7. */
nav ul, nav ol { list-style: none; list-style-image: none; }

/* ========================================================================== Embedded content ========================================================================== */
/** 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3. 2. Improve image quality when scaled in IE 7. */
img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ }

/** Correct overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }

/* ========================================================================== Figures ========================================================================== */
/** Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */
figure { margin: 0; }

/* ========================================================================== Forms ========================================================================== */
/** Correct margin displayed oddly in IE 6/7. */
form { margin: 0; }

/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct color not being inherited in IE 6/7/8/9. 2. Correct text not wrapping in Firefox 3. 3. Correct alignment displayed oddly in IE 6/7. */
legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ }

/** 1. Correct font size not being inherited in all browsers. 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5, and Chrome. 3. Improve appearance and consistency in all browsers. */
button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ }

/** Address Firefox 3+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input { line-height: normal; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+. Correct `select` style inheritance in Firefox 4+ and Opera. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. 4. Remove inner spacing in IE 7 without affecting normal text inputs. Known issue: inner spacing remains in IE 6. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** 1. Address box sizing set to content-box in IE 8/9. 2. Remove excess padding in IE 8/9. 3. Remove excess padding in IE 7. Known issue: excess padding remains in IE 6. */
input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ }

/** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Remove inner padding and border in Firefox 3+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** 1. Remove default vertical scrollbar in IE 6/7/8/9. 2. Improve readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ========================================================================== Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

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

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

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

@-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); }
  40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); }
  60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } }
@keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); }
  60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } }
.bounce { -webkit-animation-name: bounce; animation-name: bounce; }

@-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: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(1.1); transform: scale(1.1); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
  100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } }
.pulse { -webkit-animation-name: pulse; animation-name: pulse; }

@-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); }
  20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } }
@keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); }
  20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } }
.shake { -webkit-animation-name: shake; animation-name: shake; }

@-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); }
  40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); }
  60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); }
  80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); }
  100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } }
@keyframes swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); }
  40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); }
  60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); }
  80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); }
  100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(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: scale(1); transform: scale(1); }
  10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); }
  100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } }
@keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); }
  100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } }
.tada { -webkit-animation-name: tada; animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); }
  15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); }
  30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); }
  45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); }
  60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); }
  75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); }
  100% { -webkit-transform: translateX(0%); transform: translateX(0%); } }
@keyframes wobble { 0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }
  15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); }
  30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); }
  45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); }
  60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); }
  75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); }
  100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } }
.wobble { -webkit-animation-name: wobble; animation-name: wobble; }

@-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); }
  50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); }
  70% { -webkit-transform: scale(0.9); transform: scale(0.9); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3); }
  50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
  70% { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }
  100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } }
.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; }

@-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); }
  60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); }
  80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); }
  60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); }
  80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); }
  100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); }
  60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); }
  80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); }
  60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); }
  80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); }
  100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }
.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); }
  60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); }
  80% { -webkit-transform: translateX(10px); transform: translateX(10px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); }
  60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); }
  80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); }
  100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }
.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); }
  60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); }
  80% { -webkit-transform: translateY(10px); transform: translateY(10px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); }
  60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); }
  80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); }
  100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }

@-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); }
  25% { -webkit-transform: scale(0.95); transform: scale(0.95); }
  50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); }
  100% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); } }
@keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  25% { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); }
  50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
  100% { opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3); } }
.bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); }
  100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } }
@keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
  100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } }
.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); }
  100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } }
@keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); }
  100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } }
.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); }
  100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } }
@keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); }
  100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } }
.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); }
  100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } }
@keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
  100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } }
.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: translateY(-20px); transform: translateY(-20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); }
  100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); }
  100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); }
  100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); }
  100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }
.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); }
  100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); }
  100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); }
  100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); }
  100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }
.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.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; -webkit-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } }
@keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } }
.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } }
@keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } }
.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } }
@keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } }
.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } }
@keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } }
.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } }
@keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } }
.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } }
@keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } }
.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } }
@keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } }
.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } }
@keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } }
.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; }

@-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } }
@keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -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) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); }
  70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); }
  100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } }
@keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); }
  70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); }
  100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } }
.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) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); }
  70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); }
  100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } }
@keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); }
  70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); }
  100% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } }
.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) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; }
  100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } }
@keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; }
  100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } }
.flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; }

@-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; }
  100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } }
@keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; }
  100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(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-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; }
  60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; }
  80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; }
  100% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } }
@keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; }
  60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; }
  80% { -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; }
  100% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); 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% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; }
  100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } }
@keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; }
  100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) 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 center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; }
  100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } }
@keyframes rotateIn { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; }
  100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); 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: rotate(-90deg); transform: rotate(-90deg); opacity: 0; }
  100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } }
@keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; }
  100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); 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: rotate(90deg); transform: rotate(90deg); opacity: 0; }
  100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } }
@keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; }
  100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); 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: rotate(90deg); transform: rotate(90deg); opacity: 0; }
  100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } }
@keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; }
  100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); 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: rotate(-90deg); transform: rotate(-90deg); opacity: 0; }
  100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } }
@keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; }
  100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } }
.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; }
  100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } }
@keyframes rotateOut { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; }
  100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } }
.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; }
  100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } }
@keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; }
  100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } }
.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; }
  100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } }
@keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; }
  100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } }
.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; }
  100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } }
@keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; }
  100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } }
.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; }
  100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } }
@keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; }
  100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } }
.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; }

@-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); }
  100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; }

@-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); }
  100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }
.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }

@-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); }
  100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }
.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; }

@-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } }
@keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } }
.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } }
@keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } }
.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } }
@keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } }
.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }

@-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(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: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } }
@keyframes hinge { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(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: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(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% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(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; }
  80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -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; }
  100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); 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: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); }
  100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } }
@keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); }
  100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } }
.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); }
  100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } }
@keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); }
  100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } }
.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; }

/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
/* What follows is the result of much research on cross-browser styling. Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, Kroc Camen, and the H5BP dev community and team. */
/* ==========================================================================
	 Base styles: opinionated defaults
	 ========================================================================== */
html, button, input, select, textarea { color: #222; }

html { font-size: 1em; line-height: 1.4; }

/* Remove text-shadow in selection highlight: h5bp.com/i These selection rule sets have to be separate. Customize the background color to match your design. */
::-moz-selection { background: #b3d4fc; text-shadow: none; }

::selection { background: #b3d4fc; text-shadow: none; }

/* A better looking default horizontal rule */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

/* Remove the gap between images, videos, audio and canvas and the bottom of their containers: h5bp.com/i/440 */
* { outline: none; border: 0; }

*:focus { outline: none; }

input::-moz-focus-inner { border: 0; }

audio, canvas, img, video { vertical-align: middle; }

/* Remove default fieldset styles. */
fieldset { border: 0; margin: 0; padding: 0; }

/* Allow only vertical resizing of textareas. */
textarea { resize: vertical; }

/* ==========================================================================
	 Browse Happy prompt
	 ========================================================================== */
.browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/* ==========================================================================
	 Author's custom styles
========================================================================== */
ul, ol, li, h1, h2, h3, h4 { margin: 0; padding: 0; }

ul, li { list-style-type: none; }

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

html, body { margin: 0; padding: 0; }

.row { width: 100%; max-width: 1230px; min-width: 250px; margin: 0 auto; }

.row.padded { padding-right: 20px; padding-left: 20px; }

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

.innerrow { width: 100%; margin: 0 auto; }

[class*='col-'] { float: left; }

.col-1 { width: 8.333%; }

.col-2 { width: 16.66%; }

.col-3 { width: 25%; }

.col-4 { width: 33.33%; }

.col-5 { width: 41.66%; }

.col-6 { width: 50%; }

.col-7 { width: 58.33%; }

.col-8 { width: 66.66%; }

.col-9 { width: 75%; }

.col-10 { width: 83.33%; }

.col-11 { width: 91.66%; }

.col-12 { width: 100%; }

.offset-1 { margin-left: 8.333%; }

.offset-2 { margin-left: 16.66%; }

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

.offset-4 { margin-left: 33.33%; }

.offset-5 { margin-left: 41.66%; }

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

.offset-7 { margin-left: 58.33%; }

.offset-8 { margin-left: 66.66%; }

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

.offset-10 { margin-left: 83.33%; }

.offset-11 { margin-left: 91.66%; }

.vbottom { vertical-align: bottom; }

.fnone { float: none; }

.fleft { float: left; }

.fright { float: right; }

.col-img img { max-width: 100%; width: 100%; }

/* /grid */
/*.inside-full-height {height: 100%;margin-top: 0;margin-bottom: 0;}
.row-height {display: table;table-layout: fixed;height: 100%;width: 100%;}
.col-height {display: table-cell;float: none;height: 100%;}

.col-top {vertical-align: top;}
.col-middle {vertical-align: middle;}
.col-bottom {vertical-align: bottom;}
*/
/* content styles */
.inside-full-height { height: 100%; margin-top: 0; margin-bottom: 0; }

.row-height { display: table; table-layout: fixed; height: 100%; width: 100%; }

.col-height { display: table-cell; float: none; height: 100%; }

.col-top { vertical-align: top; }

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

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

.input-group { position: relative; width: 98%; border: 1px solid #42b2d6; overflow: hidden; margin: 0 1%; height: 50px; }

.input-group-addon, .input-group-btn { display: inline-block; font-size: 30px; color: #42b2d6; text-align: center; line-height: 50px; padding: 0 1%; float: left; width: 5%; }

.input-group .form-control { position: relative; z-index: 2; float: left; width: 95%; line-height: 50px; font-size: 16px; font-weight: 300; color: #251415; }

/* Image replacement */
.ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; }

.ir:before { content: ""; display: block; width: 0; height: 150%; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Clearfix: contain floats  For modern browsers 1. The space content is one way to avoid an Opera bug when the `contenteditable` attribute is included anywhere else in the document. Otherwise it causes space to appear at the top and bottom of elements that receive the `clearfix` class. 2. The use of `table` rather than `block` is only necessary if using `:before` to contain the top-margins of child elements. */
.clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }

.clearfix:after { clear: both; }

/* For IE 6/7 only Include this rule to trigger hasLayout and contain floats. */
.clearfix { *zoom: 1; }

/* ==========================================================================
	 EXAMPLE Media Queries for Responsive Design.
	 These examples override the primary ('mobile first') styles.
	 Modify as content requires.
	 ========================================================================== */
@media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition */ }
@media print, (-o-min-device-pixel-ratio: 5 / 4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices */ }
/* ==========================================================================
	 Print styles.
	 Inlined to avoid required HTTP connection: h5bp.com/r
	 ========================================================================== */
@media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  /* Don't show links for images, or javascript/internal links */
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; /* h5bp.com/t */ }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  header .logo { display: none; }
  .shifter-page > header { display: none; }
  .sitemap { display: none; }
  .shifter-navigation { display: none; }
  header .nav { display: none; }
  .basketlist.final .steps { display: none; } }
#preloader { position: fixed; width: 100%; height: 100%; z-index: 9; top: 0px; left: 0px; display: table; opacity: 1; z-index: 1001; }
#preloader.hide { opacity: 0; }
#preloader span { display: table-cell; vertical-align: middle; text-align: center; float: none; background: #fff; background: #251415; }
#preloader img { width: 100px; height: auto; }

/*
	THEME FORM
*/
/* ========== custom inputs/selects ========== */
.select-wrap select, .input-checkbox-wrap input, .input-radio-wrap input, .input-file-wrap input { position: absolute; cursor: pointer; -webkit-appearance: none; left: 0; top: 0; width: 100%; min-height: 1.5em; min-height: 100%; height: 3em; max-height: 100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); z-index: 2; }

/* ========== select ========== */
.select-wrap { background: #fff; position: relative; float: left; height: 25px; padding-right: 26px; border: 1px solid #cfcfcf; -webkit-border-radius: 3px; border-radius: 3px; font-family: "Roboto",sans-serif; }

.select-wrap .select-content { font-size: 11px; color: #595959; line-height: 25px; text-overflow: ellipsis; white-space: nowrap; float: left; width: 100px; height: 25px; padding: 0 5px; overflow: hidden; text-transform: uppercase; }

.select-wrap .select-btn { /*background: transparent url(../img/sprite.png) no-repeat -580px -20px;*/ position: absolute; right: 0; top: 0; width: 26px; height: 100%; }

.select-wrap .select-btn:after { position: absolute; content: "\e609"; font-family: "icomoon"; top: 4px; right: 7px; color: #000; }

/* ========== [checkbox] [radio] [file] ========== */
.input-checkbox-wrap, .input-radio-wrap, .input-file-wrap { background: black; display: inline-block; position: relative; width: 18px; height: 19px; }

/*background: transparent url(../img/sprite.png) no-repeat;*/
.input-checkbox-wrap { /*background-position: -100px -100px; */ margin-top: 10px; }

.input-radio-wrap { background-position: -150px -100px; }

.input-file-wrap { background-position: -200px -100px; }

.input-checkbox-wrap.active:after { position: absolute; top: 3px; left: 4px; content: "\e605"; font-family: 'icomoon'; font-size: 1em; color: #fff; /*background-color:blue; background-position: -100px -150px;*/ }

.input-radio-wrap.active { background-position: -150px -150px; }

.input-file-wrap.active { background-position: -200px -150px; }

@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTaRDOzjiPcYnFooOUGCOsRk.woff) format("woff"); }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff) format("woff"); }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSqRDOzjiPcYnFooOUGCOsRk.woff) format("woff"); }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzKRDOzjiPcYnFooOUGCOsRk.woff) format("woff"); }
@font-face { font-family: 'Tangerine'; font-style: normal; font-weight: 400; src: local("Tangerine"), url(https://fonts.gstatic.com/s/tangerine/v7/HGfsyCL5WASpHOFnouG-RLO3LdcAZYWl9Si6vvxL-qU.woff) format("woff"); }
@font-face { font-family: 'cosmos'; src: url("../fonts/cosmos.eot?jleja4"); src: url("../fonts/cosmos.eot?jleja4#iefix") format("embedded-opentype"), url("../fonts/cosmos.ttf?jleja4") format("truetype"), url("../fonts/cosmos.woff?jleja4") format("woff"), url("../fonts/cosmos.svg?jleja4#cosmos") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'cosmos' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

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

.icon-slider_esquerda:before { content: "\e901"; }

.icon-slider_direita:before { content: "\e902"; }

.icon-seta_areas:before { content: "\e903"; }

.icon-seta_menu:before { content: "\e904"; }

.icon-tema_corporate:before { content: "\e905"; }

.icon-tema_sports:before { content: "\e906"; }

.icon-tema_incentives:before { content: "\e907"; }

.icon-tema_leisure:before { content: "\e908"; }

.icon-seta_linguas_baixo:before { content: "\e909"; }

.icon-seta_linguas_cima:before { content: "\e90a"; }

.icon-sports_active_8:before { content: "\e90b"; }

.icon-sports_active_7:before { content: "\e90c"; }

.icon-sports_active_6:before { content: "\e90d"; }

.icon-sports_active_5:before { content: "\e90e"; }

.icon-sports_active_4:before { content: "\e90f"; }

.icon-sports_active_3:before { content: "\e910"; }

.icon-sports_active_1:before { content: "\e911"; }

.icon-sports_active_2:before { content: "\e912"; }

.icon-social_icon_linkedin:before { content: "\e913"; }

.icon-social_icon_twitter:before { content: "\e914"; }

.icon-social_icon_facebook:before { content: "\e915"; }

.icon-sports_2:before { content: "\e916"; }

.icon-sports_1:before { content: "\e917"; }

.icon-sports_3:before { content: "\e918"; }

.icon-sports_4:before { content: "\e919"; }

.icon-sports_6:before { content: "\e91a"; }

.icon-Sports_5:before { content: "\e91b"; }

.icon-Corporate_4:before { content: "\e91c"; }

.icon-Corporate_3:before { content: "\e91d"; }

.icon-Corporate_2:before { content: "\e91e"; }

.icon-Corporate_1:before { content: "\e91f"; }

.icon-About_lead:before { content: "\e920"; }

.icon-About_3:before { content: "\e921"; }

.icon-About_2:before { content: "\e922"; }

.icon-About_1:before { content: "\e923"; }

.icon-notificacoes:before { content: "\e923"; }

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

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

/* ========== EMERGENCY AGENCY ========== */
* { -webkit-box-sizing: border-box; box-sizing: border-box; }

body { font-family: 'Open Sans', Arial, sans-serif; font-size: 15px; color: #251415; }

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

h1, h2, h3, h4, h5, p, li, ul { margin: 0; padding: 0; border: 0; }

h1 { font-size: 30px; line-height: 34px; font-weight: 400; padding-bottom: 10px; }
h1 b { font-weight: 600; font-family: 'Open Sans', Arial, sans-serif; }

h2 { font-size: 25px; line-height: 28px; font-weight: 300; }

/* TOOLS */
.bt { position: relative; background: transparent; border: 1px solid #fff; line-height: 22px; font-size: 22px; font-weight: 300; text-decoration: none; color: #fff; display: inline-block; padding: 15px 30px; }

/* Separators */
.parallax .block { position: relative; z-index: 200; text-align: center; padding: 100px 0; }

.parallax .block h2 { color: #fff; }

.parallax .block p { color: #fff; }

.parallax .block span.line { margin-top: 45px; }

.parallax .bg { margin: 0 auto; padding: 0; position: absolute; z-index: 200; width: 100%; height: 400px; }

.mobile .parallax .bg { background-position: center center !important; }

@media only screen and (max-width: 479px) { .parallax { height: auto !important; }
  .parallax .block { padding: 70px 15px 60px; }
  .parallax h1 { font-size: 34px; line-height: 44px; } }
/*
.parallax_wrapper{
	position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;z-index:0;
	.parallax{
		position:absolute;top:0;left:0;
		img{width:100%;}
	}
}*/
/*
.accordion{
	position:relative;margin-top:30px;border:1px solid $blue-light;

	&.open{
		.top{background:#fff;color:$blue-light;border-bottom:1px solid $grey-border;margin:0 20px;padding:0;}
		//.text{display:block;}
		.icon{color:$blue-light;
			&:before{content: "\e61f";}
		}
	}
	&.close{
		.text{max-height: 0;}
	}

	.top{display:block;text-decoration:none;text-align:left;background:$blue-light;height:50px;font-size:23px; line-height:50px;font-weight:300;padding:0 20px;color:#fff;}
	.text{
		display:none;text-align:left;padding:20px;min-height:100px;

		a{color:$blue-light;text-decoration:none;font-weight:bold;}
	}
	.icon{position:absolute;right: 20px;top: 11px;color: #fff;display: block;font-size: 30px;}
}
*/
.socialbuttons { overflow: hidden; }
.socialbuttons .facebook { color: #547cb8; }
.socialbuttons .twitter { color: #42b3d2; }
.socialbuttons .pinterest { color: #eb5559; }
.socialbuttons .clicktoup { display: none; }
.socialbuttons a { display: inline-block; margin: 0; text-decoration: none; width: 34px; height: 34px; }
.socialbuttons a img { width: 100%; }

.fullwidth { padding: 45px 0; font-size: 16px; }
.fullwidth h2 { font-size: 32px; padding-bottom: 45px; }

.grid .row { width: 100%; max-width: 100%; padding: 0; }
.grid .col-height { padding: 20px 50px; }
.grid .col-height:first-of-type { padding-left: 10%; }
.grid .col-height:nth-of-type(2n) { padding-right: 10%; }
.grid .col-height [class^='icon-'] { font-size: 40px; }
.grid .withbg { background: #f9f9f9; }

/* Slider */
.slider { position: relative; }
.slider h1 { position: absolute; top: 5%; width: 100%; text-align: center; z-index: 100; color: #fff; font-size: 32px; }
.slider .text-content { position: absolute; top: 0; left: 0; right: 0; padding: 1em; width: 80%; height: auto; max-width: 1230px; margin: 8% auto; color: #fff; }
.slider .text-content h2 { margin: 1em 0; font-size: 32px; line-height: 34px; }
.slider .image-content { line-height: 0; }
.slider .image-content img { max-width: 100%; width: 100%; }
.slider .pager { text-align: right; display: block; margin: 0.2em 0 0; padding: 0; list-style: none; }
.slider .pager li { display: inline-block; padding: 0.6em; margin: 0 0 0 1em; }
.slider .pager li.sy-active a { color: #31ace2; }
.slider .pager li a { font-weight: 500; text-decoration: none; display: block; color: #222; }
.slider .sy-controls a { font-family: "cosmos"; font-size: 30px; }
.slider .sy-controls .sy-prev a:after { background: none; content: "\e901"; }
.slider .sy-controls .sy-next a:after { background: none; content: "\e902"; }

.slick-wrapper { position: relative; padding: 30px 50px; }
.slick-wrapper .slick .slick-prev, .slick-wrapper .slick .slick-next { position: absolute; display: block; height: 50px; width: 50px; line-height: 0px; font-size: 0px; cursor: pointer; color: #000; top: 50%; padding: 0; border: none; outline: none; -webkit-border-radius: 50%; border-radius: 50%; }
.slick-wrapper .slick .slick-prev { margin-left: -50px; }
.slick-wrapper .slick .slick-next { margin-right: -50px; }
.slick-wrapper .slick .slick-prev:before, .slick-wrapper .slick .slick-next:before { color: #000; opacity: 1; font-size: 25px; }
.slick-wrapper .slick .slick-prev:before { font-family: 'cosmos'; content: "\e901"; }
.slick-wrapper .slick .slick-next:before { font-family: 'cosmos'; content: "\e902"; }
.slick-wrapper .slick .slick-slide img { display: inline-block; text-align: center; }

.quote { width: 100%; padding: 90px 0; }

.contactusform { background: #666666; color: #f3f3f2; padding: 30px 0 120px; text-transform: uppercase; }
.contactusform h2 { margin-bottom: 30px; font-weight: 500; line-height: 50px; }
.contactusform p { line-height: 25px; }
.contactusform .icon { font-size: 75px; margin: 20px 0; display: inline-block; }
.contactusform .wrapper { margin: 0px 10px; text-align: left; margin-bottom: 10px; padding-top: 20px; }
.contactusform .wrapper label { line-height: 40px; }
.contactusform .wrapper input { width: 100%; line-height: 31px; padding: 0 10px; height: 32px; }
.contactusform .wrapper.check { text-align: center; padding-top: 40px; }
.contactusform .wrapper.check input { background: transparent; border: 0; display: inline-block; width: auto; height: 14px; top: 1px; position: relative; }
.contactusform .wrapper.check label { font-size: 12px; margin-left: 5px; }
.contactusform .success, .contactusform .error { padding-top: 30px; }

.ng-submitted .ng-invalid { border: 1px solid #f7e800; }

.success { display: none; position: relative; text-align: center; }

.error { position: relative; text-align: center; color: #f7e800; }

input.ng-invalid.ng-touched { border: 1px solid #f7e800; }

label.check_error { color: #f7e800; }

.introblocks { position: relative; z-index: 10; padding-top: 70px; padding-bottom: 70px; overflow: hidden; margin: -140px 2% 0; }
.introblocks .col { position: relative; padding: 30px 25px; text-align: left; display: block; background: #fff; }
.introblocks .col.col1 { margin-bottom: 20px; }
.introblocks .col.col1:before { content: attr(name); border: 1px solid #000; font-size: 32px; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; padding: 10px 25px; margin-top: -55px; margin-bottom: 55px; margin-left: 85px; margin-right: -45px; font-weight: 300; }
.introblocks .col.col2 { background: #fbfbfb; margin-right: 2%; }
.introblocks .col.col2:before { content: ""; border: 1px solid #000; font-size: 32px; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; padding: 10px 25px; margin-top: 55px; margin-bottom: -45px; margin-left: -45px; margin-right: 85px; }
.introblocks .col.col2:after { content: attr(name); display: block; font-size: 32px; text-align: right; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; padding: 10px 25px; margin-top: -60px; margin-bottom: 0; margin-left: -15px; margin-right: 45px; font-weight: 300; }
.introblocks .col ul { padding: 20px; }
.introblocks .col ul li { list-style-type: none; padding: 5px 0; }
.introblocks .col ul li:before { content: "\e902"; font-family: "cosmos"; display: inline-block; width: 1.2em; margin-left: -1.2em; }

.bullet { margin: 0 10px; line-height: 10px; display: inline-block; height: 10px; width: 10px; overflow: hidden; }

.bullet:after { content: "•"; color: #ceced5; display: block; font-size: 28px; }

.shifter-open .callme { opacity: 0; z-index: -1; -webkit-transition: 0.2s; transition: 0.2s; }
.shifter-open .btmenu span { background: transparent url(../img/menu_close.svg) no-repeat center center; display: block; color: #fff; margin-top: 4px; cursor: hand; }
.shifter-open .btmenu span:before { content: ""; }

.callme { position: fixed; opacity: 1; display: block; right: 0; top: 30%; padding: 5px 15px; z-index: 1000; color: #fff; background: #322e2e; background: rgba(50, 46, 46, 0.7); -webkit-transition: 0.6s; transition: 0.6s; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); right: -78px; }
.callme.en { right: -52px; }
.callme .icon { position: relative; display: block; width: 20px; height: 30px; float: left; background: transparent url(../img/icon-callme.png) no-repeat top center; -webkit-background-size: 100% 100%; background-size: 100%; }
.callme p { float: left; color: #fff; line-height: 30px; margin-left: 10px; font-size: 20px; font-weight: 100; }

nav { position: relative; font-size: 12px; overflow: hidden; }
nav a { color: #fff; line-height: 20px; text-decoration: none; font-weight: 400; }
nav a:hover { text-decoration: underline; }
nav li.active > a { text-decoration: underline; }
nav > ul { min-width: 500px; width: 100%; overflow: hidden; display: inline-block; }
nav li { text-align: left; }
nav > ul > li { float: left; width: auto; margin: 0 2%; height: 140px; }
nav > ul > li:first-child { margin-left: 0; }
nav > ul > li:last-child { margin-right: 0; }
nav > ul > li > a { font-size: 17px; }
nav > ul > li > ol { padding-top: 10px; }
nav ol > li { float: none; }
nav ol > li > a { font-size: 14px; }

header { position: absolute; top: -182px; left: 0; height: 252px; width: 100%; clear: both; z-index: 1000; color: #fff; -webkit-transition: top 0.6s; transition: top 0.6s; -webkit-transition-timing-function: ease; transition-timing-function: ease; }
header.open { top: 0; }
header.open .icon-menu:before { content: "\e904"; }
header .row { position: relative; padding: 40px 0 0; }
header .row .info h2, header .row .info a.call { font-weight: 600; font-size: 20px; line-height: 55px; color: #fff; text-decoration: none; }
header .row .info p { font-size: 10px; }
header .row .btmenu { position: absolute; right: 0; width: 30px; top: 15px; color: #fff; font-size: 30px; text-decoration: none; }
header .main { padding: 20px 0 0; height: 70px; }
header .main select { margin: 0; padding: 0; height: 28px; width: 50px; padding-left: 10px; background: transparent; /* url(../img/sel_picker.png) no-repeat top right;*/ color: #fff; font-weight: 700; -webkit-appearance: none; }
header .main .logo { max-width: 150px; margin-top: 0px; display: inline-block; }
header .main .logo img { width: 100%; }
header .lang_wrapper .lang { position: relative; width: 30px; height: 30px; -webkit-border-radius: 50%; border-radius: 50%; cursor: pointer; border: 2px solid #fff; line-height: 26px; text-align: center; font-size: 14px; font-weight: 300; }
header .lang_wrapper .lang:before { content: "\e909"; font-family: "cosmos"; position: absolute; top: 0; right: -15px; line-height: 30px; font-size: 6px; }
header .lang_wrapper .lang_list { display: none; padding-top: 10px; text-align: center; width: 30px; }
header .lang_wrapper .lang_list a { color: #fff; text-decoration: none; }
header .lang_wrapper .lang_list a:hover { text-decoration: underline; }
header .lang_wrapper.open .lang_list { display: block; }
header .lang_wrapper.open .lang:before { content: "\e90a"; }
header .socialbuttons { height: auto; text-align: center; }
header .socialbuttons a { margin: 14px 2px; }
header .bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #2A2727; opacity: 0.76; z-index: -1; }
header .bg:after { content: ""; position: absolute; bottom: -50px; left: 50%; margin-left: -105px; width: 210px; height: 210px; background: #2A2727; -webkit-border-radius: 50%; border-radius: 50%; }
header a.link { color: #fff; }

section .row { padding: 0 30px; }
section.container { min-height: 500px; }
section.container .header { position: relative; width: 100%; max-width: 100%; background: transparent; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; overflow: hidden; text-align: center; color: #fff; }
section.container .header div[class^="header"] { position: relative; z-index: 0; opacity: 0; left: 0; right: 0; top: 0; bottom: 0; }
section.container .header img { width: 100%; display: inline-block; }
section.container .header .txt { position: relative; padding-top: 48vh; text-align: left; }
section.container .header .txt h1 { font-size: 45px; font-size: 3vw; line-height: 3.2vw; font-weight: 300; }
section.container .header .txt h1 b { font-weight: 400; }
section.container .header .txt .bt { margin: 2vw 0; }
section.container .header .text-content { width: 100%; padding: 0 30px; padding-top: 42vh; text-align: left; }
section.container .header .text-content h1 { position: relative; top: auto; font-size: 45px; font-size: 3vw; line-height: 3.2vw; font-weight: 300; text-align: left; }
section.container .header .text-content h1 b { font-weight: 400; }
section.container .header .text-content .bt { margin: 2vw 0; }
section.container .header .footer { position: absolute; bottom: 0; left: 0; width: 100%; padding-bottom: 10px; z-index: 1000; }
section.container .header .footer a { color: #fff; text-decoration: none; margin: 10px 0; font-size: 30px; display: inline-block; }

.main { position: relative; }
.main .content { position: relative; text-align: center; height: auto; padding: 20px; }
.main .content .block { padding: 80px 0; }
.main .banners { position: relative; width: 100%; padding: 0 6px; list-style-type: none; overflow: hidden; display: block; }
.main .banners li { position: relative; width: 24%; margin: 0 0.5%; float: left; cursor: pointer; }
.main .banners li img { width: 100%; }
.main .banners li .info { position: absolute; width: 100%; height: 100%; color: #fff; text-align: center; font-size: 25px; padding-top: 6vw; background: rgba(0, 0, 0, 0.7); font-weight: 300; font-size: 1.8vw; }
.main .banners li .info:hover { background: transparent; }
.main .banners li .info span { font-size: 60px; font-size: 5vw; display: block; margin: 10px 0; }
.main .banners li .info .seta { display: block; margin: 10px 0; }

#home.container { /*.header{
	img{
		position:absolute;left:0;top:0;width:100%;
		display:inline-block;
	}
}*/ }
#home.container .header .slider .sy-controls { display: none; }
#home.container #yourteam h2 { padding-bottom: 10px; }

#aboutus .title { padding: 50px 0; }
#aboutus .title [class^="icon-"] { color: #97878a; font-size: 85px; }
#aboutus .bg { background: #f9f9f8; }
#aboutus a.text { color: #251415; }
#aboutus .mission { color: #fff; background: transparent url(../img/bg_aboutus_mission.jpg) no-repeat top center; -webkit-background-size: cover; background-size: cover; }
#aboutus .mission .grid .col-height { padding: 0; }
#aboutus .mission .grid .col-height p { text-align: left; position: relative; font-weight: 300; }
#aboutus .mission .grid .col-height p:first-of-type:after { position: absolute; top: -30px; left: -30px; width: 100%; height: 100%; padding: 30px; content: ""; border: 1px solid #524b4b; -webkit-box-sizing: content-box; box-sizing: content-box; }
#aboutus .wetravel .row { padding-top: 10px; }
#aboutus .wetravel .slick li { float: left; }
#aboutus #locations { margin-bottom: 100px; }
#aboutus #locations .grid .col-height { padding: 40px 50px; }
#aboutus #locations .grid .content { padding: 0; }
#aboutus #locations .grid a { color: #251415; }
#aboutus #locations .grid p { line-height: 1.6; }
#aboutus #contact .icon-lead:before { content: "\e920"; }

#sports .col.col1:before { color: #fff; }
#sports .col.col2:after { background: transparent url(../img/bg_head_sports.jpg) no-repeat top left; -webkit-background-size: 100% 100%; background-size: 100%; color: #fff; }
#sports #news .text-content { background: rgba(0, 0, 0, 0.25); width: 100%; max-width: 100%; padding: 3%; }
#sports #news .text-content h2 { max-width: 1230px; margin: 0 auto; }
#sports .team { position: relative; background: #efeeee; width: 100%; padding: 60px 0; margin-bottom: 110px; }
#sports .team h2 { margin-bottom: 50px; font-weight: 600; }
#sports .team p { font-weight: 600; }
#sports .team .icons [class^='icon-'] { color: #ceced5; font-size: 55px; margin: 50px 2.5%; display: inline-block; }
#sports .team .icons [class^='icon-']:first-of-type { margin-left: 0; }
#sports .team .icons [class^='icon-']:last-of-type { margin-right: 0; }
#sports .team a { position: absolute; bottom: -30px; left: 50%; margin-left: -210px; width: 420px; color: #251415; border-color: #251415; padding: 20px 80px; background: #fff; }
#sports .grid b { font-weight: 600; }
#sports [class^="icon-"] { color: #97878a; margin: 10px 0; display: inline-block; }
#sports [class^="icon-"]:before { font-size: 50px; }
#sports .contactusform .icon-lead:before { content: "\e906"; }

#corporate .col.col2:after { background: transparent url(../img/bg_head_corporate.jpg) no-repeat top left; -webkit-background-size: 100% 100%; background-size: 100%; }
#corporate .teamsupport { background: transparent url(../img/bg_corporate_team_support.jpg) no-repeat top left; -webkit-background-size: cover; background-size: cover; color: #fff; }
#corporate .teamsupport p { font-weight: 300; }
#corporate [class^="icon-"] { color: #97878a; margin: 10px 0; display: inline-block; font-size: 45px; }
#corporate .contactusform { /*margin-top:110px;*/ }
#corporate .contactusform .icon-lead:before { content: "\e905"; }

#incentives .col { background: #9d9091; color: #fff; }
#incentives .col.col1:before { color: #fff; }
#incentives .col.col2:after { background: transparent url(../img/bg_head_incentives.jpg) no-repeat top left; -webkit-background-size: 100% 100%; background-size: 100%; color: #fff; }
#incentives .actions { position: relative; width: 100%; height: auto; overflow: hidden; }
#incentives .actions .bg { background: url(../img/bg_incentives_actions.jpg) no-repeat top center fixed; -webkit-background-size: cover; background-size: cover; height: 100%; z-index: -1; }
#incentives .actions .row { background: #fff; margin: 10% 0; padding: 30px; max-width: 100%; }
#incentives .actions ul { padding: 20px; }
#incentives .actions ul li { list-style-type: none; padding: 5px 0; }
#incentives .actions ul li:before { content: "\e902"; font-family: "cosmos"; display: inline-block; width: 1.2em; margin-left: -1.2em; }
#incentives .how h2 { padding-bottom: 10px; }
#incentives .how h5 { padding-bottom: 30px; font-weight: 400; }
#incentives .how p { font-weight: 400; }
#incentives .how .bullet:after { color: #000; }
#incentives .how .squares { margin-top: 65px; }
#incentives #highlights { margin: 0 auto; max-width: 1230px; margin-bottom: 50px; }
#incentives #highlights .text-content { width: 100%; max-width: 100%; padding: 0; margin: 0; }
#incentives #highlights .text-content h2 { margin: 0; padding: 7% 5%; }
#incentives #highlights .text-content p { background: rgba(255, 255, 255, 0.35); padding: 3% 7%; line-height: 30px; }
#incentives #highlights .text-content .bullet:after { color: #fff; }
#incentives #highlights .sy-controls li { width: 5%; }
#incentives #highlights .sy-controls li a { margin-top: 0px; }
#incentives h3 { padding-bottom: 45px; font-weight: 500; }
#incentives .contactusform .icon-lead:before { content: "\e907"; }

#leisure .col { background: #4b85ac; color: #fff; }
#leisure .col.col1:before { color: #fff; }
#leisure .col.col2:after { background: transparent url(../img/bg_head_leisure.jpg) no-repeat top left; -webkit-background-size: 100% 100%; background-size: 100%; color: #fff; }
#leisure .team { position: relative; width: 100%; height: auto; overflow: hidden; }
#leisure .team .bg { background: url(../img/bg_leisure_team.jpg) no-repeat top center fixed; -webkit-background-size: cover; background-size: cover; height: 100%; z-index: -1; }
#leisure .team .row { background: #fff; margin: 10% 0; padding: 60px 30px; max-width: 100%; }
#leisure .team h2 { padding-bottom: 10px; }
#leisure .team h5 { padding-bottom: 30px; font-weight: 400; }
#leisure .team p { font-weight: 400; }
#leisure .team .bullet:after { color: #000; }
#leisure .quotes { position: relative; width: 100%; height: auto; overflow: hidden; width: 100%; }
#leisure .quotes .fullwidth { padding: 0; }
#leisure .quotes .bg { background: url(../img/bg_leisure_quotes1.jpg) no-repeat top center fixed; -webkit-background-size: cover; background-size: cover; height: 100%; z-index: -1; }
#leisure .quotes .row { background: #fff; margin: 15% 0 15% 0; padding: 60px 30px; max-width: 100%; }
#leisure .quotes .row:nth-of-type(2) { margin-top: 0px; }
#leisure .quotes .row em { font-family: "Tangerine"; font-size: 70px; margin: 0 3px; }
#leisure .quotes h2 { padding-bottom: 0px; }
#leisure .quotes2 { margin-bottom: 50px; }
#leisure .quotes2 .bg { background: url(../img/bg_leisure_quotes2.jpg) no-repeat top center fixed; -webkit-background-size: cover; background-size: cover; height: 100%; z-index: -1; }
#leisure .quotes2 .row:last-of-type { margin-bottom: 0px; }
#leisure .quotes2 .row:nth-of-type(2) { margin-top: 0px; }
#leisure #highlights { margin: 0 auto; max-width: 1230px; margin-bottom: 50px; }
#leisure #highlights .text-content { width: 100%; max-width: 100%; padding: 2% 0; margin: 18% 0; background: #4b85ac; background: rgba(75, 133, 172, 0.4); }
#leisure #highlights .text-content h2 { margin: 0; }
#leisure #highlights .text-content p { line-height: 30px; }
#leisure #highlights .text-content .bullet:after { color: #fff; }
#leisure #highlights .sy-controls li { width: 5%; }
#leisure #highlights .sy-controls li a { margin-top: 0px; }
#leisure .contactusform .icon-lead:before { content: "\e908"; }

#error { min-height: 200px; }
#error .header .text-content { padding-top: 23vh; }
#error .header .text-content p { font-size: 18px; }

.section-icon { margin: 0 0 10px 0; display: inline-block; }

.underline { position: relative; font-weight: 500; margin-bottom: 60px; padding-bottom: 45px; }
.underline:after { position: absolute; bottom: 10px; width: 180px; height: 1px; left: 50%; margin-left: -90px; background: #cec7c8; content: ""; display: block; }

.squares { position: relative; z-index: 10; padding: 50px; text-align: left; display: block; border: 1px solid #000; }
.squares:before { content: ""; border: 1px solid #000; font-size: 32px; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; margin-left: -20px; margin-top: -15px; margin-right: 15px; margin-bottom: 20px; }
.squares ul { padding: 20px; }
.squares ul li { list-style-type: none; padding: 5px 0; }
.squares ul li:before { content: "\e902"; font-family: "cosmos"; display: inline-block; width: 1.2em; margin-left: -1.2em; }

.ngdialog .modalBox { font-family: 'Open Sans', Arial, sans-serif; }
.ngdialog .modalBox h1 { font-size: 15px; color: #251415; font-weight: bold; }
.ngdialog .modalBox p { font-size: 15px; font-weight: 300; }

/* FOOTER */
footer { position: relative; padding: 65px 0; background: #28282a; min-height: 230px; color: #fff; z-index: 1000; }
footer .info h2, footer .info a.call { font-weight: 600; font-size: 16px; line-height: 55px; color: #fff; text-decoration: none; }
footer .info p { font-size: 10px; }
footer form { padding: 22px 0; }
footer form input { width: 80%; line-height: 36px; padding: 0 20px; text-align: center; height: 36px; }
footer form .bt { padding: 4px 10px 5px; float: right; }
footer form .bt:after { content: "\e902"; font-family: "cosmos"; font-size: 10px; }
footer .error { font-size: 13px; padding-top: 10px; padding-right: 10%; }
footer > ul > li > a { font-size: 15px; }
footer ol > li > a { font-size: 12px; }
footer .socialbuttons { z-index: 1; position: absolute; width: 100%; left: 0; top: -18px; text-align: center; }
footer .socialbuttons a { margin: 0 5px; }
footer .copywrite, footer .mobile_linking { position: absolute; bottom: 20px; font-size: 10px; width: 100%; }
footer .copywrite a.cookie, footer .mobile_linking a.cookie { color: #fff; margin-left: 20px; text-decoration: underline; cursor: pointer; }
footer .copywrite a.info_modal, footer .mobile_linking a.info_modal { color: #fff; margin-left: 20px; text-decoration: underline; cursor: pointer; }
footer .mobile_linking { bottom: 12px; }
footer .mobile_linking .col-12 { margin-left: -20px; }
footer .mobile_linking a.cookie { margin-left: 0; }
footer a.link { color: #fff; }

a.gotop { display: none; }

a.truncatemobile { display: none; }

.hidemobile { display: block; }

/** TABLET AND SMARTPHONE */
@media only screen and (min-width: 1440px) { /* Style adjustments for viewports that meet the condition */ }
@media only screen and (max-width: 1260px) { header { padding: 0 20px; }
  header .top { display: none; }
  header .main { top: 180px; }
  footer .col-2 { display: none; }
  footer .col-3 { display: none; }
  footer .col-7 { width: 100%; }
  footer .col-7 div { margin: 0; width: 100%; }
  footer .col-7 nav > ul { width: 650px; margin: 0 auto; position: relative; display: block; }
  footer .copywrite, footer .mobile_linking { text-align: center; }
  h1 { font-size: 4vh; }
  #home .header .txt { padding-top: 26vw; }
  #home .header .text-content { padding-top: 15vw; } }
@media only screen and (max-width: 660px) { footer { padding: 35px 0; min-height: 30px; }
  footer nav { display: none; }
  #home .main .banners li { width: 49%; margin: 0.5%; }
  #home .main .banners li .info { padding-top: 10vw; font-size: 4vw; }
  #home .main .banners li .info span { font-size: 60px; } }
@media only screen and (min-width: 601px) { .mobile { display: none; } }
@media only screen and (max-width: 600px) { .desktop { display: none; }
  .tablet { display: none; }
  .mobile { display: block; }
  [class*="offset"], [class*="col"] { margin: 0; width: 100%; }
  header { top: -200px; }
  header .bg:after { bottom: -35px; margin-left: -90px; width: 180px; height: 180px; }
  header .lang_wrapper { opacity: 0; }
  header .main { top: 190px; }
  header .main .lang_wrapper { opacity: 1; }
  header .main .logo { position: absolute; max-width: 112px; top: 35px; left: 50%; margin-left: -56px; }
  footer { padding: 35px 15px; }
  footer .col-3 { display: block; width: 100%; }
  footer .col-3 [class*="col-"] { margin: 0; width: 100%; }
  footer .col-3 .bt { margin-bottom: 15px; }
  footer .col-3 form input { width: 85%; }
  footer .col-3 form .bt { width: 15%; padding: 9px 10px 8px; margin: 0; }
  footer .copywrite, footer .mobile_linking { display: none; }
  footer .mobile_linking { display: block; }
  footer .socialbuttons .clicktoup { display: block; position: absolute; right: 10vw; top: 0; }
  h1 { font-size: 16px; line-height: 20px; padding-bottom: 40px; }
  h2 { font-size: 20px; line-height: 20px; }
  p { text-align: center; font-size: 15px; }
  .bt { line-height: 16px; font-size: 16px; padding: 15px 20px; padding: 12px 20px; width: 100%; text-align: center; }
  .main .content .block { padding: 40px 0; }
  .contactusform .icon { margin: 0; font-size: 60px; }
  .contactusform h2 { margin-bottom: 20px; }
  .contactusform p { line-height: 20px; }
  .contactusform .lead .row { padding: 0; }
  .contactusform .wrapper { margin: 0; }
  .callme { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); right: 0; top: 15%; padding: 5px 10px; }
  .callme .icon { width: 20px; }
  .callme p { display: none; }
  section.container .row { padding: 0 15px; }
  section.container .header { height: auto; }
  section.container .header img { position: relative; }
  section.container .header div[class^="header"] { opacity: 1; }
  section.container .header .txt { position: absolute; top: 0; padding-top: 45vw !important; }
  section.container .header .txt h1 { font-size: 6vw; line-height: 7vw; }
  section.container .header .slider .text-content { padding: 0; width: 90%; height: 100%; }
  section.container .header .slider .sy-controls { display: none; }
  section.container .header .slider h1 { font-size: 5.3vw; line-height: 7vw; font-weight: 300; text-align: left; padding: 0; padding-top: 100px; }
  section.container .header .slider .bt { z-index: 100; margin-top: 50px; }
  .fullwidth { padding: 25px 0; }
  .fullwidth h2 { font-size: 20px; padding-bottom: 15px; }
  .grid .col-height { display: block; }
  .grid .col-height p { text-align: center; }
  .grid .col-height p:first-of-type:after { display: none; }
  .grid .col-1 { display: none; }
  .grid .col-5 { width: 100%; }
  .introblocks { margin: -70px 0 0; padding-bottom: 0; }
  .introblocks .col { padding: 30px 15px; }
  .introblocks .col.col1 { margin-bottom: 70px; }
  .introblocks .col.col1:before { left: 0; top: -40px; margin: 0; padding: 0; border: 0; font-size: 20px; line-height: 40px; text-align: center; font-weight: 400; background: rgba(255, 255, 255, 0.3); }
  .introblocks .col.col2 { margin: 0; }
  .introblocks .col.col2:before { display: none; }
  .introblocks .col.col2:after { width: 100%; left: 0; top: -70px; bottom: auto; margin: 0; padding: 0; border: 0; font-size: 20px; line-height: 70px; text-align: center; font-weight: 400; background: rgba(255, 255, 255, 0.3); }
  #home.container .header img { position: relative; }
  #home.container .main .banners { padding: 0; }
  #home.container .main .banners li { width: 100%; height: 70px; margin: 0; }
  #home.container .main .banners li .info { position: absolute; padding: 25px 15px; font-size: 20px; background: rgba(0, 0, 0, 0.4); }
  #home.container .main .banners li .info span { display: none; }
  #home.container .main .banners li .info .seta { margin: 0; position: absolute; right: 15px; top: 28px; }
  #home.container .main .banners li .info .seta:before { content: "\e902"; }
  #home.container .sponsors .row { margin: 0; }
  #home.container .sponsors .row .md-6 { width: 100%; margin: 0; }
  #aboutus .title { padding: 35px 0; }
  #aboutus .title [class^="icon-"] { font-size: 55px; }
  #aboutus .mission .grid .col-height p { text-align: center; }
  #aboutus #locations.row { padding: 0; margin: 0; }
  #aboutus #locations.row .row { padding: 0; }
  #aboutus #locations.row .grid .col-height { padding: 30px 15px; }
  #corporate .col.col2:after { background: transparent url(../img/mob_bg_head_corporate.jpg) no-repeat top left; -webkit-background-size: 100% 100%; background-size: 100%; }
  #sports .col.col2:after { background: transparent url(../img/mob_bg_head_sports.jpg) no-repeat top left; -webkit-background-size: 100% 100%; background-size: 100%; }
  #sports .team { margin-bottom: 0px; }
  #sports .team .icons { display: none; }
  #sports .team p { font-weight: 400; }
  #sports .team p .bullet { display: none; }
  #sports .team a { position: relative; bottom: auto; left: auto; margin: auto; width: 100%; padding: 15px; margin-top: 30px; }
  #incentives .col { background: #fff; color: #251415; }
  #incentives .col.col2:after { background: transparent url(../img/mob_bg_head_incentives.jpg) no-repeat top left; -webkit-background-size: 100% 100%; background-size: 100%; }
  #incentives .actions .row { margin: 100px 0; }
  #incentives .how .squares { margin-top: 0; }
  #incentives #highlights { margin: 0; }
  #incentives .contactusform { margin-top: 0; }
  #leisure .col { background: #fff; color: #251415; }
  #leisure .team .row { margin: 100px 0; }
  #leisure .team .bg { background: url(../img/bg_leisure_team.jpg) no-repeat top center; -webkit-background-size: cover; background-size: cover; height: 100%; z-index: -1; }
  #leisure .quotes .row { margin: 50px 0 50px 0; padding: 30px 30px; }
  #leisure .quotes .row h2 { line-height: 30px; }
  #leisure .quotes .row h2 em { font-size: 45px; }
  #leisure .quotes .bg { background: url(../img/bg_leisure_quotes1.jpg) no-repeat top center; -webkit-background-size: cover; background-size: cover; height: 100%; z-index: -1; }
  #leisure #highlights { margin: 0; }
  #leisure .contactusform { margin-top: 0; }
  #error .header .text-content { padding-top: 1vh; }
  #error .header .text-content h1 { font-size: 18px; line-height: 20px; padding-top: 60px; }
  #error .header .text-content p { font-size: 15px; position: relative; text-align: left; z-index: 1; margin-top: 20px; font-weight: 100; }
  #highlights .row { padding: 0; }
  #highlights .sy-slides-wrap .sy-controls li { padding-bottom: 0px; }
  .underline { margin: 0; }
  .squares { border: 0; padding: 0; }
  .squares:before { display: none; }
  .squares ul { padding: 20px 0 0 20px; }
  .grid .row { padding: 0 !important; }
  .grid .row-height .col-6 { width: 100%; padding: 0; background: #fff; }
  .grid .row-height .col-6:nth-child(1) { background: #f9f9f9; }
  #services.content { padding: 0; }
  a.truncatemobile { display: block; border: 1px solid #251415; color: #251415; margin-top: 20px; }
  .hidemobile { display: none; } }
/*@media only screen and (max-width: 899px) {
	header{
		//[class^="col-"]{width:50%;}
		.nav li a{font-size:12px;}
		.menu{width:62%;}
		.col-2:last-child{width:20%;}
	}
	#home .main{
		.content{
			padding:65px 0;height: 500px;
			h1{font-size: 32px;line-height: 35px;}
			p{font-size: 20px;}
		}
		.banners{
			li{
				a{font-size:18px;}
			}
		}
	}

	.sitemap{
		nav{width:100%;text-align:center;
			>ul{overflow:hidden;display:inline-block;}
			li{text-align:left;}
		}
		.actions{display:none;}
	}
}
@media only screen and (max-width: 768px) {
	//Style adjustments for viewports that meet the condition
	.shifter-navigation{
	    li{
	    	a{width:100%;display:block;}
	      &.socialicons{display:none;}
	    }
	}
	header{
		[class^="col-"]{width:50%;}
		.menu{display:none;}
		.col-2:last-child{
			width:50%!important;
			text-align:right;
		}
		.socialbuttons{
			width:100%;padding-right:50px;
			a{margin:24px 5px;}
		}
		.shifter-handle{line-height:80px;font-size:35px;top:0;position: absolute;top: 0;right: 30px;}
	}
	#home .main{
		background:$white url(../img/bg_home-bolhas.jpg) no-repeat top center;
		background-size:contain;
		.parallax_wrapper{display:none;}
	}

}


@media only screen and (max-width: 767px) {
	//Style adjustments for viewports that meet the condition

	h1{font-size: 32px;line-height: 35px;}

	#home .main{
		.content{
			padding:65px 0;height: auto;

			.col-8{margin-left:10%;width:80%;}
			p{font-size: 20px;}
		}
		.banners{
			text-align: center;position:relative;bottom:auto;

			li{
				position: relative;display: inline-block;width: 60%;min-width:250px;margin: 10px 0;overflow: hidden;float:none;

				&.receitas{background:transparent url(../img/banners/mob_receitas.jpg) no-repeat top center; background-size:cover;}
				&.passatempos{background:transparent url(../img/banners/mob_passatempos.jpg) no-repeat top center; background-size:cover;}
				&.amostras{background:transparent url(../img/banners/mob_amostras.jpg) no-repeat top center; background-size:cover;}

				a{font-size:20px;}

			}
		}
	}
	#sabores{
		.content{
			padding:30px 0;text-align:center;
			h2{
				font-size:35px;line-height:36px;margin-bottom:20px;
			}
			.col-6{
				margin:0 5%;margin-bottom:100px;width:90%;max-width:500px;display:inline-block;float:none;

				&.lemon{height: 380px;}
			}

		}
	}




	.products{
		.content{
			padding:65px 0;height: auto;

			.col-8{margin-left:10%;width:80%;}
			//h1{font-size: 32px;line-height: 35px;}
			p{font-size: 20px;}
		}
		.list{
			text-align: center;
			padding:20px 30px 0px;

			li{position: relative;display: inline-block;width: 60%;min-width:180px;max-width:250px;margin: 10px 0;overflow: hidden;float:none;}
		}
	}
	.quotes .content{
		padding: 40px 0;
		height:auto;

		.col-8{margin-left:10%;width:80%;}

		h2{font-size:25px;}
	}

	footer{
		padding-bottom:40px;
	}
	a.gotop{
		position:fixed;top:auto;bottom:0;left:0;width:100%;background:$grey;text-align:center;line-height:40px;text-decoration:none;color:$white;
		display:none;z-index:100;box-shadow: 0px -2px 1px 0px rgba(0, 0, 0, 0.2);
	}
}


@media only screen and (max-width: 600px) {
	.shifter.shifter-enabled{
	  .shifter-navigation{
	    li{
	      &.header{color:$white; font-family:'Passion One';font-size:20px;line-height:46px;}
	      &.socialicons{display:block;}
	    }
	  }
	}
	body{padding-top:46px;}
	h1{font-size:30px;line-height:32px;}
	h2{font-size:28px;line-height:30px;}

	header{
		height:46px;
		.row { 		padding: 0 15px;
		}

		a.logo{max-width:72px;bottom:-9px;
			img{max-width:100%;}
		}

		.nav{
			li{
				a{line-height: 44px;}
			}
		}

		.socialbuttons{
			display:none;
		}
		.shifter-handle{line-height:46px;right:15px;}

	}

	section{
		.row { 		padding: 0 15px;
		}
	}
	.main .content{padding:50px 15px;}

	#home .main{
		background:$white url(../img/bg_mob_home-bolhas.jpg) no-repeat top center;
		background-size:contain;

		.content{
			padding: 35px 15px;

			.col-8{width:100%;margin:0;}


			p{font-size:16px;}

			.banners{
				padding:0;
				li{ width:100%;padding-top: 40%;}
			}
		}
	}
	#passatempos{
		.content{
			padding:30px 15px;
			.col-6{width:100%;margin:5px 0;}
			h2{margin:40px 0;}
			p{font-size:16px;}
		}
	}

	#amostrasofertas .content{
		background-size:70%;
	}

	.products{
		.content{
			padding: 35px 15px;

			//h1{font-size:30px;font-height:32px;}
			p{font-size:16px;}
		}

		.list{
			padding: 0 0 10px 0;

			li{
				width:100%;max-width:400px;margin-bottom: 30px;
				&:last-child{margin-bottom:0;}

				a{font-size:15px;
					span{font-size:25px;}
				}
			}
		}
	}

	.quotes{
		.content{
			h2{line-height:24px;font-size:20px;}
		}
	}
	.sitemap{
		display:none;
	}
	footer{
		background:$grey-light;text-align:center;padding-top:25px;

		.row { 		padding: 0 15px;
		}
		a{position:absolute;width:100%;text-align:center;left:0;top:5px}
		img{display:none;}
		span{display:none;}
	}
}
*/
/**  slippry v1.3.1 - Responsive content slider for jQuery http://slippry.com  Authors: Lukas Jakob Hafner - @saftsaak Thomas Hurd - @SeenNotHurd  Copyright 2015, booncon oy - http://booncon.com   Released under the MIT license - http://opensource.org/licenses/MIT */
/* kenBurns animations, very basic */
@-webkit-keyframes left-right { 0% { -ms-transform: translateY(-20%) translateX(-10%); -webkit-transform: translateY(-20%) translateX(-10%); transform: translateY(-20%) translateX(-10%); }
  100% { -ms-transform: translateY(0%) translateX(10%); -webkit-transform: translateY(0%) translateX(10%); transform: translateY(0%) translateX(10%); } }
@-ms-keyframes left-right { 0% { -ms-transform: translateY(-20%) translateX(-10%); -webkit-transform: translateY(-20%) translateX(-10%); transform: translateY(-20%) translateX(-10%); }
  100% { -ms-transform: translateY(0%) translateX(10%); -webkit-transform: translateY(0%) translateX(10%); transform: translateY(0%) translateX(10%); } }
@keyframes left-right { 0% { -ms-transform: translateY(-20%) translateX(-10%); -webkit-transform: translateY(-20%) translateX(-10%); transform: translateY(-20%) translateX(-10%); }
  100% { -ms-transform: translateY(0%) translateX(10%); -webkit-transform: translateY(0%) translateX(10%); transform: translateY(0%) translateX(10%); } }
@-webkit-keyframes right-left { 0% { -ms-transform: translateY(0%) translateX(10%); -webkit-transform: translateY(0%) translateX(10%); transform: translateY(0%) translateX(10%); }
  100% { -ms-transform: translateY(-20%) translateX(-10%); -webkit-transform: translateY(-20%) translateX(-10%); transform: translateY(-20%) translateX(-10%); } }
@-ms-keyframes right-left { 0% { -ms-transform: translateY(0%) translateX(10%); -webkit-transform: translateY(0%) translateX(10%); transform: translateY(0%) translateX(10%); }
  100% { -ms-transform: translateY(-20%) translateX(-10%); -webkit-transform: translateY(-20%) translateX(-10%); transform: translateY(-20%) translateX(-10%); } }
@keyframes right-left { 0% { -ms-transform: translateY(0%) translateX(10%); -webkit-transform: translateY(0%) translateX(10%); transform: translateY(0%) translateX(10%); }
  100% { -ms-transform: translateY(-20%) translateX(-10%); -webkit-transform: translateY(-20%) translateX(-10%); transform: translateY(-20%) translateX(-10%); } }
/* added to the original element calling slippry */
.sy-box.sy-loading { background: url("../img/sy-loader.gif") 50% 50% no-repeat; -webkit-background-size: 32px; background-size: 32px; min-height: 40px; }

.sy-box.sy-loading .sy-slides-wrap, .sy-box.sy-loading .sy-pager { visibility: hidden; }

/* element that wraps the slides */
.sy-slides-wrap { position: relative; height: 100%; width: 100%; }

.sy-slides-wrap:hover .sy-controls { display: block; }

/* element that crops the visible area to the slides */
.sy-slides-crop { height: 100%; width: 100%; position: absolute; overflow: hidden; }

/* list containing the slides */
.sy-list { width: 100%; height: 100%; list-style: none; margin: 0; padding: 0; position: absolute; }

.sy-list.horizontal { -webkit-transition: left ease; transition: left ease; }

.sy-list.vertical { -webkit-transition: top ease; transition: top ease; }

/* single slide */
.sy-slide { position: absolute; width: 100%; z-index: 2; }

.sy-slide.kenburns { width: 140%; left: -20%; }

.sy-slide.kenburns.useCSS { -webkit-transition-property: opacity; transition-property: opacity; }

.sy-slide.kenburns.useCSS.sy-ken:nth-child(1n) { -webkit-animation-name: left-right; -webkit-animation-fill-mode: forwards; -moz-animation-name: left-right; -moz-animation-fill-mode: forwards; -o-animation-name: left-right; -o-animation-fill-mode: forwards; -webkit-animation-name: left-right; animation-name: left-right; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.sy-slide.kenburns.useCSS.sy-ken:nth-child(2n) { -webkit-animation-name: right-left; -webkit-animation-fill-mode: forwards; -moz-animation-name: right-left; -moz-animation-fill-mode: forwards; -o-animation-name: right-left; -o-animation-fill-mode: forwards; -webkit-animation-name: right-left; animation-name: right-left; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.sy-slide.sy-active { z-index: 3; }

.sy-slide > img { margin: 0; padding: 0; display: block; width: 100%; border: 0; }

.sy-slide > a { margin: 0; padding: 0; display: block; width: 100%; }

.sy-slide > a > img { margin: 0; padding: 0; display: block; width: 100%; border: 0; }

/* next/ prev buttons, with arrows and clickable area a lot larger than the visible buttons */
.sy-controls { display: none; list-style: none; height: 100%; width: 100%; position: absolute; padding: 0; margin: 0; }

.sy-controls li { position: absolute; width: 10%; min-width: 4.2em; height: 100%; z-index: 33; }

.sy-controls li.sy-prev { left: 0; top: 0; }

.sy-controls li.sy-prev a:after { background-position: -5% 0; }

.sy-controls li.sy-next { right: 0; top: 0; }

.sy-controls li.sy-next a:after { background-position: 105% 0; }

.sy-controls li a { position: relative; width: 100%; height: 100%; display: block; text-indent: -9999px; }

.sy-controls li a:link, .sy-controls li a:visited { opacity: 0.4; }

.sy-controls li a:hover, .sy-controls li a:focus { opacity: 0.8; outline: none; }

.sy-controls li a:after { content: ""; background-image: url("../img/arrows.svg"); background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; text-align: center; text-indent: 0; line-height: 2.8em; color: #111; font-weight: 800; position: absolute; color: #fff; width: 2.8em; height: 2.8em; left: 50%; top: 50%; margin-top: -1.4em; margin-left: -1.4em; -webkit-border-radius: 50%; border-radius: 50%; }

@media only screen and (max-device-width: 600px) { .sy-controls { display: block; }
  .sy-controls li { min-width: 2.1em; }
  .sy-controls li a:after { width: 1.4em; height: 1.4em; margin-top: -0.7em; margin-left: -0.7em; } }
/* captions, styled fo the overlay variant */
.sy-caption-wrap { position: absolute; bottom: 2em; z-index: 12; left: 50%; }

.sy-caption-wrap .sy-caption { position: relative; left: -50%; background-color: rgba(0, 0, 0, 0.54); color: #fff; padding: 0.4em 1em; -webkit-border-radius: 1.2em; border-radius: 1.2em; }

.sy-caption-wrap .sy-caption a:link, .sy-caption-wrap .sy-caption a:visited { color: #e24b70; font-weight: 600; text-decoration: none; }

.sy-caption-wrap .sy-caption a:hover, .sy-caption-wrap .sy-caption a:focus { text-decoration: underline; }

@media only screen and (max-device-width: 600px), screen and (max-width: 600px) { .sy-caption-wrap { left: 0; bottom: 0.4em; }
  .sy-caption-wrap .sy-caption { left: 0; padding: 0.2em 0.4em; font-size: 0.92em; -webkit-border-radius: 0; border-radius: 0; } }
/* pager bubbles */
.sy-pager { overflow: hidden; *zoom: 1; display: block; width: 100%; margin: 1em 0 0; padding: 0; list-style: none; text-align: center; }

.sy-pager li { display: inline-block; width: 1.2em; height: 1.2em; margin: 0 1em 0 0; -webkit-border-radius: 50%; border-radius: 50%; }

.sy-pager li.sy-active a { background-color: #e24b70; }

.sy-pager li a { width: 100%; height: 100%; display: block; background-color: #ccc; text-indent: -9999px; -webkit-background-size: 2em; background-size: 2em; -webkit-border-radius: 50%; border-radius: 50%; }

.sy-pager li a:link, .sy-pager li a:visited { opacity: 1.0; }

.sy-pager li a:hover, .sy-pager li a:focus { opacity: 0.6; }

/* element to "keep/ fill" the space of the content, gets intrinsic height via js */
.sy-filler { width: 100%; }

.sy-filler.ready { -webkit-transition: padding 600ms ease; transition: padding 600ms ease; }

/* Slider */
.slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

/* Slider */
.slick-loading .slick-list { background: #fff url("../img/sy-loader.gif") center center no-repeat; }

/* Icons */
@font-face { font-family: "slick"; src: url("../fonts/slick.eot"); src: url("../fonts/slick.eot?#iefix") format("embedded-opentype"), url("../fonts/slick.woff") format("woff"), url("../fonts/slick.ttf") format("truetype"), url("../fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px\9; /*lte IE 8*/ -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -25px; }
[dir="rtl"] .slick-prev { left: auto; right: -25px; }
.slick-prev:before { content: "←"; }
[dir="rtl"] .slick-prev:before { content: "→"; }

.slick-next { right: -25px; }
[dir="rtl"] .slick-next { left: -25px; right: auto; }
.slick-next:before { content: "→"; }
[dir="rtl"] .slick-next:before { content: "←"; }

/* Dots */
.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }

/* Shifter v3.1.2 - 2014-10-28 A jQuery plugin for simple slide-out mobile navigation. Part of the Formstone Library. http://formstone.it/shifter/  Copyright 2014 Ben Plum; MIT Licensed */
.shifter-open { overflow: hidden; }

.shifter-open .shifter-page *, .shifter-open .shifter-header * { pointer-events: none; }

.shifter-navigation { display: none; opacity: 0; }

.shifter-handle { display: none; }

.shifter-enabled .shifter-page { min-height: 100%; position: relative; z-index: 1; background: #ffffff; -webkit-box-shadow: 2px 0 2px rgba(0, 0, 0, 0.15); box-shadow: 2px 0 2px rgba(0, 0, 0, 0.15); display: block; overflow: hidden; }

.shifter-enabled.shifter-left .shifter-page { -webkit-box-shadow: -2px 0 2px rgba(0, 0, 0, 0.15); box-shadow: -2px 0 2px rgba(0, 0, 0, 0.15); }

.shifter-enabled .shifter-navigation { width: 230px; height: 100%; position: fixed; top: 0; z-index: 0; background: #000; padding-left: 30px; display: block; overflow: none; overflow-y: auto; pointer-events: none; -webkit-transition: opacity 0.001s linear 0.2s, -webkit-transform 0.2s ease; transition: opacity 0.001s linear 0.2s, transform 0.2s ease; }

.shifter-enabled .shifter-page, .shifter-enabled .shifter-header, .shifter-enabled .shifter-navigation { -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.shifter-enabled .shifter-page, .shifter-enabled .shifter-header { -webkit-transform: translate3D(0, 0, 0); -ms-transform: translate3D(0, 0, 0); transform: translate3D(0, 0, 0); -webkit-transition: -webkit-transform 0.2s ease; transition: transform 0.2s ease; }

.shifter-enabled .shifter-handle { display: inline-block; cursor: pointer; text-decoration: none; color: #251415; /*width: 30px;
height: 30px;
position: relative;
background: #ffffff;
overflow: hidden;
text-indent: 200%;
white-space: nowrap;
-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;*/ }

/*.shifter-enabled .shifter-handle:after { height: 3px; width: 20px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #666666; box-shadow: 0 5px 0 #666666, 0 -5px 0 #666666; content: ''; display: block; margin: auto;
}*/
.shifter-enabled .shifter-navigation { right: 0; -webkit-transform: translate3D(0, 0, 0); -ms-transform: translate3D(0, 0, 0); transform: translate3D(0, 0, 0); }

.shifter-open .shifter-page, .shifter-open .shifter-header { -webkit-transform: translate3D(-230px, 0, 0); -ms-transform: translate3D(-230px, 0, 0); transform: translate3D(-230px, 0, 0); }

.shifter-enabled.shifter-left .shifter-navigation { left: 0; -webkit-transform: translate3D(0, 0, 0); -ms-transform: translate3D(0, 0, 0); transform: translate3D(0, 0, 0); }

.shifter-enabled.shifter-left.shifter-open .shifter-page, .shifter-enabled.shifter-left.shifter-open .shifter-header { -webkit-transform: translate3D(230px, 0, 0); -ms-transform: translate3D(230px, 0, 0); transform: translate3D(230px, 0, 0); }

.shifter-open .shifter-navigation { opacity: 1; pointer-events: all; -webkit-transform: translate3D(0, 0, 0); -ms-transform: translate3D(0, 0, 0); transform: translate3D(0, 0, 0); -webkit-transition: opacity 0.001s linear 0s, -webkit-transform 0.2s ease; transition: opacity 0.001s linear 0s, transform 0.2s ease; }

.no-csstransforms3d .shifter-enabled.shifter-navigation { right: -230px; }

.no-csstransforms3d .shifter-enabled.shifter-left .shifter-navigation { left: -230px; }

.no-csstransforms3d .shifter-enabled.shifter-open .shifter-page { left: -230px; }

.no-csstransforms3d .shifter-enabled.shifter-open .shifter-navigation { right: 0; }

.no-csstransforms3d .shifter-enabled.shifter-left.shifter-open .shifter-page { left: auto; right: -230px; }

.no-csstransforms3d .shifter-enabled.shifter-left.shifter-open .shifter-navigation { left: 0; }

.shifter-navigation { background: #251415; }

.shifter-open header { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3D(-230px, 0, 0); -ms-transform: translate3D(-230px, 0, 0); transform: translate3D(-230px, 0, 0); -webkit-transition: -webkit-transform 0.2s ease; transition: transform 0.2s ease; }

.shifter .shifter-navigation { padding: 0; }
.shifter .shifter-navigation li { /*&.header{color:$white; font-family:'Passion One', cursive;font-size:28px;line-height:80px;}
&.active a{color:$white;}
a{font-size:14px; text-decoration:none; font-family:"Open Sans", Arial, sans-serif; color:$blue-light; font-weight:700;line-height:40px;}
&.socialicons{ line-height:70px; a{ width:25%;display:inline-block;margin-right:5%; img{max-width:100%;display:inline-block;} }
}*/ }

/*.shifter-navigation nav{font-size:1.5em;}
.shifter-navigation ul{padding-bottom:40px;}
.shifter-navigation ol{padding-top:10px;padding-bottom:10px;}
.shifter-navigation nav ol>li{padding-bottom:15px;}
.shifter-navigation nav{padding-bottom:20px;}
.shifter-open .nomobile{display:none;}
.shifter-open .menusidebar{color:$grey;}*/
.shifter-open header { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3D(-219px, 0, 0); -ms-transform: translate3D(-219px, 0, 0); transform: translate3D(-219px, 0, 0); }

.shifter-open .shifter-page header { -webkit-transform: translate3D(0, 0, 0); -ms-transform: translate3D(0, 0, 0); transform: translate3D(0, 0, 0); }

/*.shifter-open .shifter-layer-shadow {background:rgba(0,0,0,.5);position:absolute;left:0;right:0;top:70px;bottom:0;z-index:9990;display:block;} .shifter-open header .shifter-layer-shadow {left:0;right:65px;top:0;height:70px;} .shifter-navigation li{display:block;width:100%;} .shifter-navigation li.active a{color:red;} .shifter-navigation li a{font-size:2.6em;color:#747474;line-height:26px;text-align:right;text-transform:capitalize;display:block;width:100%;padding:13px 38px 13px 12px;}
*/
.shifter-enabled .shifter-navigation { background: #251415; color: #fff; background: rgba(42, 39, 39, 0.78); }
.shifter-enabled .shifter-navigation ul > li { float: none; margin: 0; height: auto; padding: 10px 0px 10px 20px; }
.shifter-enabled .shifter-navigation ul li a { color: #fff; }
.shifter-enabled .shifter-navigation nav > ul > li > a { font-weight: 600; }
.shifter-enabled .shifter-navigation nav ol > li > a { line-height: 25px; }

.shifter-page { position: relative; }

.shifter_wrapper { position: relative; }

/*#cookie-bar {background:#111111; height:auto; line-height:24px; color:#eeeeee; text-align:center; padding:3px 0;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#007700;}
#cookie-bar .cb-enable:hover {background:#009900;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}*/
#cookie-bar { background: #656363; height: auto; line-height: 24px; color: #eeeeee; text-align: center; padding: 15px 0; width: 100%; z-index: 1001; position: relative; }
#cookie-bar.fixed { position: fixed; top: 0; left: 0; width: 100%; }
#cookie-bar.fixed.bottom { bottom: 0; top: auto; }
#cookie-bar p { margin: 0; padding: 0; }
#cookie-bar a { color: #ffffff; display: inline-block; -webkit-border-radius: 3px; border-radius: 3px; padding: 0 6px; margin: 0 20px; }
#cookie-bar .cb-enable { background: #656363; border: 1px solid #ffffff; padding: 5px 20px; text-decoration: none; }
#cookie-bar .cb-enable:hover { background: #656363; }
#cookie-bar .cb-disable { background: #990000; }
#cookie-bar .cb-disable:hover { background: #bb0000; }
#cookie-bar .cb-policy { background: #656363; margin: 0; text-decoration: underline; }
#cookie-bar .cb-policy:hover { background: #656363; }

@media only screen and (max-width: 600px) { #cookie-bar { font-size: 15px; line-height: 18px; }
  #cookie-bar a { font-size: 15px; line-height: 18px; margin-top: 10px; } }
@-webkit-keyframes ngdialog-fadeout { 0% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes ngdialog-fadeout { 0% { opacity: 1; }
  100% { opacity: 0; } }
@-webkit-keyframes ngdialog-fadein { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes ngdialog-fadein { 0% { opacity: 0; }
  100% { opacity: 1; } }
.ngdialog, .ngdialog *, .ngdialog *:before, .ngdialog *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }

.ngdialog { position: fixed; overflow: auto; -webkit-overflow-scrolling: touch; z-index: 10000; top: 0; right: 0; bottom: 0; left: 0; }

.ngdialog-overlay { position: fixed; background: rgba(0, 0, 0, 0.4); top: 0; right: 0; bottom: 0; left: 0; -webkit-backface-visibility: hidden; -webkit-animation: ngdialog-fadein 0.5s; animation: ngdialog-fadein 0.5s; }

.ngdialog.ngdialog-closing .ngdialog-overlay { -webkit-backface-visibility: hidden; -webkit-animation: ngdialog-fadeout 0.5s; animation: ngdialog-fadeout 0.5s; }

.ngdialog-content { background: white; -webkit-backface-visibility: hidden; -webkit-animation: ngdialog-fadein 0.5s; animation: ngdialog-fadein 0.5s; }

.ngdialog.ngdialog-closing .ngdialog-content { -webkit-backface-visibility: hidden; -webkit-animation: ngdialog-fadeout 0.5s; animation: ngdialog-fadeout 0.5s; }

.ngdialog-close:before { font-family: 'Helvetica', Arial, sans-serif; content: '\00D7'; cursor: pointer; }

body.ngdialog-open { overflow: hidden; }

@-webkit-keyframes ngdialog-flyin { 0% { opacity: 0; -webkit-transform: translateY(-40px); transform: translateY(-40px); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes ngdialog-flyin { 0% { opacity: 0; -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px); transform: translateY(-40px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
@-webkit-keyframes ngdialog-flyout { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(-40px); transform: translateY(-40px); } }
@keyframes ngdialog-flyout { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px); transform: translateY(-40px); } }
.ngdialog.ngdialog-theme-default { padding-bottom: 160px; padding-top: 160px; }

.ngdialog.ngdialog-theme-default.ngdialog-closing .ngdialog-content { -webkit-animation: ngdialog-flyout .5s; animation: ngdialog-flyout .5s; }

.ngdialog.ngdialog-theme-default .ngdialog-content { -webkit-animation: ngdialog-flyin .5s; animation: ngdialog-flyin .5s; background: #f0f0f0; color: #444; font-family: 'Helvetica',sans-serif; font-size: 1.1em; line-height: 1.5em; margin: 0 auto; max-width: 100%; padding: 40px 30px; position: relative; width: 850px; }

.ngdialog.ngdialog-theme-default .ngdialog-close { -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; position: absolute; right: 0; top: 0; }

.ngdialog.ngdialog-theme-default .ngdialog-close:before { background: transparent; -webkit-border-radius: 3px; border-radius: 3px; color: #251415; content: '\00D7'; font-size: 26px; font-weight: 400; height: 30px; line-height: 26px; position: absolute; right: 3px; text-align: center; top: 3px; width: 30px; }

.ngdialog.ngdialog-theme-default .ngdialog-close:hover:before, .ngdialog.ngdialog-theme-default .ngdialog-close:active:before { color: #777; }

.ngdialog.ngdialog-theme-default .ngdialog-message { margin-bottom: .5em; }

.ngdialog.ngdialog-theme-default .ngdialog-input { margin-bottom: 1em; }

.ngdialog.ngdialog-theme-default .ngdialog-input textarea, .ngdialog.ngdialog-theme-default .ngdialog-input input[type="text"], .ngdialog.ngdialog-theme-default .ngdialog-input input[type="password"], .ngdialog.ngdialog-theme-default .ngdialog-input input[type="email"], .ngdialog.ngdialog-theme-default .ngdialog-input input[type="url"] { background: #fff; border: 0; -webkit-border-radius: 3px; border-radius: 3px; font-family: inherit; font-size: inherit; font-weight: inherit; margin: 0 0 .25em; min-height: 2.5em; padding: .25em .67em; width: 100%; }

.ngdialog.ngdialog-theme-default .ngdialog-input textarea:focus, .ngdialog.ngdialog-theme-default .ngdialog-input input[type="text"]:focus, .ngdialog.ngdialog-theme-default .ngdialog-input input[type="password"]:focus, .ngdialog.ngdialog-theme-default .ngdialog-input input[type="email"]:focus, .ngdialog.ngdialog-theme-default .ngdialog-input input[type="url"]:focus { -webkit-box-shadow: inset 0 0 0 2px #8dbdf1; box-shadow: inset 0 0 0 2px #8dbdf1; outline: none; }

.ngdialog.ngdialog-theme-default .ngdialog-buttons { *zoom: 1; }

.ngdialog.ngdialog-theme-default .ngdialog-buttons:after { content: ''; display: table; clear: both; }

.ngdialog.ngdialog-theme-default .ngdialog-button { border: 0; -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer; float: right; font-family: inherit; font-size: .8em; letter-spacing: .1em; line-height: 1em; margin: 0 0 0 .5em; padding: .75em 2em; text-transform: uppercase; }

.ngdialog.ngdialog-theme-default .ngdialog-button:focus { -webkit-animation: ngdialog-pulse 1.1s infinite; animation: ngdialog-pulse 1.1s infinite; outline: none; }

@media (max-width: 568px) { .ngdialog.ngdialog-theme-default .ngdialog-button:focus { -webkit-animation: none; animation: none; } }
.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-primary { background: #3288e6; color: #fff; }

.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-secondary { background: #e0e0e0; color: #777; }

@-webkit-keyframes ngdialog-flipin-horizontal { 0% { opacity: 0; -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); }
  100% { opacity: 1; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } }
@keyframes ngdialog-flipin-horizontal { 0% { opacity: 0; -webkit-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); transform: rotateY(-90deg); }
  100% { opacity: 1; -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); } }
@-webkit-keyframes ngdialog-flipout-horizontal { 0% { opacity: 1; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); }
  100% { opacity: 0; -webkit-transform: rotateY(90deg); transform: rotateY(90deg); } }
@keyframes ngdialog-flipout-horizontal { 0% { opacity: 1; -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); }
  100% { opacity: 0; -webkit-transform: rotateY(90deg); -ms-transform: rotateY(90deg); transform: rotateY(90deg); } }
.ngdialog.ngdialog-theme-flat { font-size: 1.5em; padding-bottom: 100px; padding-top: 100px; -webkit-perspective: 1300px; -ms-perspective: 1300px; perspective: 1300px; -webkit-perspective-origin: 50% 150px; -ms-perspective-origin: 50% 150px; perspective-origin: 50% 150px; }

.ngdialog.ngdialog-theme-flat .ngdialog-overlay { background: rgba(255, 255, 255, 0.4); }

.ngdialog.ngdialog-theme-flat.ngdialog-closing .ngdialog-content { -webkit-animation: ngdialog-flipout-horizontal .5s; animation: ngdialog-flipout-horizontal .5s; }

.ngdialog.ngdialog-theme-flat .ngdialog-content { -webkit-animation: ngdialog-flipin-horizontal .5s; animation: ngdialog-flipin-horizontal .5s; background: #fff; color: #444; border: 5px solid #27ae60; font-family: "Helvetica Neue",sans-serif; line-height: 1.5em; margin: 0 auto; max-width: 100%; padding: 2em 2em 3em; position: relative; -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; width: 600px; }

.ngdialog.ngdialog-theme-flat .ngdialog-close { cursor: pointer; position: absolute; right: 0; top: 0; }

.ngdialog.ngdialog-theme-flat .ngdialog-close:before { background: #27ae60; color: #fff; display: block; font-family: "Helvetica Neue",sans-serif; font-size: 1em; font-weight: 100; height: 1.25em; line-height: 1px; overflow: hidden; padding-top: .5em; right: 0; text-align: center; text-indent: 1px; top: 0; width: 1.25em; }

.ngdialog.ngdialog-theme-flat .ngdialog-message { margin-bottom: .5em; }

.ngdialog.ngdialog-theme-flat .ngdialog-input { margin-bottom: .5em; }

.ngdialog.ngdialog-theme-flat .ngdialog-input textarea, .ngdialog.ngdialog-theme-flat .ngdialog-input input[type="text"], .ngdialog.ngdialog-theme-flat .ngdialog-input input[type="password"], .ngdialog.ngdialog-theme-flat .ngdialog-input input[type="email"], .ngdialog.ngdialog-theme-flat .ngdialog-input input[type="url"] { background: #f0f0f0; border: 0; -webkit-border-radius: 3px; border-radius: 3px; font-family: inherit; font-size: inherit; font-weight: inherit; margin: 0 0 .25em; min-height: 2.5em; padding: .25em .67em; width: 100%; }

.ngdialog.ngdialog-theme-flat .ngdialog-input textarea:focus, .ngdialog.ngdialog-theme-flat .ngdialog-input input[type="text"]:focus, .ngdialog.ngdialog-theme-flat .ngdialog-input input[type="password"]:focus, .ngdialog.ngdialog-theme-flat .ngdialog-input input[type="email"]:focus, .ngdialog.ngdialog-theme-flat .ngdialog-input input[type="url"]:focus { -webkit-box-shadow: inset 0 0 0 2px #666; box-shadow: inset 0 0 0 2px #666; outline: none; }

.ngdialog.ngdialog-theme-flat .ngdialog-buttons { margin-bottom: -3em; margin-left: -2em; margin-right: -2em; padding-top: 1em; }

.ngdialog.ngdialog-theme-flat .ngdialog-buttons:after { clear: both; content: ''; display: table; }

.ngdialog.ngdialog-theme-flat .ngdialog-button { border: 0; float: right; font-family: inherit; font-size: 1em; letter-spacing: .1em; line-height: 1em; margin: 0; padding: .5em 1em; text-transform: uppercase; cursor: pointer; }

.ngdialog.ngdialog-theme-flat .ngdialog-button:focus { outline: none; }

.ngdialog.ngdialog-theme-flat .ngdialog-button.ngdialog-button-primary { background: #27ae60; color: #fff; }

.ngdialog.ngdialog-theme-flat .ngdialog-button.ngdialog-button-primary:focus { -webkit-box-shadow: inset 0 3px rgba(0, 0, 0, 0.2); box-shadow: inset 0 3px rgba(0, 0, 0, 0.2); }

.ngdialog.ngdialog-theme-flat .ngdialog-button.ngdialog-button-secondary { background: #fff; color: #ccc; }

.ngdialog.ngdialog-theme-flat .ngdialog-button.ngdialog-button-secondary:focus { background: #eee; -webkit-box-shadow: inset 0 3px #aaa; box-shadow: inset 0 3px #aaa; color: #777; }

.ngdialog.ngdialog-theme-flat .ngdialog-button.ngdialog-button-secondary:hover, .ngdialog.ngdialog-theme-flat .ngdialog-button.ngdialog-button-secondary:active { color: #777; }

/*# sourceMappingURL=main.min.css.map */

.social-links a {
  font-size: 20px;
  border: 2px solid #FFFFFF;
  border-radius: 34px;
  -webkit-border-radius: 34px;
  line-height: 31px;
  color: #FFFFFF !important;
}
.social-links a.facebook {
  background: #547cb7;
}
.social-links a.twitter {
  background: #42b3d2;
}
.social-links a.linkedin {
  background: #238cc8;
}
.social-links a.instagram {
  background: #fb3958;
}