/*******************************************************************************************************************
*  Drosera Internet Profesionals
*  www.drosera.cz
*
*  Author: Igor Kuľka (kulka@drosera.cz) 
*  Date: 12/06/2014                                                                                      
*******************************************************************************************************************/
/***************************************************************************
*   HTML5 display definitions
/***************************************************************************/
/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}
/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
/*
 * Prevents modern browsers from displaying 'audio' without controls
 */
audio:not([controls]) {
  display: none;
}
/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */
[hidden] {
  display: none;
}
/***************************************************************************
*   Base
/***************************************************************************/
/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Keeps page centred in all browsers regardless of content height
 * 3. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
  -ms-text-size-adjust: 100%;
  /* 3 */
}
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}
/*
 * Addresses margins handled incorrectly in IE6/7
 */
body {
  margin: 0;
}
/***************************************************************************
*   Links
/***************************************************************************/
/*
 * Addresses outline displayed oddly in Chrome
 */
a:focus {
  outline: none;
}
/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/*
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/
blockquote {
  margin: 1em 40px;
}
/*
 * Addresses styling not present in S5, Chrome
 */
dfn,
em,
i {
  font-style: italic;
}
/*
 * Addresses styling not present in IE6/7/8/9
 */
mark {
  background: #ff0;
  color: #000;
}
/*
 * Addresses margins set differently in IE6/7
 */
p,
pre {
  margin: 1em 0;
}
/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
/*
 * Improves readability of pre-formatted text in all browsers
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */
/* 1 */
q {
  quotes: none;
}
/* 2 */
q:before,
q:after {
  content: '';
  content: none;
}
small {
  font-size: 75%;
}
/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/***************************************************************************
*   Embedded content
/***************************************************************************/
/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}
/*
 * Corrects overflow displayed oddly in IE9 
 */
svg:not(:root) {
  overflow: hidden;
}
img,
iframe,
object,
embed {
  vertical-align: middle;
}
/***************************************************************************
*   Figures
/***************************************************************************/
/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */
figure {
  margin: 0px;
}
/***************************************************************************
*   Forms
/***************************************************************************/
/*
 * Corrects margin displayed oddly in IE6/7
 */
form {
  margin: 0;
}
/*
 * Define consistent border, margin, and padding
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3/4, S5, Chrome
 * 3. Improves 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 */
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}
/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */
button {
  background: none;
  margin: 0 !important;
  box-shadow: none;
  border: none !important;
  padding: 0 !important;
  border-radius: 0px !important;
}
button,
input {
  line-height: normal;
  /* 1 */
}
/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Corrects inner spacing displayed oddly in IE7 without effecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  /* 1 */
  -webkit-appearance: button;
  /* 2 */
  *overflow: visible;
  /* 3 */
}
/*
 * Re-set default cursor for disabled elements
 */
button[disabled],
input[disabled] {
  cursor: default;
}
/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
      Known issue: excess padding remains in IE6
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}
/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}
/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X
 */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
/*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
  resize: vertical;
  /* TK */
}
/***************************************************************************
*   Forms
/***************************************************************************/
/***************************************************************************
*   Basic classes
/***************************************************************************/
.t-c {
  text-align: center;
}
.t-l {
  text-align: left;
}
.t-r {
  text-align: right;
}
.f-l {
  float: left;
}
.f-r {
  float: right;
}
.c-l {
  clear: left;
}
.c-r {
  clear: right;
}
.c-b {
  clear: both;
}
/*************************************************************************************
*  GENERAL MIXINS
**************************************************************************************/
/*************************************************************************************
*  SPECIFIC MIXINS
**************************************************************************************/
/* ########## PATHS ########## */
/* ########## SIZES ########## */
/* ########## FONTS ########## */
@font-face {
  font-family: 'socIcons';
  src: url('../font/social-icons/socicon-webfont.eot');
  src: url('../font/social-icons/socicon-webfont.eot?#iefix') format('embedded-opentype'), url('../font/social-icons/socicon-webfont.woff') format('woff'), url('../font/social-icons/socicon-webfont.ttf') format('truetype'), url('../font/social-icons/socicon-webfont.svg#social-icons/socicon-webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'socIcons';
    src: url('../font/social-icons/socicon-webfont.svg') format('svg');
  }
}
@font-face {
  font-family: 'fontawesome';
  src: url('../font/fontawesome/fontawesome-webfont.eot');
  src: url('../font/fontawesome/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../font/fontawesome/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome/fontawesome-webfont.ttf') format('truetype'), url('../font/fontawesome/fontawesome-webfont.svg#fontawesome/fontawesome-webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'fontawesome';
    src: url('../font/fontawesome/fontawesome-webfont.svg') format('svg');
  }
}
/* ########## COLORS ########## */
/*******************************************************************************************************************
*  HEADINGS                                                                                                            
*******************************************************************************************************************/
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #404040;
  text-rendering: optimizelegibility;
  font-weight: normal;
  line-height: 1em;
}
h1 {
  font-size: 30px;
  margin: 0;
}
h2 {
  font-size: 24px;
  margin: 0.83em 0;
}
h3 {
  font-size: 20px;
  margin: 1em 0;
}
h4 {
  font-size: 1em;
  margin: 1.33em 0;
}
h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}
h6 {
  font-size: 0.75em;
  margin: 2.33em 0;
}
b,
strong {
  font-weight: bold;
}
/*******************************************************************************************************************
*  LISTS                                                                                                            
*******************************************************************************************************************/
dl,
ol,
ul {
  margin: 1em 0;
}
dd {
  margin: 0 0 0 40px;
}
ol,
ul {
  padding: 0 0 0 40px;
}
/*******************************************************************************************************************
*  PARAGRAPHS                                                                                                            
*******************************************************************************************************************/
p,
address {
  margin: 0 0 25px;
  line-height: 1.5em;
}
/*******************************************************************************************************************
*  TEXT COLUMNS                                                                                                            
*******************************************************************************************************************/
.text-columns-2 {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  -moz-column-gap: 50px;
  -webkit-column-gap: 50px;
  column-gap: 50px;
}
.text-columns-3 {
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3;
  -moz-column-gap: 40px;
  -webkit-column-gap: 40px;
  column-gap: 40px;
}
.two-cols > li,
.two-cols > div {
  float: left;
  width: 49%;
  margin-left: 2%;
}
.two-cols > li:first-child,
.two-cols > div:first-child {
  margin-left: 0;
}
.three-cols > li,
.three-cols > div {
  float: left;
  width: 32%;
  margin-left: 2%;
}
.three-cols > li:first-child,
.three-cols > div:first-child {
  margin-left: 0;
}
.four-cols {
  margin-left: -2%;
}
.four-cols > li,
.four-cols > div {
  float: left;
  width: 23%;
  margin-left: 2%;
}
.column-left {
  float: left;
}
.column-right {
  float: right;
}
.row,
.two-cols,
.three-cols,
.four-cols,
.two-one-cols,
.one-two-cols {
  *zoom: 1;
}
.row:before,
.two-cols:before,
.three-cols:before,
.four-cols:before,
.two-one-cols:before,
.one-two-cols:before,
.row:after,
.two-cols:after,
.three-cols:after,
.four-cols:after,
.two-one-cols:after,
.one-two-cols:after {
  content: "";
  display: table;
}
.row:after,
.two-cols:after,
.three-cols:after,
.four-cols:after,
.two-one-cols:after,
.one-two-cols:after {
  clear: both;
}
.two-one-cols > li,
.two-one-cols > div {
  float: left;
  width: 32%;
  margin-left: 2%;
}
.two-one-cols > li:first-child,
.two-one-cols > div:first-child {
  width: 66%;
  margin-left: 0;
  position: relative;
}
.one-two-cols > li,
.one-two-cols > div {
  float: left;
  width: 66%;
  margin-left: 2%;
}
.one-two-cols > li:first-child,
.one-two-cols > div:first-child {
  width: 32%;
  margin-left: 0;
  position: relative;
}
/* =============================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption {
  text-align: left;
  caption-side: top;
}
th {
  text-align: left;
}
.btn {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 5px;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none !important;
  text-transform: uppercase;
  color: #fff;
  border: 0;
  outline: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
form {
  padding: 20px;
}
form label i {
  color: #393939;
  font-weight: bold;
}
form input,
form textarea {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 8px;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
form input:focus,
form textarea:focus {
  outline: none;
}
form textarea {
  width: 560px;
  max-width: 560px;
  height: 80px;
}
.placeholder {
  color: #aaa;
}
/*!
  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.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
/********************************************************************/
/* You can add your own classes of animations and delays like below */
/********************************************************************/
.delay0s {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.delay0-25s {
  -webkit-animation-delay: .25s;
  animation-delay: .25s;
}
.delay0-5s {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}
.delay0-75s {
  -webkit-animation-delay: .75s;
  animation-delay: .75s;
}
.delay1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.delay1-25s {
  -webkit-animation-delay: 1.25s;
  animation-delay: 1.25s;
}
.delay1-5s {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}
.delay1-75s {
  -webkit-animation-delay: 1.75s;
  animation-delay: 1.75s;
}
.delay2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.delay2-25s {
  -webkit-animation-delay: 2.25s;
  animation-delay: 2.25s;
}
.delay2-5s {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
}
.delay2-75s {
  -webkit-animation-delay: 2.75s;
  animation-delay: 2.75s;
}
.delay3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}
.delay3-25s {
  -webkit-animation-delay: 3.25s;
  animation-delay: 3.25s;
}
.delay3-5s {
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s;
}
.delay3-75s {
  -webkit-animation-delay: 3.75s;
  animation-delay: 3.75s;
}
.delay4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}
.delay4-25s {
  -webkit-animation-delay: 4.25s;
  animation-delay: 4.25s;
}
.delay4-5s {
  -webkit-animation-delay: 4.5s;
  animation-delay: 4.5s;
}
.delay4-75s {
  -webkit-animation-delay: 4.75s;
  animation-delay: 4.75s;
}
.delay5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}
.delay5-25s {
  -webkit-animation-delay: 5.25s;
  animation-delay: 5.25s;
}
.delay5-5s {
  -webkit-animation-delay: 5.5s;
  animation-delay: 5.5s;
}
.delay5-75s {
  -webkit-animation-delay: 5.75s;
  animation-delay: 5.75s;
}
.delay6s {
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
}
.delay6-25s {
  -webkit-animation-delay: 6.25s;
  animation-delay: 6.25s;
}
.delay6-5s {
  -webkit-animation-delay: 6.5s;
  animation-delay: 6.5s;
}
.delay6-75s {
  -webkit-animation-delay: 6.75s;
  animation-delay: 6.75s;
}
@-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 rubberBand {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }
  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }
  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    -ms-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }
  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    -ms-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }
  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    -ms-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-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% {
    opacity: 1;
    -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% {
    opacity: 1;
    -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 slideInUp {
  0% {
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInUp {
  0% {
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes slideOutDown {
  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);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-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);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: 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);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: 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;
}
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-genderless:before,
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
* {
  margin: 0;
  padding: 0;
}
.piro_html {
  position: absolute;
  top: 0;
  left: 0;
  width: 500px;
  height: 500px;
  margin: 0;
  display: block;
  z-index: 150001;
  padding: 0;
}
.piro_html table,
.piro_html tbody,
.piro_html tr,
.piro_html th,
.piro_html td {
  margin: 0;
  padding: 0;
  border: none;
}
.piro_html img {
  margin: 0;
  padding: 0;
  border: none;
}
.piro_html .h_t_l {
  width: 10px;
  height: 10px;
  background: url('../images/pyrobox/new_skin.png') top left no-repeat;
}
.piro_html .h_t_r {
  width: 10px;
  height: 10px;
  background: url('../images/pyrobox/new_skin.png') top right no-repeat;
}
.piro_html .h_t_c {
  cursor: move;
  height: 10px;
  background: url('../images/pyrobox/new_skin_top.png') top repeat-x;
}
.piro_html .h_c_l {
  width: 10px;
  background: url('../images/pyrobox/new_skin_left.png') left repeat-y;
}
.piro_html .h_c_c {
  background: url('../images/pyrobox/caption.png');
  margin: 0;
  padding: 0;
}
.piro_html .h_c_c .div_reg {
  background: url('../images/pyrobox/caption.png');
  width: 480px;
  overflow: hidden;
  height: 480px;
  margin: 0;
  padding: 0;
}
.piro_html .h_c_c .div_reg img {
  cursor: move;
}
.piro_html .h_c_r {
  width: 10px;
  background: url('../images/pyrobox/new_skin_left.png') right repeat-y;
}
.piro_html .h_b_c {
  cursor: move;
  height: 10px;
  background: url('../images/pyrobox/new_skin_top.png') bottom repeat-x;
}
.piro_html .h_b_l {
  width: 10px;
  height: 10px;
  background: url('../images/pyrobox/new_skin.png') bottom left no-repeat;
}
.piro_html .h_b_r {
  width: 10px;
  height: 10px;
  background: url('../images/pyrobox/new_skin.png') bottom right no-repeat;
}
.piro_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 150000;
  background: #fff;
  display: none;
  cursor: pointer;
}
.piro_loader {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -59px 0 0 -59px;
  width: 118px;
  height: 118px;
  display: block;
  z-index: 150005;
  cursor: pointer;
}
.piro_loader span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -36px;
  margin-left: -36px;
  width: 72px;
  height: 72px;
  display: block;
  z-index: 150009;
  background: url('../images/pyrobox/loadinfo.gif') center top no-repeat;
}
.piro_title {
  position: fixed;
  background: url('../images/pyrobox/bg_title.png') bottom repeat-x;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  display: block;
  padding: 6px 0 10px 0;
  color: white;
  z-index: 150000;
  font-size: 18px;
  display: none;
}
.btn_info {
  position: absolute;
  bottom: -7px;
  right: -7px;
  width: 25px;
  height: 25px;
  margin: 0;
  display: block;
  padding: 0px;
  color: black;
  cursor: pointer;
  background: url('../images/pyrobox/b_w/info.png') no-repeat;
  z-index: 1500440;
}
.caption {
  position: absolute;
  bottom: 10px;
  left: 10px;
  margin: 0;
  display: block;
  padding: 0px;
  color: black;
  cursor: text;
  background: url('../images/pyrobox/caption.png');
  z-index: 150018;
}
.caption p {
  display: block;
  margin: 0;
  padding: 7px 5px;
  text-align: center;
  font-weight: normal;
  font-size: 14px;
  z-index: 150019;
  color: white;
}
.nav_container {
  position: absolute;
  right: 5px;
  bottom: -20px;
  height: 25px;
  width: 60px;
  background: url('../images/pyrobox/bottom_nav.png') bottom;
  z-index: 1500190000000;
}
.piro_close {
  position: absolute;
  right: 20px;
  top: 0;
  height: 20px;
  width: 20px;
  background: transparent url('../images/pyrobox/close.png') no-repeat center center;
  cursor: pointer;
  margin: 0 0 0 0;
  z-index: 150022;
  display: none;
}
a.piro_next {
  position: absolute;
  width: 20px;
  top: 0;
  right: 0px;
  height: 20px;
  text-indent: -999em;
  outline: none;
  display: block;
  margin: 0;
  background: url('../images/pyrobox/next.png') center right no-repeat;
  border: none;
  cursor: pointer;
  z-index: 150023;
}
a:hover.piro_next {
  background: url('../images/pyrobox/next.png') center right no-repeat;
}
.piro_next_fake {
  position: absolute;
  width: 20px;
  top: 0;
  right: 0px;
  height: 20px;
  outline: none;
  text-indent: -999em;
  display: none;
  margin: 0;
  background: url('../images/pyrobox/next.png') center right no-repeat;
  border: none;
  cursor: auto;
  z-index: 150020;
}
.piro_prev_fake {
  position: absolute;
  width: 20px;
  top: 0;
  right: 40px;
  height: 20px;
  outline: none;
  text-indent: -999em;
  display: none;
  margin: 0;
  background: url('../images/pyrobox/prev.png') center right no-repeat;
  border: none;
  cursor: auto;
  z-index: 150020;
}
a.piro_prev {
  position: absolute;
  width: 20px;
  right: 40px;
  top: 0;
  height: 20px;
  text-indent: -999em;
  outline: none;
  display: block;
  margin: 0;
  background: url('../images/pyrobox/prev.png') center left no-repeat;
  border: none;
  cursor: pointer;
  z-index: 150024;
}
a:hover.piro_prev {
  background: url('../images/pyrobox/prev.png') center left no-repeat;
}
a.close_pirobox {
  color: #bb0f05;
}
/*******************************************************************************************************************
*  BASE                                                                                                            
*******************************************************************************************************************/
html {
  height: 100%;
}
body {
  height: 100%;
  font-size: 14px;
  color: #404040;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  line-height: 1.6em;
}
body.homepage {
  height: auto;
}
/*******************************************************************************************************************
*  LINKS                                                                                                           
*******************************************************************************************************************/
a,
a:link,
a:focus {
  color: #404040;
  text-decoration: underline;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  font-family: "futurace-bold", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}
a:hover {
  text-decoration: none;
  color: #404040;
}
/*******************************************************************************************************************
*  BASIC                                                                                                           
*******************************************************************************************************************/
.inner {
  *zoom: 1;
  padding: 0;
}
.inner:before,
.inner:after {
  content: "";
  display: table;
}
.inner:after {
  clear: both;
}
/*******************************************************************************************************************
*  WIDGETS                                                                                                          
*******************************************************************************************************************/
#content section#slider {
  padding: 0;
}
#content section#slider li.anim-slide {
  background-size: cover;
  opacity: 0;
}
#content section#slider li.anim-slide:nth-child(1) {
  opacity: 1;
}
.ie9 #content section#slider li.anim-slide {
  background: none;
  background-size: none;
  opacity: 1;
}
@media only screen and (max-width: 1235px) {
  #content section#slider {
    padding: 0;
  }
  #content section#slider li.anim-slide {
    background-size: cover;
    opacity: 0;
  }
  #content section#slider li.anim-slide:nth-child(1) {
    opacity: 1;
  }
}
@media only screen and (max-width: 900px) {
  #content section#slider {
    padding: 0;
  }
  #content section#slider li.anim-slide {
    background-size: cover;
    opacity: 0;
  }
  #content section#slider li.anim-slide:nth-child(1) {
    opacity: 1;
  }
}
@media only screen and (max-width: 600px) {
  #content section#slider {
    padding: 0;
  }
  #content section#slider li.anim-slide {
    background-size: cover;
    opacity: 0;
  }
  #content section#slider li.anim-slide:nth-child(1) {
    opacity: 1;
  }
  #content section#slider .anim-arrows {
    display: none;
  }
}
.anim-slider {
  background: #f7c775;
  list-style-type: none;
  position: relative;
  overflow: hidden;
  text-align: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 475px;
  padding: 0;
  margin: 0;
}
.anim-slider .anim-slide {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.anim-slider .anim-slide * {
  opacity: 0;
}
.ie9 .anim-slider .anim-slide * {
  opacity: 1;
}
.anim-slider .anim-slide-this {
  z-index: 100;
}
.anim-slider .anim-slide-this * {
  opacity: 1;
}
/*******Arrows********/
nav.anim-arrows > span {
  position: absolute;
  top: 40%;
  z-index: 125;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in;
  -moz-transition: opacity 0.4s ease-in;
  -ms-transition: opacity 0.4s ease-in;
  -o-transition: opacity 0.4s ease-in;
  transition: opacity 0.4s ease-in;
}
nav.anim-arrows > span.anim-arrows-prev,
nav.anim-arrows > span.anim-arrows-next {
  color: #fff;
  position: absolute;
  padding: 2px 10px;
}
nav.anim-arrows > span.anim-arrows-prev .fa,
nav.anim-arrows > span.anim-arrows-next .fa {
  display: inline-block;
}
nav.anim-arrows > span.anim-arrows-prev .fa:before,
nav.anim-arrows > span.anim-arrows-next .fa:before {
  content: "";
  display: block;
  width: 64px;
  height: 64px;
  background: url('../images/icons/arrowTop.png') 0 0 no-repeat;
  background-size: 100%;
}
nav.anim-arrows > span.anim-arrows-prev .fa.fa-angle-left:before,
nav.anim-arrows > span.anim-arrows-next .fa.fa-angle-left:before {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
nav.anim-arrows > span.anim-arrows-prev .fa.fa-angle-right:before,
nav.anim-arrows > span.anim-arrows-next .fa.fa-angle-right:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
nav.anim-arrows > span.anim-arrows-prev {
  left: 1%;
}
nav.anim-arrows > span.anim-arrows-next {
  right: 1%;
}
.anim-slider:hover > nav.anim-arrows > span {
  opacity: 1;
  cursor: pointer;
}
/********Dots************/
.anim-dots {
  width: 100%;
  position: absolute;
  text-align: center;
  left: 0px;
  bottom: 20px;
  z-index: 125;
}
.anim-dots span {
  display: inline-block;
  position: relative;
  width: 14px;
  height: 14px;
  margin: 3px;
  cursor: pointer;
  border: 2px solid #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.anim-dots span.anim-dots-this:after {
  content: '';
  width: 10px;
  height: 10px;
  position: absolute;
  top: 2px;
  left: 2px;
  background: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
#content section#about h1 {
  margin-bottom: 0px;
  text-align: center;
}
#content section#about h3 {
  width: 74%;
  margin: 20px auto;
}
#content section#about h4 {
  margin-bottom: 15px;
}
#content section#about .col img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
@media only screen and (max-width: 600px) {
  #content section#about h1 {
    margin-bottom: 0px;
    text-align: center;
  }
  #content section#about h3 {
    width: 74%;
    margin: 1.4em auto;
  }
  #content section#about h4 {
    margin-bottom: 0.8em;
    font-weight: bold;
  }
  #content section#about .col {
    display: block;
    width: 90%;
    margin: 0 5%;
    padding: 0;
  }
  #content section#about .col img {
    max-width: 100%;
  }
  #content section#about .col p {
    font-size: 1em;
  }
}
#content section#partners ul.partners {
  list-style: none;
  display: block;
  margin: 15px auto;
  padding: 0;
}
#content section#partners ul.partners li {
  display: inline-block;
  width: 24%;
  padding: 0;
}
#content section#partners ul.partners li img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
@media only screen and (max-width: 600px) {
  #content section#partners ul.partners li {
    width: 48%;
  }
}
#content section#references h3 a {
  text-transform: none;
  text-decoration: none;
  color: #404040;
  font-weight: normal;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#content section#references h3 a:hover {
  color: #0a0a0a;
  text-decoration: underline;
}
#content section#references p.arrows {
  float: right;
  display: inline-block;
  position: relative;
  top: -45px;
  margin-bottom: 0px;
}
#content section#references a.carousel-prev,
#content section#references a.carousel-next {
  background: #404040;
  padding: 8px 12px;
  text-decoration: none;
  color: #fff;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#content section#references a.carousel-prev:hover,
#content section#references a.carousel-next:hover {
  background: #0a0a0a;
}
#content section#references ul.carousel {
  list-style: none;
  padding: 0;
}
#content section#references ul.carousel li {
  width: 300px;
  height: 180px;
  float: left;
  margin: 0 4px;
  position: relative;
  display: block;
}
#content section#references ul.carousel li .overlay {
  display: block;
  width: 100%;
  height: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  text-align: center;
  position: absolute;
  bottom: 0;
}
#content section#references ul.carousel li .overlay a {
  width: 90px;
  height: 0px;
  display: inline-block;
  margin-right: 10px;
  margin-top: 55px;
  position: relative;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#content section#references ul.carousel li .overlay a:last-of-type {
  margin-right: 0;
}
#content section#references ul.carousel li .overlay a:before {
  background-size: 80%;
  width: 50px;
  height: 50px;
  display: block;
  content: '';
  position: absolute;
  top: 20px;
  left: 20px;
  opacity: 0.75;
}
#content section#references ul.carousel li .overlay a:hover {
  background: #fff;
}
#content section#references ul.carousel li:hover .overlay {
  opacity: 1;
  height: 100%;
}
#content section#references ul.carousel li:hover .overlay a {
  height: 90px;
}
#content section#references ul.carousel li img {
  max-width: 100%;
  max-height: 100%;
}
@media only screen and (max-width: 900px) {
  #content section#references p.arrows {
    float: none;
    display: block;
    position: static;
    margin: 0 auto 0.5em auto;
    text-align: center;
  }
  #content section#references ul.carousel li {
    width: 250px;
    height: 175px;
  }
  #content section#references ul.carousel li .overlay a {
    display: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: none;
  }
  #content section#references ul.carousel li .overlay a:first-of-type {
    display: block;
    width: 100%;
    height: 100%;
  }
  #content section#references ul.carousel li .overlay a:before {
    width: 0px;
    height: 0px;
  }
  #content section#references ul.carousel li .overlay a:hover {
    background: none;
  }
  #content section#references ul.carousel li:hover .overlay {
    opacity: 1;
    height: 100%;
  }
  #content section#references ul.carousel li:hover .overlay a {
    height: 100%;
    margin-top: 0;
  }
}
@media only screen and (max-width: 600px) {
  #content section#references p.arrows {
    float: none;
    display: block;
    position: static;
    margin: 0 auto 0.5em auto;
    text-align: center;
  }
  #content section#references ul.carousel li {
    width: 250px;
    height: 175px;
  }
  #content section#references ul.carousel li .overlay a {
    display: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: none;
  }
  #content section#references ul.carousel li .overlay a:first-of-type {
    display: block;
    width: 100%;
    height: 100%;
  }
  #content section#references ul.carousel li .overlay a:before {
    width: 0px;
    height: 0px;
  }
  #content section#references ul.carousel li .overlay a:hover {
    background: none;
  }
  #content section#references ul.carousel li:hover .overlay {
    opacity: 1;
    height: 100%;
  }
  #content section#references ul.carousel li:hover .overlay a {
    height: 100%;
    margin-top: 0;
  }
}
#content section#process.parallax {
  background-size: cover;
}
#content section#process.parallax ul {
  list-style: none;
  padding: 0;
}
#content section#process.parallax ul li {
  display: inline-table;
  width: 24%;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
#content section#process.parallax ul li span {
  display: block;
  width: 150px;
  height: 150px;
  margin: 25px auto;
  position: relative;
}
#content section#process.parallax ul li span:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}
#content section#process.parallax ul li span.ico-contact:before {
  background: #404040;
}
#content section#process.parallax ul li span.ico-analysis:before {
  background: #404040;
}
#content section#process.parallax ul li span.ico-done:before {
  background: #404040;
}
#content section#process.parallax ul li span.ico-map:before {
  background: #404040;
}
#content section#process.parallax ul li p {
  text-align: center;
  font-size: 17px;
}
@media only screen and (max-width: 900px) {
  #content section#process.parallax {
    background-size: cover;
  }
  #content section#process.parallax ul li {
    display: inline-table;
    width: 48%;
    padding: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
  }
  #content section#process.parallax ul li:after {
    content: "";
    width: 0px !important;
    height: 0px  !important;
    background: none !important;
  }
  #content section#process.parallax ul li span {
    display: block;
    width: 75px;
    height: 75px;
    margin: 1em auto;
  }
  #content section#process.parallax ul li p {
    text-align: center;
    font-size: 1em;
  }
}
@media only screen and (max-width: 600px) {
  #content section#process.parallax {
    background-size: cover;
  }
  #content section#process.parallax ul li {
    display: inline-table;
    width: 48%;
    padding: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
  }
  #content section#process.parallax ul li:after {
    content: "";
    width: 0px !important;
    height: 0px  !important;
    background: none !important;
  }
  #content section#process.parallax ul li span {
    display: block;
    width: 75px;
    height: 75px;
    margin: 1em auto;
  }
  #content section#process.parallax ul li p {
    text-align: center;
    font-size: 1em;
  }
}
#content section#price p {
  text-align: center;
}
#content section#price-detail {
  text-align: center;
  height: 0;
  margin: 0;
  padding: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#content section#price-detail.open {
  height: auto;
  padding: 50px 0;
}
#content section#price-detail.open > * {
  height: auto;
  opacity: 1;
}
#content section#price-detail > * {
  opacity: 0;
  height: 0px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
@media only screen and (max-width: 600px) {
  #content section#price-detail.open {
    padding: 25px 0;
  }
  #content section#price-detail h3 {
    font-size: 1.35em;
  }
  #content section#price-detail p.price {
    font-size: 1.15em;
  }
  #content section#price-detail p.price strong {
    font-size: 1.25em;
  }
  #content section#price-detail p {
    font-size: 1em;
  }
}
#content section#toggle .perex {
  text-align: center;
}
#content section#toggle ul#accordion {
  list-style: none;
  padding: 0;
  text-align: center;
}
#content section#toggle ul#accordion li {
  display: block;
  width: 100%;
  border: 1px solid #dadada;
  border-bottom: none;
  padding: 0px;
}
#content section#toggle ul#accordion li:last-of-type {
  border-bottom: 1px solid #dadada;
}
#content section#toggle ul#accordion li.open .accordion-heading h3:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
#content section#toggle ul#accordion li .accordion-heading {
  display: block;
  width: 100%;
  background: #efefef;
  color: #000;
  padding: 10px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#content section#toggle ul#accordion li .accordion-heading:hover {
  cursor: pointer;
}
#content section#toggle ul#accordion li .accordion-heading h3 {
  margin: 0;
  text-align: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 15px;
  position: relative;
}
#content section#toggle ul#accordion li .accordion-heading h3:before {
  content: "";
  width: 0;
  height: 0;
  display: inline-block;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #000;
  position: absolute;
  left: 0px;
  top: 7px;
}
#content section#toggle ul#accordion li .accordion-content {
  padding: 10px 20px;
  text-align: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#content .heading-image-intro {
  background-position: center;
  text-align: center;
}
#content .heading-image-intro h1 {
  margin: 35px 0;
  display: block;
}
#content section#services {
  padding: 0;
}
#content section#services ul {
  list-style: none;
  padding: 0;
}
#content section#services ul li {
  clear: both;
}
#content section#services ul li .inner {
  padding: 60px 0;
}
#content section#services ul li img {
  display: inline-block;
  max-width: 34%;
  width: 34%;
  height: auto;
  margin-right: 0%;
  float: left;
}
#content section#services ul li .desc {
  display: inline-block;
  max-width: 55%;
  margin: 0 5%;
}
#content section#services ul li .desc > * {
  display: inline-block;
}
#content section#services ul li .desc h3 {
  margin: 10px 0;
  font-weight: bold;
  color: #0a0a0a;
}
#content section#services ul li:nth-child(2n) {
  background: #f7f5f1;
}
#content section#services ul li:nth-child(2n) img {
  float: right;
  margin-right: 0;
  margin-left: 0%;
}
@media only screen and (max-width: 600px) {
  #content section#services ul li .inner {
    padding: 2em 0;
    text-align: center;
  }
  #content section#services ul li img {
    max-width: 80%;
    width: 80%;
    float: none;
  }
  #content section#services ul li .desc {
    display: block;
    max-width: 100%;
    margin: 0;
  }
}
#content section#references-list ul.references {
  list-style: none;
  padding: 0;
}
#content section#references-list ul.references li {
  width: 29.4%;
  height: auto;
  float: left;
  margin: 1%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  display: block;
}
#content section#references-list ul.references li .overlay {
  display: block;
  width: 100%;
  height: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  text-align: center;
  position: absolute;
  bottom: 0;
}
#content section#references-list ul.references li .overlay a {
  width: 90px;
  height: 0px;
  display: inline-block;
  margin-right: 10px;
  margin-top: 55px;
  position: relative;
}
#content section#references-list ul.references li .overlay a:last-of-type {
  margin-right: 0;
}
#content section#references-list ul.references li .overlay a:before {
  background-size: 80%;
  width: 50px;
  height: 50px;
  display: block;
  content: '';
  position: absolute;
  top: 20px;
  left: 20px;
  opacity: 0.75;
}
#content section#references-list ul.references li .overlay a:hover {
  background: #fff;
}
#content section#references-list ul.references li:hover .overlay {
  opacity: 1;
  height: 100%;
}
#content section#references-list ul.references li:hover .overlay a {
  height: 90px;
}
#content section#references-list ul.references li img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
}
@media only screen and (max-width: 900px) {
  #content section#references-list ul.references li {
    width: 48%;
    margin: 1%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #content section#references-list ul.references li .overlay a {
    display: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: none;
  }
  #content section#references-list ul.references li .overlay a:first-of-type {
    display: block;
    width: 100%;
    height: 100%;
  }
  #content section#references-list ul.references li .overlay a:before {
    width: 0px;
    height: 0px;
  }
  #content section#references-list ul.references li .overlay a:hover {
    background: none;
  }
  #content section#references-list ul.references li:hover .overlay {
    opacity: 1;
    height: 100%;
  }
  #content section#references-list ul.references li:hover .overlay a {
    height: 100%;
    margin-top: 0;
  }
}
@media only screen and (max-width: 600px) {
  #content section#references-list ul.references li {
    width: 48%;
    margin: 1%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #content section#references-list ul.references li .overlay a {
    display: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: none;
  }
  #content section#references-list ul.references li .overlay a:first-of-type {
    display: block;
    width: 100%;
    height: 100%;
  }
  #content section#references-list ul.references li .overlay a:before {
    width: 0px;
    height: 0px;
  }
  #content section#references-list ul.references li .overlay a:hover {
    background: none;
  }
  #content section#references-list ul.references li:hover .overlay {
    opacity: 1;
    height: 100%;
  }
  #content section#references-list ul.references li:hover .overlay a {
    height: 100%;
    margin-top: 0;
  }
}
#content section#managers.contact-managers {
  padding-bottom: 0;
}
#content section#managers ul {
  list-style: none;
  padding: 0;
  text-align: center;
}
#content section#managers ul li {
  display: inline-table;
  width: 23%;
  max-width: 265px;
  margin-right: 2%;
  text-align: center;
  padding-top: 25px;
}
#content section#managers ul li:last-child {
  margin-right: 0;
}
#content section#managers ul li img {
  z-index: 5;
  position: relative;
}
#content section#managers ul li .person {
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding-top: 45px;
  top: -45px;
}
#content section#managers ul li .person .person-info {
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 86px;
}
#content section#managers ul li .person .person-info h3 {
  margin: 0;
}
#content section#managers ul li .person .person-info .contacts {
  display: inline-block;
  margin-top: 8px;
}
#content section#managers ul li .person .person-info a {
  text-transform: none;
  text-decoration: none;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#content section#managers ul li .person .person-info a:hover {
  text-decoration: underline;
}
#content section#managers ul li .person .person-info a:hover {
  color: #404040;
}
#content section#managers ul li .person .motto {
  padding: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#content section#managers ul li .person .motto p {
  margin: 0;
  min-height: 85px;
}
@media only screen and (max-width: 900px) {
  #content section#managers.contact-managers {
    padding-bottom: 0;
  }
  #content section#managers ul {
    list-style: none;
    padding: 0;
  }
  #content section#managers ul li {
    display: inline-table;
    width: 48%;
    margin-right: 2%;
    text-align: center;
    padding-top: 25px;
  }
  #content section#managers ul li img {
    height: 120px;
  }
  #content section#managers ul li .person {
    padding-top: 45px;
    top: -45px;
  }
  #content section#managers ul li .person .person-info {
    padding: 10px;
    min-height: 86px;
  }
  #content section#managers ul li .person .person-info h3 {
    margin: 0;
  }
  #content section#managers ul li .person .person-info .contacts {
    margin-top: 8px;
  }
  #content section#managers ul li .person .motto {
    padding: 15px;
  }
  #content section#managers ul li .person .motto p {
    margin: 0;
    min-height: 85px;
  }
  #content section#managers ul li:nth-child(2n) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 600px) {
  #content section#managers ul li {
    display: inline-table;
    width: 100%;
    margin-right: 0;
    text-align: center;
    padding-top: 0;
  }
  #content section#managers ul li img {
    width: 120px;
    height: 120px;
  }
  #content section#managers ul li .person {
    padding-top: 45px;
    top: -45px;
  }
  #content section#managers ul li .person .person-info {
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 86px;
  }
  #content section#managers ul li .person .motto p {
    margin: 0;
    min-height: 3em;
  }
}
#content section#team.contact-managers {
  padding-bottom: 0;
}
#content section#team ul {
  list-style: none;
  padding: 0;
  text-align: center;
}
#content section#team ul li {
  display: inline-table;
  width: 23%;
  max-width: 265px;
  margin-right: 2%;
  text-align: center;
  padding-top: 25px;
}
#content section#team ul li:last-child {
  margin-right: 0;
}
#content section#team ul li img {
  z-index: 5;
  position: relative;
}
#content section#team ul li .person {
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding-top: 45px;
  top: -45px;
}
#content section#team ul li .person .person-info {
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 86px;
}
#content section#team ul li .person .person-info h3 {
  margin: 0;
}
#content section#team ul li .person .person-info .contacts {
  display: inline-block;
  margin-top: 8px;
}
#content section#team ul li .person .person-info a {
  text-transform: none;
  text-decoration: none;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#content section#team ul li .person .person-info a:hover {
  text-decoration: underline;
}
#content section#team ul li .person .person-info a:hover {
  color: #404040;
}
#content section#team ul li .person .motto {
  padding: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#content section#team ul li .person .motto p {
  margin: 0;
  min-height: 85px;
}
#content section#team ul {
  text-align: center;
}
#content section#team ul li {
  width: 18%;
}
#content section#team ul li:nth-child(5n) {
  margin-right: 0;
}
@media only screen and (max-width: 900px) {
  #content section#team.contact-managers {
    padding-bottom: 0;
  }
  #content section#team ul {
    list-style: none;
    padding: 0;
  }
  #content section#team ul li {
    display: inline-table;
    width: 48%;
    margin-right: 2%;
    text-align: center;
    padding-top: 25px;
  }
  #content section#team ul li img {
    height: 120px;
  }
  #content section#team ul li .person {
    padding-top: 45px;
    top: -45px;
  }
  #content section#team ul li .person .person-info {
    padding: 10px;
    min-height: 86px;
  }
  #content section#team ul li .person .person-info h3 {
    margin: 0;
  }
  #content section#team ul li .person .person-info .contacts {
    margin-top: 8px;
  }
  #content section#team ul li .person .motto {
    padding: 15px;
  }
  #content section#team ul li .person .motto p {
    margin: 0;
    min-height: 85px;
  }
  #content section#team ul {
    text-align: center;
  }
  #content section#team ul li {
    width: 31%;
  }
  #content section#team ul li:nth-child(3n) {
    margin-right: 0;
  }
  #content section#team ul li:nth-child(5n) {
    margin-right: 2%;
  }
}
@media only screen and (max-width: 600px) {
  #content section#team ul li {
    display: inline-table;
    width: 100%;
    margin-right: 0;
    text-align: center;
    padding-top: 0;
  }
  #content section#team ul li img {
    width: 120px;
    height: 120px;
  }
  #content section#team ul li .person {
    padding-top: 45px;
    top: -45px;
  }
  #content section#team ul li .person .person-info {
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 86px;
  }
  #content section#team ul li .person .motto p {
    margin: 0;
    min-height: 3em;
  }
  #content section#team ul {
    text-align: center;
  }
  #content section#team ul li {
    width: 48%;
  }
  #content section#team ul li:nth-child(2n) {
    margin-right: 0;
  }
  #content section#team ul li .person .person-info {
    min-height: 7em;
  }
  #content section#team ul li .person .motto p {
    min-height: 9em;
  }
}
#content section#map {
  position: relative;
  padding: 0;
}
#content section#map .map-wrap {
  height: 525px;
}
#content section#map .address-box .box {
  display: inline-block;
  width: 33%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px 20px;
  margin-bottom: 20px;
  text-align: center;
}
#content section#map .address-box .box h3 {
  margin: 0;
  padding: 2px 15px;
  display: inline-block;
  margin: 0 auto;
  font-size: 18px;
}
#content section#map .address-box .box address,
#content section#map .address-box .box span {
  display: block;
  clear: both;
  margin-bottom: 0;
}
#content section#map .address-box .box-left,
#content section#map .address-box .box-center {
  float: left;
}
#content section#map .address-box .box-center .contact {
  display: inline-block;
  margin-top: 15px;
}
#content section#map .address-box .box-center .contact .phone {
  font-weight: bold;
  font-size: 22px;
}
#content section#map .address-box .box-center .contact .mail a {
  text-transform: none;
  text-decoration: none;
  font-size: 22px;
}
#content section#map .address-box .box-center .contact .mail a:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 900px) {
  #content section#map {
    position: relative;
    padding: 0;
  }
  #content section#map .map-wrap {
    height: 525px;
  }
  #content section#map .address-box .box {
    display: inline-block;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px 20px;
    margin-bottom: 20px;
    text-align: center;
    min-height: 115px;
  }
  #content section#map .address-box .box h3 {
    margin: 0;
    padding: 2px 15px;
    display: inline-block;
    margin: 0 auto;
    font-size: 18px;
  }
  #content section#map .address-box .box address,
  #content section#map .address-box .box span {
    display: block;
    clear: both;
    margin-bottom: 0;
  }
  #content section#map .address-box .box-left,
  #content section#map .address-box .box-center {
    float: left;
  }
  #content section#map .address-box .box-right {
    width: 100%;
  }
  #content section#map .address-box .box-center {
    border-right: none;
  }
  #content section#map .address-box .box-center .main-contact {
    text-align: center;
  }
  #content section#map .address-box .box-center img {
    display: none;
  }
  #content section#map .address-box .box-center .contact {
    display: inline-block;
    margin-top: 15px;
  }
  #content section#map .address-box .box-center .contact .phone {
    font-weight: bold;
    font-size: 15px;
  }
  #content section#map .address-box .box-center .contact .mail a {
    text-transform: none;
    text-decoration: none;
    font-size: 15px;
  }
  #content section#map .address-box .box-center .contact .mail a:hover {
    text-decoration: underline;
  }
}
@media only screen and (max-width: 600px) {
  #content section#map {
    position: relative;
    padding: 0;
  }
  #content section#map .map-wrap {
    height: 525px;
  }
  #content section#map .address-box h2 {
    margin: 0 1em;
    padding: 1em 0;
    border-bottom: none;
  }
  #content section#map .address-box .box {
    display: block;
    width: 100%;
    padding: 0px 20px;
    margin-bottom: 20px;
    min-height: 115px;
    text-align: center;
  }
  #content section#map .address-box .box h3 {
    padding: 2px 15px;
    display: inline-block;
    margin: 0 auto;
    background: #fff;
    font-size: 18px;
  }
  #content section#map .address-box .box address,
  #content section#map .address-box .box span {
    display: block;
    clear: both;
    margin-bottom: 0;
  }
  #content section#map .address-box .box-left,
  #content section#map .address-box .box-center {
    border-right: none;
    float: none;
  }
  #content section#map .address-box .box-center .main-contact {
    text-align: center;
  }
  #content section#map .address-box .box-center img {
    width: 80px;
    height: 80px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 15px auto;
    display: inline-block;
    clear: both;
    float: none;
  }
  #content section#map .address-box .box-center .contact {
    display: inline-block;
    margin-top: 15px;
  }
  #content section#map .address-box .box-center .contact .phone {
    font-weight: bold;
    font-size: 22px;
  }
  #content section#map .address-box .box-center .contact .mail a {
    text-transform: none;
    text-decoration: none;
    font-size: 22px;
  }
  #content section#map .address-box .box-center .contact .mail a:hover {
    text-decoration: underline;
  }
}
#content section#form form {
  width: 80%;
  margin: 0 auto;
  padding: 0;
}
#content section#form fieldset {
  margin-bottom: 1%;
}
#content section#form fieldset input {
  width: 49.5%;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#content section#form fieldset input:first-child {
  margin-right: 1%;
  float: left;
}
#content section#form textarea {
  width: 100%;
  max-width: 100%;
  height: 150px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 1%;
}
#content section#form input,
#content section#form textarea {
  font-size: 20px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: 1px solid #cacaca;
}
#content section#form p {
  text-align: center;
}
#content section#form p .btn.btn-black {
  padding: 10px 20px;
  background: #0a0a0a;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #fff;
  text-transform: none;
  text-shadow: 1px 1px 1px #404040;
  font-weight: normal;
  font-size: 18px;
}
#content section#form p .btn.btn-black:hover {
  background: #242424;
}
@media only screen and (max-width: 600px) {
  #content section#form form {
    width: 100%;
  }
  #content section#form fieldset {
    margin-bottom: 0em;
  }
  #content section#form fieldset input {
    width: 100%;
    margin-bottom: 0.3em;
  }
  #content section#form fieldset input:first-child {
    margin-right: 0%;
    float: none;
  }
  #content section#form textarea {
    height: 6em;
    margin-bottom: 0.3em;
  }
  #content section#form input,
  #content section#form textarea {
    font-size: 1.2em;
  }
  #content section#form p .btn.btn-black {
    font-size: 1.2em;
  }
}
#content section#socials .inner {
  text-align: center;
}
#content section#socials ul.socials {
  list-style: none;
  display: inline-block;
  margin: 0;
  padding: 0;
}
#content section#socials ul.socials li {
  display: inline-block;
}
#content section#socials ul.socials li:first-child {
  margin-right: 10px;
}
#content section#socials ul.socials li a {
  display: block;
  width: 90px;
  height: 90px;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#content section#socials ul.socials li a:hover.fb {
  background: #3b5998;
}
#content section#socials ul.socials li a:hover.twitter {
  background: #9ae4e8;
}
@media only screen and (max-width: 600px) {
  #content section#socials .inner {
    text-align: center;
  }
  #content section#socials ul.socials {
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0;
  }
  #content section#socials ul.socials li {
    display: inline-block;
  }
  #content section#socials ul.socials li:first-child {
    margin-right: 10px;
  }
  #content section#socials ul.socials li a {
    display: block;
    width: 90px;
    height: 90px;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }
  #content section#socials ul.socials li a:hover.fb {
    background: #3b5998;
  }
  #content section#socials ul.socials li a:hover.twitter {
    background: #9ae4e8;
  }
}
.dg-container {
  width: 100%;
  height: 375px;
  position: relative;
  overflow-x: hidden;
}
.dg-wrapper {
  width: 481px;
  height: 316px;
  margin: 0 auto;
  position: relative;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  -o-perspective: 1000px;
  -ms-perspective: 1000px;
  perspective: 1000px;
}
.dg-wrapper a {
  width: 482px;
  height: 325px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: transparent url(../images/browser.png) no-repeat top left;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);
}
.dg-wrapper a.dg-transition {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.dg-wrapper a img {
  display: block;
  padding: 22px 0px 11px 0px;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.dg-wrapper a div {
  font-style: italic;
  text-align: center;
  line-height: 50px;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
  color: #333;
  font-size: 16px;
  width: 100%;
  bottom: -55px;
  display: none;
  position: absolute;
}
.dg-wrapper a.dg-center div {
  display: block;
}
.dg-container nav {
  width: 68px;
  position: absolute;
  z-index: 100;
  bottom: 40px;
  left: 50%;
  margin-left: -29px;
}
.dg-container nav span {
  background: #72b1e0;
  padding: 8px 12px;
  text-decoration: none;
  color: #fff;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.dg-container nav span:hover {
  background: #0a0a0a;
}

.widget_db-reference-info .col.services ul li span {
  padding: 8px 12px;
  display: block;
  width: 70%;
  margin: 5px auto;
}
#content section#project-info .col h4 {
  padding: 15px 0;
  margin: 0 0 20px 0;
}
#content section#project-info .col a {
  text-decoration: none;
  text-transform: none;
}
#content section#project-info .col a:hover {
  text-decoration: underline;
}
#content section#project-info .col address {
  margin-bottom: 5px;
}
#content section#project-info .col img {
  width: 75px;
  height: 75px;
}
#content section#project-info .col span.price {
  font-size: 30px;
  font-weight: bold;
  display: inline-block;
}
@media only screen and (max-width: 900px) {
  #content section#project-info {
    padding-top: 70px;
  }
  #content section#project-info .col {
    text-align: center;
  }
  #content section#project-info .col ul {
    list-style: none;
    padding: 0;
  }
  #content section#project-info .col ul li {
    display: block;
  }
   .widget_db-reference-info .col:first-of-type ul li span {
    padding: 8px 12px;
    display: block;
    margin: 5px auto;
  }
  #content section#project-info .col h4 {
    padding: 15px 0;
    margin: 0 0 20px 0;
  }
  #content section#project-info .col a {
    text-decoration: none;
    text-transform: none;
  }
  #content section#project-info .col a:hover {
    text-decoration: underline;
  }
  #content section#project-info .col address {
    margin-bottom: 5px;
  }
  #content section#project-info .col img {
    width: 75px;
    height: 75px;
    margin-bottom: 10px;
  }
  #content section#project-info .col span.price {
    font-size: 22px;
    font-weight: bold;
    padding: 10px;
    display: inline-block;
  }
}
@media only screen and (max-width: 600px) {
  #content section#project-info {
    padding-top: 2em;
  }
  #content section#project-info .col {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
  }
  #content section#project-info .col h4 {
    padding: 0;
    margin: 2em 0 1em 0;
    font-weight: bold;
  }
}
/*******************************************************************************************************************
*  HEADER                                                                                                          
*******************************************************************************************************************/
/*******************************************************************************************************************
*  Drosera Internet Profesionals
*  www.drosera.cz
*
*  Author: Igor Kuľka (kulka@drosera.cz) 
*  Date: 12/06/2014                                                                                      
*******************************************************************************************************************/
/***************************************************************************
*   HTML5 display definitions
/***************************************************************************/
/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}
/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
/*
 * Prevents modern browsers from displaying 'audio' without controls
 */
audio:not([controls]) {
  display: none;
}
/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */
[hidden] {
  display: none;
}
/***************************************************************************
*   Base
/***************************************************************************/
/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Keeps page centred in all browsers regardless of content height
 * 3. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
  -ms-text-size-adjust: 100%;
  /* 3 */
}
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}
/*
 * Addresses margins handled incorrectly in IE6/7
 */
body {
  margin: 0;
}
/***************************************************************************
*   Links
/***************************************************************************/
/*
 * Addresses outline displayed oddly in Chrome
 */
a:focus {
  outline: none;
}
/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/*
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/
blockquote {
  margin: 1em 40px;
}
/*
 * Addresses styling not present in S5, Chrome
 */
dfn,
em,
i {
  font-style: italic;
}
/*
 * Addresses styling not present in IE6/7/8/9
 */
mark {
  background: #ff0;
  color: #000;
}
/*
 * Addresses margins set differently in IE6/7
 */
p,
pre {
  margin: 1em 0;
}
/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
/*
 * Improves readability of pre-formatted text in all browsers
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */
/* 1 */
q {
  quotes: none;
}
/* 2 */
q:before,
q:after {
  content: '';
  content: none;
}
small {
  font-size: 75%;
}
/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/***************************************************************************
*   Embedded content
/***************************************************************************/
/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}
/*
 * Corrects overflow displayed oddly in IE9 
 */
svg:not(:root) {
  overflow: hidden;
}
img,
iframe,
object,
embed {
  vertical-align: middle;
}
/***************************************************************************
*   Figures
/***************************************************************************/
/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */
figure {
  margin: 0px;
}
/***************************************************************************
*   Forms
/***************************************************************************/
/*
 * Corrects margin displayed oddly in IE6/7
 */
form {
  margin: 0;
}
/*
 * Define consistent border, margin, and padding
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3/4, S5, Chrome
 * 3. Improves 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 */
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}
/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */
button {
  background: none;
  margin: 0 !important;
  box-shadow: none;
  border: none !important;
  padding: 0 !important;
  border-radius: 0px !important;
}
button,
input {
  line-height: normal;
  /* 1 */
}
/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Corrects inner spacing displayed oddly in IE7 without effecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  /* 1 */
  -webkit-appearance: button;
  /* 2 */
  *overflow: visible;
  /* 3 */
}
/*
 * Re-set default cursor for disabled elements
 */
button[disabled],
input[disabled] {
  cursor: default;
}
/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
      Known issue: excess padding remains in IE6
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}
/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}
/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X
 */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
/*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
  resize: vertical;
  /* TK */
}
/***************************************************************************
*   Forms
/***************************************************************************/
/***************************************************************************
*   Basic classes
/***************************************************************************/
.t-c {
  text-align: center;
}
.t-l {
  text-align: left;
}
.t-r {
  text-align: right;
}
.f-l {
  float: left;
}
.f-r {
  float: right;
}
.c-l {
  clear: left;
}
.c-r {
  clear: right;
}
.c-b {
  clear: both;
}
/*************************************************************************************
*  GENERAL MIXINS
**************************************************************************************/
/*************************************************************************************
*  SPECIFIC MIXINS
**************************************************************************************/
/* ########## PATHS ########## */
/* ########## SIZES ########## */
/* ########## FONTS ########## */
@font-face {
  font-family: 'socIcons';
  src: url('../font/social-icons/socicon-webfont.eot');
  src: url('../font/social-icons/socicon-webfont.eot?#iefix') format('embedded-opentype'), url('../font/social-icons/socicon-webfont.woff') format('woff'), url('../font/social-icons/socicon-webfont.ttf') format('truetype'), url('../font/social-icons/socicon-webfont.svg#social-icons/socicon-webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'socIcons';
    src: url('../font/social-icons/socicon-webfont.svg') format('svg');
  }
}
@font-face {
  font-family: 'fontawesome';
  src: url('../font/fontawesome/fontawesome-webfont.eot');
  src: url('../font/fontawesome/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../font/fontawesome/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome/fontawesome-webfont.ttf') format('truetype'), url('../font/fontawesome/fontawesome-webfont.svg#fontawesome/fontawesome-webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'fontawesome';
    src: url('../font/fontawesome/fontawesome-webfont.svg') format('svg');
  }
}
/* ########## COLORS ########## */
/*******************************************************************************************************************
*  HEADINGS                                                                                                            
*******************************************************************************************************************/
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #404040;
  text-rendering: optimizelegibility;
  font-weight: normal;
  line-height: 1em;
}
h1 {
  font-size: 30px;
  margin: 0;
}
h2 {
  font-size: 24px;
  margin: 0.83em 0;
}
h3 {
  font-size: 20px;
  margin: 1em 0;
}
h4 {
  font-size: 1em;
  margin: 1.33em 0;
}
h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}
h6 {
  font-size: 0.75em;
  margin: 2.33em 0;
}
b,
strong {
  font-weight: bold;
}
/*******************************************************************************************************************
*  LISTS                                                                                                            
*******************************************************************************************************************/
dl,
ol,
ul {
  margin: 1em 0;
}
dd {
  margin: 0 0 0 40px;
}
ol,
ul {
  padding: 0 0 0 40px;
}
/*******************************************************************************************************************
*  PARAGRAPHS                                                                                                            
*******************************************************************************************************************/
p,
address {
  margin: 0 0 25px;
  line-height: 1.5em;
}
/*******************************************************************************************************************
*  TEXT COLUMNS                                                                                                            
*******************************************************************************************************************/
.text-columns-2 {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  -moz-column-gap: 50px;
  -webkit-column-gap: 50px;
  column-gap: 50px;
}
.text-columns-3 {
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3;
  -moz-column-gap: 40px;
  -webkit-column-gap: 40px;
  column-gap: 40px;
}
.two-cols > li,
.two-cols > div {
  float: left;
  width: 49%;
  margin-left: 2%;
}
.two-cols > li:first-child,
.two-cols > div:first-child {
  margin-left: 0;
}
.three-cols > li,
.three-cols > div {
  float: left;
  width: 32%;
  margin-left: 2%;
}
.three-cols > li:first-child,
.three-cols > div:first-child {
  margin-left: 0;
}
.four-cols {
  margin-left: -2%;
}
.four-cols > li,
.four-cols > div {
  float: left;
  width: 23%;
  margin-left: 2%;
}
.column-left {
  float: left;
}
.column-right {
  float: right;
}
.row,
.two-cols,
.three-cols,
.four-cols,
.two-one-cols,
.one-two-cols {
  *zoom: 1;
}
.row:before,
.two-cols:before,
.three-cols:before,
.four-cols:before,
.two-one-cols:before,
.one-two-cols:before,
.row:after,
.two-cols:after,
.three-cols:after,
.four-cols:after,
.two-one-cols:after,
.one-two-cols:after {
  content: "";
  display: table;
}
.row:after,
.two-cols:after,
.three-cols:after,
.four-cols:after,
.two-one-cols:after,
.one-two-cols:after {
  clear: both;
}
.two-one-cols > li,
.two-one-cols > div {
  float: left;
  width: 32%;
  margin-left: 2%;
}
.two-one-cols > li:first-child,
.two-one-cols > div:first-child {
  width: 66%;
  margin-left: 0;
  position: relative;
}
.one-two-cols > li,
.one-two-cols > div {
  float: left;
  width: 66%;
  margin-left: 2%;
}
.one-two-cols > li:first-child,
.one-two-cols > div:first-child {
  width: 32%;
  margin-left: 0;
  position: relative;
}
/* =============================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption {
  text-align: left;
  caption-side: top;
}
th {
  text-align: left;
}
.btn {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 5px;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none !important;
  text-transform: uppercase;
  color: #fff;
  border: 0;
  outline: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
form {
  padding: 20px;
}
form label i {
  color: #393939;
  font-weight: bold;
}
form input,
form textarea {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 8px;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
form input:focus,
form textarea:focus {
  outline: none;
}
form textarea {
  width: 560px;
  max-width: 560px;
  height: 80px;
}
.placeholder {
  color: #aaa;
}
/*!
  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.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
/********************************************************************/
/* You can add your own classes of animations and delays like below */
/********************************************************************/
.delay0s {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.delay0-25s {
  -webkit-animation-delay: .25s;
  animation-delay: .25s;
}
.delay0-5s {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}
.delay0-75s {
  -webkit-animation-delay: .75s;
  animation-delay: .75s;
}
.delay1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.delay1-25s {
  -webkit-animation-delay: 1.25s;
  animation-delay: 1.25s;
}
.delay1-5s {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}
.delay1-75s {
  -webkit-animation-delay: 1.75s;
  animation-delay: 1.75s;
}
.delay2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.delay2-25s {
  -webkit-animation-delay: 2.25s;
  animation-delay: 2.25s;
}
.delay2-5s {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
}
.delay2-75s {
  -webkit-animation-delay: 2.75s;
  animation-delay: 2.75s;
}
.delay3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}
.delay3-25s {
  -webkit-animation-delay: 3.25s;
  animation-delay: 3.25s;
}
.delay3-5s {
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s;
}
.delay3-75s {
  -webkit-animation-delay: 3.75s;
  animation-delay: 3.75s;
}
.delay4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}
.delay4-25s {
  -webkit-animation-delay: 4.25s;
  animation-delay: 4.25s;
}
.delay4-5s {
  -webkit-animation-delay: 4.5s;
  animation-delay: 4.5s;
}
.delay4-75s {
  -webkit-animation-delay: 4.75s;
  animation-delay: 4.75s;
}
.delay5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}
.delay5-25s {
  -webkit-animation-delay: 5.25s;
  animation-delay: 5.25s;
}
.delay5-5s {
  -webkit-animation-delay: 5.5s;
  animation-delay: 5.5s;
}
.delay5-75s {
  -webkit-animation-delay: 5.75s;
  animation-delay: 5.75s;
}
.delay6s {
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
}
.delay6-25s {
  -webkit-animation-delay: 6.25s;
  animation-delay: 6.25s;
}
.delay6-5s {
  -webkit-animation-delay: 6.5s;
  animation-delay: 6.5s;
}
.delay6-75s {
  -webkit-animation-delay: 6.75s;
  animation-delay: 6.75s;
}
@-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 rubberBand {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }
  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }
  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    -ms-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }
  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    -ms-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }
  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    -ms-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-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% {
    opacity: 1;
    -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% {
    opacity: 1;
    -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 slideInUp {
  0% {
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInUp {
  0% {
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes slideOutDown {
  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);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-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);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: 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);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: 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;
}
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-genderless:before,
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
* {
  margin: 0;
  padding: 0;
}
.piro_html {
  position: absolute;
  top: 0;
  left: 0;
  width: 500px;
  height: 500px;
  margin: 0;
  display: block;
  z-index: 150001;
  padding: 0;
}
.piro_html table,
.piro_html tbody,
.piro_html tr,
.piro_html th,
.piro_html td {
  margin: 0;
  padding: 0;
  border: none;
}
.piro_html img {
  margin: 0;
  padding: 0;
  border: none;
}
.piro_html .h_t_l {
  width: 10px;
  height: 10px;
  background: url('../images/pyrobox/new_skin.png') top left no-repeat;
}
.piro_html .h_t_r {
  width: 10px;
  height: 10px;
  background: url('../images/pyrobox/new_skin.png') top right no-repeat;
}
.piro_html .h_t_c {
  cursor: move;
  height: 10px;
  background: url('../images/pyrobox/new_skin_top.png') top repeat-x;
}
.piro_html .h_c_l {
  width: 10px;
  background: url('../images/pyrobox/new_skin_left.png') left repeat-y;
}
.piro_html .h_c_c {
  background: url('../images/pyrobox/caption.png');
  margin: 0;
  padding: 0;
}
.piro_html .h_c_c .div_reg {
  background: url('../images/pyrobox/caption.png');
  width: 480px;
  overflow: hidden;
  height: 480px;
  margin: 0;
  padding: 0;
}
.piro_html .h_c_c .div_reg img {
  cursor: move;
}
.piro_html .h_c_r {
  width: 10px;
  background: url('../images/pyrobox/new_skin_left.png') right repeat-y;
}
.piro_html .h_b_c {
  cursor: move;
  height: 10px;
  background: url('../images/pyrobox/new_skin_top.png') bottom repeat-x;
}
.piro_html .h_b_l {
  width: 10px;
  height: 10px;
  background: url('../images/pyrobox/new_skin.png') bottom left no-repeat;
}
.piro_html .h_b_r {
  width: 10px;
  height: 10px;
  background: url('../images/pyrobox/new_skin.png') bottom right no-repeat;
}
.piro_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 150000;
  background: #fff;
  display: none;
  cursor: pointer;
}
.piro_loader {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -59px 0 0 -59px;
  width: 118px;
  height: 118px;
  display: block;
  z-index: 150005;
  cursor: pointer;
}
.piro_loader span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -36px;
  margin-left: -36px;
  width: 72px;
  height: 72px;
  display: block;
  z-index: 150009;
  background: url('../images/pyrobox/loadinfo.gif') center top no-repeat;
}
.piro_title {
  position: fixed;
  background: url('../images/pyrobox/bg_title.png') bottom repeat-x;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  display: block;
  padding: 6px 0 10px 0;
  color: white;
  z-index: 150000;
  font-size: 18px;
  display: none;
}
.btn_info {
  position: absolute;
  bottom: -7px;
  right: -7px;
  width: 25px;
  height: 25px;
  margin: 0;
  display: block;
  padding: 0px;
  color: black;
  cursor: pointer;
  background: url('../images/pyrobox/b_w/info.png') no-repeat;
  z-index: 1500440;
}
.caption {
  position: absolute;
  bottom: 10px;
  left: 10px;
  margin: 0;
  display: block;
  padding: 0px;
  color: black;
  cursor: text;
  background: url('../images/pyrobox/caption.png');
  z-index: 150018;
}
.caption p {
  display: block;
  margin: 0;
  padding: 7px 5px;
  text-align: center;
  font-weight: normal;
  font-size: 14px;
  z-index: 150019;
  color: white;
}
.nav_container {
  position: absolute;
  right: 5px;
  bottom: -20px;
  height: 25px;
  width: 60px;
  background: url('../images/pyrobox/bottom_nav.png') bottom;
  z-index: 1500190000000;
}
.piro_close {
  position: absolute;
  right: 20px;
  top: 0;
  height: 20px;
  width: 20px;
  background: transparent url('../images/pyrobox/close.png') no-repeat center center;
  cursor: pointer;
  margin: 0 0 0 0;
  z-index: 150022;
  display: none;
}
a.piro_next {
  position: absolute;
  width: 20px;
  top: 0;
  right: 0px;
  height: 20px;
  text-indent: -999em;
  outline: none;
  display: block;
  margin: 0;
  background: url('../images/pyrobox/next.png') center right no-repeat;
  border: none;
  cursor: pointer;
  z-index: 150023;
}
a:hover.piro_next {
  background: url('../images/pyrobox/next.png') center right no-repeat;
}
.piro_next_fake {
  position: absolute;
  width: 20px;
  top: 0;
  right: 0px;
  height: 20px;
  outline: none;
  text-indent: -999em;
  display: none;
  margin: 0;
  background: url('../images/pyrobox/next.png') center right no-repeat;
  border: none;
  cursor: auto;
  z-index: 150020;
}
.piro_prev_fake {
  position: absolute;
  width: 20px;
  top: 0;
  right: 40px;
  height: 20px;
  outline: none;
  text-indent: -999em;
  display: none;
  margin: 0;
  background: url('../images/pyrobox/prev.png') center right no-repeat;
  border: none;
  cursor: auto;
  z-index: 150020;
}
a.piro_prev {
  position: absolute;
  width: 20px;
  right: 40px;
  top: 0;
  height: 20px;
  text-indent: -999em;
  outline: none;
  display: block;
  margin: 0;
  background: url('../images/pyrobox/prev.png') center left no-repeat;
  border: none;
  cursor: pointer;
  z-index: 150024;
}
a:hover.piro_prev {
  background: url('../images/pyrobox/prev.png') center left no-repeat;
}
a.close_pirobox {
  color: #bb0f05;
}
/*******************************************************************************************************************
*  BASE                                                                                                            
*******************************************************************************************************************/
html {
  height: 100%;
}
body {
  height: 100%;
  font-size: 14px;
  color: #404040;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  line-height: 1.6em;
}
body.homepage {
  height: auto;
}
/*******************************************************************************************************************
*  LINKS                                                                                                           
*******************************************************************************************************************/
a,
a:link,
a:focus {
  color: #000000;
  font-size: 25px;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  font-family: "futurace-bold", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}
a:hover {
  text-decoration: none;
  color: #72B1E0;
}
/*******************************************************************************************************************
*  BASIC                                                                                                           
*******************************************************************************************************************/
.inner {
  *zoom: 1;
  padding: 0;
}
.inner:before,
.inner:after {
  content: "";
  display: table;
}
.inner:after {
  clear: both;
}
/*******************************************************************************************************************
*  WIDGETS                                                                                                          
*******************************************************************************************************************/
#content section#slider {
  padding: 0;
}
#content section#slider li.anim-slide {
  background-size: cover;
  opacity: 0;
}
#content section#slider li.anim-slide:nth-child(1) {
  opacity: 1;
}
.ie9 #content section#slider li.anim-slide {
  background: none;
  background-size: none;
  opacity: 1;
}
@media only screen and (max-width: 1235px) {
  #content section#slider {
    padding: 0;
  }
  #content section#slider li.anim-slide {
    background-size: cover;
    opacity: 0;
  }
  #content section#slider li.anim-slide:nth-child(1) {
    opacity: 1;
  }
}
@media only screen and (max-width: 900px) {
  #content section#slider {
    padding: 0;
  }
  #content section#slider li.anim-slide {
    background-size: cover;
    opacity: 0;
  }
  #content section#slider li.anim-slide:nth-child(1) {
    opacity: 1;
  }
}
@media only screen and (max-width: 600px) {
  #content section#slider {
    padding: 0;
  }
  #content section#slider li.anim-slide {
    background-size: cover;
    opacity: 0;
  }
  #content section#slider li.anim-slide:nth-child(1) {
    opacity: 1;
  }
  #content section#slider .anim-arrows {
    display: none;
  }
}
.anim-slider {
  background: #72b1e0;
  list-style-type: none;
  position: relative;
  overflow: hidden;
  text-align: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 475px;
  padding: 0;
  margin: 0;
}
.anim-slider .anim-slide {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.anim-slider .anim-slide * {
  opacity: 0;
}
.ie9 .anim-slider .anim-slide * {
  opacity: 1;
}
.anim-slider .anim-slide-this {
  z-index: 100;
}
.anim-slider .anim-slide-this * {
  opacity: 1;
}
/*******Arrows********/
nav.anim-arrows > span {
  position: absolute;
  top: 40%;
  z-index: 125;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in;
  -moz-transition: opacity 0.4s ease-in;
  -ms-transition: opacity 0.4s ease-in;
  -o-transition: opacity 0.4s ease-in;
  transition: opacity 0.4s ease-in;
}
nav.anim-arrows > span.anim-arrows-prev,
nav.anim-arrows > span.anim-arrows-next {
  color: #fff;
  position: absolute;
  padding: 2px 10px;
}
nav.anim-arrows > span.anim-arrows-prev .fa,
nav.anim-arrows > span.anim-arrows-next .fa {
  display: inline-block;
}
nav.anim-arrows > span.anim-arrows-prev .fa:before,
nav.anim-arrows > span.anim-arrows-next .fa:before {
  content: "";
  display: block;
  width: 64px;
  height: 64px;
  background: url('../images/icons/arrowTop.png') 0 0 no-repeat;
  background-size: 100%;
}
nav.anim-arrows > span.anim-arrows-prev .fa.fa-angle-left:before,
nav.anim-arrows > span.anim-arrows-next .fa.fa-angle-left:before {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
nav.anim-arrows > span.anim-arrows-prev .fa.fa-angle-right:before,
nav.anim-arrows > span.anim-arrows-next .fa.fa-angle-right:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
nav.anim-arrows > span.anim-arrows-prev {
  left: 1%;
}
nav.anim-arrows > span.anim-arrows-next {
  right: 1%;
}
.anim-slider:hover > nav.anim-arrows > span {
  opacity: 1;
  cursor: pointer;
}
/********Dots************/
.anim-dots {
  width: 100%;
  position: absolute;
  text-align: center;
  left: 0px;
  bottom: 20px;
  z-index: 125;
}
.anim-dots span {
  display: inline-block;
  position: relative;
  width: 14px;
  height: 14px;
  margin: 3px;
  cursor: pointer;
  border: 2px solid #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.anim-dots span.anim-dots-this:after {
  content: '';
  width: 10px;
  height: 10px;
  position: absolute;
  top: 2px;
  left: 2px;
  background: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
#content section#about h1 {
  margin-bottom: 0px;
  text-align: center;
}
#content section#about h3 {
  width: 74%;
  margin: 20px auto;
}
#content section#about h4 {
  margin-bottom: 15px;
}
#content section#about .col img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
@media only screen and (max-width: 600px) {
  #content section#about h1 {
    margin-bottom: 0px;
    text-align: center;
  }
  #content section#about h3 {
    width: 74%;
    margin: 1.4em auto;
  }
  #content section#about h4 {
    margin-bottom: 0.8em;
    font-weight: bold;
  }
  #content section#about .col {
    display: block;
    width: 90%;
    margin: 0 5%;
    padding: 0;
  }
  #content section#about .col img {
    max-width: 100%;
  }
  #content section#about .col p {
    font-size: 1em;
  }
}
#content section#partners ul.partners {
  list-style: none;
  display: block;
  margin: 15px auto;
  padding: 0;
}
#content section#partners ul.partners li {
  display: inline-block;
  width: 24%;
  padding: 0;
}
#content section#partners ul.partners li img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
@media only screen and (max-width: 600px) {
  #content section#partners ul.partners li {
    width: 48%;
  }
}
#content section#references h3 a {
  text-transform: none;
  text-decoration: none;
  color: #404040;
  font-weight: normal;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#content section#references h3 a:hover {
  color: #0a0a0a;
  text-decoration: underline;
}
#content section#references p.arrows {
  float: right;
  display: inline-block;
  position: relative;
  top: -45px;
  margin-bottom: 0px;
}
#content section#references a.carousel-prev,
#content section#references a.carousel-next {
  background: #404040;
  padding: 8px 12px;
  text-decoration: none;
  color: #fff;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#content section#references a.carousel-prev:hover,
#content section#references a.carousel-next:hover {
  background: #0a0a0a;
}
#content section#references ul.carousel {
  list-style: none;
  padding: 0;
}
#content section#references ul.carousel li {
  width: 300px;
  height: 180px;
  float: left;
  margin: 0 4px;
  position: relative;
  display: block;
}
#content section#references ul.carousel li .overlay {
  display: block;
  width: 100%;
  height: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  text-align: center;
  position: absolute;
  bottom: 0;
}
#content section#references ul.carousel li .overlay a {
  width: 90px;
  height: 0px;
  display: inline-block;
  margin-right: 10px;
  margin-top: 55px;
  position: relative;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#content section#references ul.carousel li .overlay a:last-of-type {
  margin-right: 0;
}
#content section#references ul.carousel li .overlay a:before {
  background-size: 80%;
  width: 50px;
  height: 50px;
  display: block;
  content: '';
  position: absolute;
  top: 20px;
  left: 20px;
  opacity: 0.75;
}
#content section#references ul.carousel li .overlay a:hover {
  background: #fff;
}
#content section#references ul.carousel li:hover .overlay {
  opacity: 1;
  height: 100%;
}
#content section#references ul.carousel li:hover .overlay a {
  height: 90px;
}
#content section#references ul.carousel li img {
  max-width: 100%;
  max-height: 100%;
}
@media only screen and (max-width: 900px) {
  #content section#references p.arrows {
    float: none;
    display: block;
    position: static;
    margin: 0 auto 0.5em auto;
    text-align: center;
  }
  #content section#references ul.carousel li {
    width: 250px;
    height: 175px;
  }
  #content section#references ul.carousel li .overlay a {
    display: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: none;
  }
  #content section#references ul.carousel li .overlay a:first-of-type {
    display: block;
    width: 100%;
    height: 100%;
  }
  #content section#references ul.carousel li .overlay a:before {
    width: 0px;
    height: 0px;
  }
  #content section#references ul.carousel li .overlay a:hover {
    background: none;
  }
  #content section#references ul.carousel li:hover .overlay {
    opacity: 1;
    height: 100%;
  }
  #content section#references ul.carousel li:hover .overlay a {
    height: 100%;
    margin-top: 0;
  }
}
@media only screen and (max-width: 600px) {
  #content section#references p.arrows {
    float: none;
    display: block;
    position: static;
    margin: 0 auto 0.5em auto;
    text-align: center;
  }
  #content section#references ul.carousel li {
    width: 250px;
    height: 175px;
  }
  #content section#references ul.carousel li .overlay a {
    display: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: none;
  }
  #content section#references ul.carousel li .overlay a:first-of-type {
    display: block;
    width: 100%;
    height: 100%;
  }
  #content section#references ul.carousel li .overlay a:before {
    width: 0px;
    height: 0px;
  }
  #content section#references ul.carousel li .overlay a:hover {
    background: none;
  }
  #content section#references ul.carousel li:hover .overlay {
    opacity: 1;
    height: 100%;
  }
  #content section#references ul.carousel li:hover .overlay a {
    height: 100%;
    margin-top: 0;
  }
}
#content section#process.parallax {
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 80px;
}
#content section#process.parallax ul {
  list-style: none;
  padding: 0;
}
#content section#process.parallax ul li {
  display: inline-table;
  width: 24%;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
#content section#process.parallax ul li span {
  display: block;
  width: 150px;
  height: 150px;
  margin: 25px auto;
  position: relative;
}
#content section#process.parallax ul li span:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}
#content section#process.parallax ul li span.ico-contact:before {
  background: #404040;
}
#content section#process.parallax ul li span.ico-analysis:before {
  background: #404040;
}
#content section#process.parallax ul li span.ico-done:before {
  background: #404040;
}
#content section#process.parallax ul li span.ico-map:before {
  background: #404040;
}
#content section#process.parallax ul li p {
  text-align: center;
  font-size: 17px;
}
@media only screen and (max-width: 900px) {
  #content section#process.parallax {
    background-size: cover;
  }
  #content section#process.parallax ul li {
    display: inline-table;
    width: 48%;
    padding: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
  }
  #content section#process.parallax ul li:after {
    content: "";
    width: 0px !important;
    height: 0px  !important;
    background: none !important;
  }
  #content section#process.parallax ul li span {
    display: block;
    width: 75px;
    height: 75px;
    margin: 1em auto;
  }
  #content section#process.parallax ul li p {
    text-align: center;
    font-size: 1em;
  }
}
@media only screen and (max-width: 600px) {
  #content section#process.parallax {
    background-size: cover;
  }
  #content section#process.parallax ul li {
    display: inline-table;
    width: 48%;
    padding: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
  }
  #content section#process.parallax ul li:after {
    content: "";
    width: 0px !important;
    height: 0px  !important;
    background: none !important;
  }
  #content section#process.parallax ul li span {
    display: block;
    width: 75px;
    height: 75px;
    margin: 1em auto;
  }
  #content section#process.parallax ul li p {
    text-align: center;
    font-size: 1em;
  }
}
#content section#price p {
  text-align: center;
}
#content section#price-detail {
  text-align: center;
  height: 0;
  margin: 0;
  padding: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#content section#price-detail.open {
  height: auto;
  padding: 50px 0;
}
#content section#price-detail.open > * {
  height: auto;
  opacity: 1;
}
#content section#price-detail > * {
  opacity: 0;
  height: 0px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
@media only screen and (max-width: 600px) {
  #content section#price-detail.open {
    padding: 25px 0;
  }
  #content section#price-detail h3 {
    font-size: 1.35em;
  }
  #content section#price-detail p.price {
    font-size: 1.15em;
  }
  #content section#price-detail p.price strong {
    font-size: 1.25em;
  }
  #content section#price-detail p {
    font-size: 1em;
  }
}
#content section#toggle .perex {
  text-align: center;
}
#content section#toggle ul#accordion {
  list-style: none;
  padding: 0;
  text-align: center;
}
#content section#toggle ul#accordion li {
  display: block;
  width: 100%;
  border: 1px solid #dadada;
  border-bottom: none;
  padding: 0px;
}
#content section#toggle ul#accordion li:last-of-type {
  border-bottom: 1px solid #dadada;
}
#content section#toggle ul#accordion li.open .accordion-heading h3:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
#content section#toggle ul#accordion li .accordion-heading {
  display: block;
  width: 100%;
  background: #efefef;
  color: #000;
  padding: 10px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#content section#toggle ul#accordion li .accordion-heading:hover {
  cursor: pointer;
}
#content section#toggle ul#accordion li .accordion-heading h3 {
  margin: 0;
  text-align: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 15px;
  position: relative;
}
#content section#toggle ul#accordion li .accordion-heading h3:before {
  content: "";
  width: 0;
  height: 0;
  display: inline-block;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #000;
  position: absolute;
  left: 0px;
  top: 7px;
}
#content section#toggle ul#accordion li .accordion-content {
  padding: 10px 20px;
  text-align: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#content .heading-image-intro {
  background-position: center;
  text-align: center;
}
#content .heading-image-intro h1 {
  margin: 35px 0;
  display: block;
}
#content section#services {
  padding: 0;
}
#content section#services ul {
  list-style: none;
  padding: 0;
}
#content section#services ul li {
  clear: both;
}
#content section#services ul li .inner {
  padding: 60px 0;
}
#content section#services ul li img {
  display: inline-block;
  max-width: 34%;
  width: 34%;
  height: auto;
  margin-right: 0%;
  float: left;
}
#content section#services ul li .desc {
  display: inline-block;
  max-width: 55%;
  margin: 0 5%;
}
#content section#services ul li .desc > * {
  display: inline-block;
}
#content section#services ul li .desc h3 {
  margin: 10px 0;
  font-weight: bold;
  color: #0a0a0a;
}
#content section#services ul li:nth-child(2n) {
  background: #f7f5f1;
}
#content section#services ul li:nth-child(2n) img {
  float: right;
  margin-right: 0;
  margin-left: 0%;
}
@media only screen and (max-width: 600px) {
  #content section#services ul li .inner {
    padding: 2em 0;
    text-align: center;
  }
  #content section#services ul li img {
    max-width: 80%;
    width: 80%;
    float: none;
  }
  #content section#services ul li .desc {
    display: block;
    max-width: 100%;
    margin: 0;
  }
}
#content section#references-list ul.references {
  list-style: none;
  padding: 0;
}
#content section#references-list ul.references li {
  width: 29.4%;
  height: auto;
  float: left;
  margin: 1%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  display: block;
}
#content section#references-list ul.references li .overlay {
  display: block;
  width: 100%;
  height: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  text-align: center;
  position: absolute;
  bottom: 0;
}
#content section#references-list ul.references li .overlay a {
  width: 90px;
  height: 0px;
  display: inline-block;
  margin-right: 10px;
  margin-top: 55px;
  position: relative;
}
#content section#references-list ul.references li .overlay a:last-of-type {
  margin-right: 0;
}
#content section#references-list ul.references li .overlay a:before {
  background-size: 80%;
  width: 50px;
  height: 50px;
  display: block;
  content: '';
  position: absolute;
  top: 20px;
  left: 20px;
  opacity: 0.75;
}
#content section#references-list ul.references li .overlay a:hover {
  background: #fff;
}
#content section#references-list ul.references li:hover .overlay {
  opacity: 1;
  height: 100%;
}
#content section#references-list ul.references li:hover .overlay a {
  height: 90px;
}
#content section#references-list ul.references li img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
}
@media only screen and (max-width: 900px) {
  #content section#references-list ul.references li {
    width: 48%;
    margin: 1%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #content section#references-list ul.references li .overlay a {
    display: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: none;
  }
  #content section#references-list ul.references li .overlay a:first-of-type {
    display: block;
    width: 100%;
    height: 100%;
  }
  #content section#references-list ul.references li .overlay a:before {
    width: 0px;
    height: 0px;
  }
  #content section#references-list ul.references li .overlay a:hover {
    background: none;
  }
  #content section#references-list ul.references li:hover .overlay {
    opacity: 1;
    height: 100%;
  }
  #content section#references-list ul.references li:hover .overlay a {
    height: 100%;
    margin-top: 0;
  }
}
@media only screen and (max-width: 600px) {
  #content section#references-list ul.references li {
    width: 48%;
    margin: 1%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #content section#references-list ul.references li .overlay a {
    display: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: none;
  }
  #content section#references-list ul.references li .overlay a:first-of-type {
    display: block;
    width: 100%;
    height: 100%;
  }
  #content section#references-list ul.references li .overlay a:before {
    width: 0px;
    height: 0px;
  }
  #content section#references-list ul.references li .overlay a:hover {
    background: none;
  }
  #content section#references-list ul.references li:hover .overlay {
    opacity: 1;
    height: 100%;
  }
  #content section#references-list ul.references li:hover .overlay a {
    height: 100%;
    margin-top: 0;
  }
}
#content section#managers.contact-managers {
  padding-bottom: 0;
}
#content section#managers ul {
  list-style: none;
  padding: 0;
  text-align: center;
}
#content section#managers ul li {
  display: inline-table;
  width: 23%;
  max-width: 265px;
  margin-right: 2%;
  text-align: center;
  padding-top: 25px;
}
#content section#managers ul li:last-child {
  margin-right: 0;
}
#content section#managers ul li img {
  z-index: 5;
  position: relative;
}
#content section#managers ul li .person {
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding-top: 45px;
  top: -45px;
}
#content section#managers ul li .person .person-info {
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 86px;
}
#content section#managers ul li .person .person-info h3 {
  margin: 0;
}
#content section#managers ul li .person .person-info .contacts {
  display: inline-block;
  margin-top: 8px;
}
#content section#managers ul li .person .person-info a {
  text-transform: none;
  text-decoration: none;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#content section#managers ul li .person .person-info a:hover {
  text-decoration: underline;
}
#content section#managers ul li .person .person-info a:hover {
  color: #404040;
}
#content section#managers ul li .person .motto {
  padding: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#content section#managers ul li .person .motto p {
  margin: 0;
  min-height: 85px;
}
@media only screen and (max-width: 900px) {
  #content section#managers.contact-managers {
    padding-bottom: 0;
  }
  #content section#managers ul {
    list-style: none;
    padding: 0;
  }
  #content section#managers ul li {
    display: inline-table;
    width: 48%;
    margin-right: 2%;
    text-align: center;
    padding-top: 25px;
  }
  #content section#managers ul li img {
    height: 120px;
  }
  #content section#managers ul li .person {
    padding-top: 45px;
    top: -45px;
  }
  #content section#managers ul li .person .person-info {
    padding: 10px;
    min-height: 86px;
  }
  #content section#managers ul li .person .person-info h3 {
    margin: 0;
  }
  #content section#managers ul li .person .person-info .contacts {
    margin-top: 8px;
  }
  #content section#managers ul li .person .motto {
    padding: 15px;
  }
  #content section#managers ul li .person .motto p {
    margin: 0;
    min-height: 85px;
  }
  #content section#managers ul li:nth-child(2n) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 600px) {
  #content section#managers ul li {
    display: inline-table;
    width: 100%;
    margin-right: 0;
    text-align: center;
    padding-top: 0;
  }
  #content section#managers ul li img {
    width: 120px;
    height: 120px;
  }
  #content section#managers ul li .person {
    padding-top: 45px;
    top: -45px;
  }
  #content section#managers ul li .person .person-info {
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 86px;
  }
  #content section#managers ul li .person .motto p {
    margin: 0;
    min-height: 3em;
  }
}
#content section#team.contact-managers {
  padding-bottom: 0;
}
#content section#team ul {
  list-style: none;
  padding: 0;
  text-align: center;
}
#content section#team ul li {
  display: inline-table;
  width: 23%;
  max-width: 265px;
  margin-right: 2%;
  text-align: center;
  padding-top: 25px;
}
#content section#team ul li:last-child {
  margin-right: 0;
}
#content section#team ul li img {
  z-index: 5;
  position: relative;
}
#content section#team ul li .person {
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding-top: 45px;
  top: -45px;
}
#content section#team ul li .person .person-info {
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 86px;
}
#content section#team ul li .person .person-info h3 {
  margin: 0;
}
#content section#team ul li .person .person-info .contacts {
  display: inline-block;
  margin-top: 8px;
}
#content section#team ul li .person .person-info a {
  text-transform: none;
  text-decoration: none;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#content section#team ul li .person .person-info a:hover {
  text-decoration: underline;
}
#content section#team ul li .person .person-info a:hover {
  color: #404040;
}
#content section#team ul li .person .motto {
  padding: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#content section#team ul li .person .motto p {
  margin: 0;
  min-height: 85px;
}
#content section#team ul {
  text-align: center;
}
#content section#team ul li {
  width: 18%;
}
#content section#team ul li:nth-child(5n) {
  margin-right: 0;
}
@media only screen and (max-width: 900px) {
  #content section#team.contact-managers {
    padding-bottom: 0;
  }
  #content section#team ul {
    list-style: none;
    padding: 0;
  }
  #content section#team ul li {
    display: inline-table;
    width: 48%;
    margin-right: 2%;
    text-align: center;
    padding-top: 25px;
  }
  #content section#team ul li img {
    height: 120px;
  }
  #content section#team ul li .person {
    padding-top: 45px;
    top: -45px;
  }
  #content section#team ul li .person .person-info {
    padding: 10px;
    min-height: 86px;
  }
  #content section#team ul li .person .person-info h3 {
    margin: 0;
  }
  #content section#team ul li .person .person-info .contacts {
    margin-top: 8px;
  }
  #content section#team ul li .person .motto {
    padding: 15px;
  }
  #content section#team ul li .person .motto p {
    margin: 0;
    min-height: 85px;
  }
  #content section#team ul {
    text-align: center;
  }
  #content section#team ul li {
    width: 31%;
  }
  #content section#team ul li:nth-child(3n) {
    margin-right: 0;
  }
  #content section#team ul li:nth-child(5n) {
    margin-right: 2%;
  }
}
@media only screen and (max-width: 600px) {
  #content section#team ul li {
    display: inline-table;
    width: 100%;
    margin-right: 0;
    text-align: center;
    padding-top: 0;
  }
  #content section#team ul li img {
    width: 120px;
    height: 120px;
  }
  #content section#team ul li .person {
    padding-top: 45px;
    top: -45px;
  }
  #content section#team ul li .person .person-info {
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 86px;
  }
  #content section#team ul li .person .motto p {
    margin: 0;
    min-height: 3em;
  }
  #content section#team ul {
    text-align: center;
  }
  #content section#team ul li {
    width: 48%;
  }
  #content section#team ul li:nth-child(2n) {
    margin-right: 0;
  }
  #content section#team ul li .person .person-info {
    min-height: 7em;
  }
  #content section#team ul li .person .motto p {
    min-height: 9em;
  }
}
#content section#map {
  position: relative;
  padding: 0;
}
#content section#map .map-wrap {
  height: 525px;
}
#content section#map .address-box .box {
  display: inline-block;
  width: 33%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px 20px;
  margin-bottom: 20px;
  text-align: center;
}
#content section#map .address-box .box h3 {
  margin: 0;
  padding: 2px 15px;
  display: inline-block;
  margin: 0 auto;
  font-size: 18px;
}
#content section#map .address-box .box address,
#content section#map .address-box .box span {
  display: block;
  clear: both;
  margin-bottom: 0;
}
#content section#map .address-box .box-left,
#content section#map .address-box .box-center {
  float: left;
}
#content section#map .address-box .box-center .main-contact {
  text-align: center;
}
#content section#map .address-box .box-center img {
  width: 80px;
  height: 80px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-right: 15px;
  display: inline-block;
  vertical-align: top;
}
#content section#map .address-box .box-center .contact {
  display: inline-block;
  margin-top: 15px;
}
#content section#map .address-box .box-center .contact .phone {
  font-weight: bold;
  font-size: 22px;
}
#content section#map .address-box .box-center .contact .mail a {
  text-transform: none;
  text-decoration: none;
  font-size: 22px;
}
#content section#map .address-box .box-center .contact .mail a:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 900px) {
  #content section#map {
    position: relative;
    padding: 0;
  }
  #content section#map .map-wrap {
    height: 525px;
  }
  #content section#map .address-box .box {
    display: inline-block;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px 20px;
    margin-bottom: 20px;
    text-align: center;
    min-height: 115px;
  }
  #content section#map .address-box .box h3 {
    margin: 0;
    padding: 2px 15px;
    display: inline-block;
    margin: 0 auto;
    font-size: 18px;
  }
  #content section#map .address-box .box address,
  #content section#map .address-box .box span {
    display: block;
    clear: both;
    margin-bottom: 0;
  }
  #content section#map .address-box .box-left,
  #content section#map .address-box .box-center {
    float: left;
  }
  #content section#map .address-box .box-right {
    width: 100%;
  }
  #content section#map .address-box .box-center {
    border-right: none;
  }
  #content section#map .address-box .box-center .main-contact {
    text-align: center;
  }
  #content section#map .address-box .box-center img {
    display: none;
  }
  #content section#map .address-box .box-center .contact {
    display: inline-block;
    margin-top: 15px;
  }
  #content section#map .address-box .box-center .contact .phone {
    font-weight: bold;
    font-size: 15px;
  }
  #content section#map .address-box .box-center .contact .mail a {
    text-transform: none;
    text-decoration: none;
    font-size: 15px;
  }
  #content section#map .address-box .box-center .contact .mail a:hover {
    text-decoration: underline;
  }
}
@media only screen and (max-width: 600px) {
  #content section#map {
    position: relative;
    padding: 0;
  }
  #content section#map .map-wrap {
    height: 525px;
  }
  #content section#map .address-box h2 {
    margin: 0 1em;
    padding: 1em 0;
    border-bottom: none;
  }
  #content section#map .address-box .box {
    display: block;
    width: 100%;
    padding: 0px 20px;
    margin-bottom: 20px;
    min-height: 115px;
    text-align: center;
  }
  #content section#map .address-box .box h3 {
    padding: 2px 15px;
    display: inline-block;
    margin: 0 auto;
    background: #fff;
    font-size: 18px;
  }
  #content section#map .address-box .box address,
  #content section#map .address-box .box span {
    display: block;
    clear: both;
    margin-bottom: 0;
  }
  #content section#map .address-box .box-left,
  #content section#map .address-box .box-center {
    border-right: none;
    float: none;
  }
  #content section#map .address-box .box-center .main-contact {
    text-align: center;
  }
  #content section#map .address-box .box-center img {
    width: 80px;
    height: 80px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 15px auto;
    display: inline-block;
    clear: both;
    float: none;
  }
  #content section#map .address-box .box-center .contact {
    display: inline-block;
    margin-top: 15px;
  }
  #content section#map .address-box .box-center .contact .phone {
    font-weight: bold;
    font-size: 22px;
  }
  #content section#map .address-box .box-center .contact .mail a {
    text-transform: none;
    text-decoration: none;
    font-size: 22px;
  }
  #content section#map .address-box .box-center .contact .mail a:hover {
    text-decoration: underline;
  }
}
#content section#form form {
  width: 80%;
  margin: 0 auto;
  padding: 0;
}
#content section#form fieldset {
  margin-bottom: 1%;
}
#content section#form fieldset input {
  width: 49.5%;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#content section#form fieldset input:first-child {
  margin-right: 1%;
  float: left;
}
#content section#form textarea {
  width: 100%;
  max-width: 100%;
  height: 150px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 1%;
}
#content section#form input,
#content section#form textarea {
  font-size: 20px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: 1px solid #cacaca;
}
#content section#form p {
  text-align: center;
}
#content section#form p .btn.btn-black {
  padding: 10px 20px;
  background: #0a0a0a;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #fff;
  text-transform: none;
  text-shadow: 1px 1px 1px #404040;
  font-weight: normal;
  font-size: 18px;
}
#content section#form p .btn.btn-black:hover {
  background: #242424;
}
@media only screen and (max-width: 600px) {
  #content section#form form {
    width: 100%;
  }
  #content section#form fieldset {
    margin-bottom: 0em;
  }
  #content section#form fieldset input {
    width: 100%;
    margin-bottom: 0.3em;
  }
  #content section#form fieldset input:first-child {
    margin-right: 0%;
    float: none;
  }
  #content section#form textarea {
    height: 6em;
    margin-bottom: 0.3em;
  }
  #content section#form input,
  #content section#form textarea {
    font-size: 1.2em;
  }
  #content section#form p .btn.btn-black {
    font-size: 1.2em;
  }
}
#content section#socials .inner {
  text-align: center;
}
#content section#socials ul.socials {
  list-style: none;
  display: inline-block;
  margin: 0;
  padding: 0;
}
#content section#socials ul.socials li {
  display: inline-block;
}
#content section#socials ul.socials li:first-child {
  margin-right: 10px;
}
#content section#socials ul.socials li a {
  display: block;
  width: 90px;
  height: 90px;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#content section#socials ul.socials li a:hover.fb {
  background: #3b5998;
}
#content section#socials ul.socials li a:hover.twitter {
  background: #9ae4e8;
}
@media only screen and (max-width: 600px) {
  #content section#socials .inner {
    text-align: center;
  }
  #content section#socials ul.socials {
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0;
  }
  #content section#socials ul.socials li {
    display: inline-block;
  }
  #content section#socials ul.socials li:first-child {
    margin-right: 10px;
  }
  #content section#socials ul.socials li a {
    display: block;
    width: 90px;
    height: 90px;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }
  #content section#socials ul.socials li a:hover.fb {
    background: #3b5998;
  }
  #content section#socials ul.socials li a:hover.twitter {
    background: #9ae4e8;
  }
}
.dg-container {
  width: 100%;
  height: 375px;
  position: relative;
  overflow-x: hidden;
}
.dg-wrapper {
  width: 481px;
  height: 316px;
  margin: 0 auto;
  position: relative;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  -o-perspective: 1000px;
  -ms-perspective: 1000px;
  perspective: 1000px;
}
.dg-wrapper a {
  width: 482px;
  height: 325px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: transparent url(../images/browser.png) no-repeat top left;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);
}
.dg-wrapper a.dg-transition {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.dg-wrapper a img {
  display: block;
  padding: 22px 0px 11px 0px;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.dg-wrapper a div {
  font-style: italic;
  text-align: center;
  line-height: 50px;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
  color: #333;
  font-size: 16px;
  width: 100%;
  bottom: -55px;
  display: none;
  position: absolute;
}
.dg-wrapper a.dg-center div {
  display: block;
}
.dg-container nav {
  width: 68px;
  position: absolute;
  z-index: 100;
  bottom: 40px;
  left: 50%;
  margin-left: -29px;
}
.dg-container nav span {
  background: #72b1e0;
  padding: 8px 12px;
  text-decoration: none;
  color: #fff;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.dg-container nav span:hover {
  background: #0a0a0a;
}
#content section#project-info {
  padding-top: 0px;
}
#content section#project-info .col {
  text-align: center;
}
#content section#project-info .col ul {
  list-style: none;
  padding: 0;
}
#content section#project-info .col ul li {
  display: block;
}
 .widget_db-reference-info .col:first-of-type ul li span {
  padding: 8px 12px;
  display: block;
  width: 70%;
  margin: 5px auto;
}
#content section#project-info .col h4 {
  padding: 15px 0;
  margin: 0 0 20px 0;
}
#content section#project-info .col a {
  text-decoration: none;
  text-transform: none;
}
#content section#project-info .col a:hover {
  text-decoration: underline;
}
#content section#project-info .col address {
  margin-bottom: 5px;
}
#content section#project-info .col img {
  width: 75px;
  height: 75px;
}
#content section#project-info .col span.price {
  font-size: 30px;
  font-weight: bold;
  display: inline-block;
}
@media only screen and (max-width: 900px) {
  #content section#project-info {
    padding-top: 70px;
  }
  #content section#project-info .col {
    text-align: center;
  }
  #content section#project-info .col ul {
    list-style: none;
    padding: 0;
  }
  #content section#project-info .col ul li {
    display: block;
  }
   .widget_db-reference-info .col:first-of-type ul li span {
    padding: 8px 12px;
    display: block;
    margin: 5px auto;
  }
  #content section#project-info .col h4 {
    padding: 15px 0;
    margin: 0 0 20px 0;
  }
  #content section#project-info .col a {
    text-decoration: none;
    text-transform: none;
  }
  #content section#project-info .col a:hover {
    text-decoration: underline;
  }
  #content section#project-info .col address {
    margin-bottom: 5px;
  }
  #content section#project-info .col img {
    width: 75px;
    height: 75px;
    margin-bottom: 10px;
  }
  #content section#project-info .col span.price {
    font-size: 22px;
    font-weight: bold;
    padding: 10px;
    display: inline-block;
  }
}
@media only screen and (max-width: 600px) {
  #content section#project-info {
    padding-top: 2em;
  }
  #content section#project-info .col {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
  }
  #content section#project-info .col h4 {
    padding: 0;
    margin: 2em 0 1em 0;
    font-weight: bold;
  }
}
/*******************************************************************************************************************
*  HEADER                                                                                                          
*******************************************************************************************************************/
#header {
  z-index: 165;
  position: relative;
  background: #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.home #header {
  z-index: 165;
  position: absolute;
  background: none;
  width: 100%;
  top: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#header.fixed {
  position: fixed;
  width: 100%;
  z-index: 200;
}
#header .hidden {
  display: none !important;
}
#header .inner {
  width: 90%;
  margin: 0 auto;
  display: block;
  padding: 30px 0 25px 0;
  position: relative;
}
#header .inner #logo {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  display: inline-block;
}
#header .inner #logo img {
  max-width: 200px;
}
#header .inner #logo h1 {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
#header .inner .toggle-menu {
  display: inline-block;
  float: right;
  margin-top: 8px;
  text-decoration: none;
  text-transform: none;
  font-size: 20px;
  line-height: 58px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#header .inner .toggle-menu span.menu-ico {
  display: inline-block;
  width: 44px;
  height: 44px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #0a0a0a;
  border: 7px solid #d7d7d7;
  position: relative;
  margin-right: 10px;
  float: left;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.ie8 #header .inner .toggle-menu span.menu-ico {
  background: url('../images/icons/menu-ico.png') 0 0 no-repeat;
  border: none;
  width: 58px;
  height: 58px;
}
.ie8 #header .inner .toggle-menu span.menu-ico:before {
  display: none;
}
#header .inner .toggle-menu span.menu-ico:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 11px;
  width: 24px;
  height: 6px;
  background: #72b1e0;
  box-shadow: 0 8px 0 0 #fff,
				    0 16px 0 0 #fff;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#header .inner .toggle-menu:hover {
  color: #72b1e0;
}
#header .inner .toggle-menu:hover span.menu-ico {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}
#header .inner .toggle-menu:hover span.menu-ico:before {
  background: #fff;
  box-shadow: 0 8px 0 0 #72b1e0, 0 16px 0 0 #72b1e0;
}
#header .inner .socials {
  list-style: none;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
}
#header .inner .socials li {
  display: inline-table;
}
.ie8 #header .inner .socials li {
  position: relative;
  top: -16px;
}
#header .inner .socials li a {
  display: block;
  width: 50px;
  height: 44px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin: 0;
  padding: 0;
  text-align: center;
  color: #fff;
  font-family: "fontawesome", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  text-transform: none;
  text-decoration: none;
  line-height: 62px;
  position: relative;
  top: -22px;
  font-size: 13px;
  background: #c0c0c0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#header .inner .socials li a:hover.fb {
  background: #3b5998;
  top: -18px;
}
#header .inner .socials li a:hover.twitter {
  background: #9ae4e8;
  top: -18px;
}
#header .inner .socials li a:hover.gplus {
  background: #dd4b39;
  top: -18px;
}
#header .inner .socials li a:hover.yt {
  background: #e52d27;
  top: -18px;
}
.ie8 #header .inner .socials li a {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.ie8 #header .inner .socials li a.fb {
  background: url('../images/icons/head-fb.png') 0 -25px no-repeat;
}
.ie8 #header .inner .socials li a.twitter {
  background: url('../images/icons/head-twitter.png') 0 -25px no-repeat;
}
.ie8 #header .inner .socials li a.fb:hover {
  background: url('../images/icons/head-fb-hover.png') 0 -25px no-repeat;
}
.ie8 #header .inner .socials li a.twitter:hover {
  background: url('../images/icons/head-twitter-hover.png') 0 -25px no-repeat;
}
/*******************************************************************************************************************
*  CONTENT                                                                                                         
*******************************************************************************************************************/
.inner {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
#content *[class*=toanimate] {
  opacity: 0;
}
.ie9 #content *[class*=toanimate],
.ie8 #content *[class*=toanimate] {
  opacity: 1;
}
#content div#nav {
  position: fixed;
  top: 0;
  padding-top: 121px;
  display: block;
  width: 100%;
  height: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  background: #72b1e0;
  z-index: 150;
}
#content div#nav * {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  opacity: 0;
}
#content div#nav.open {
  height: 100%;
  visibility: visible;
}
#content div#nav.open * {
  opacity: 1;
}
#content div#nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 55px;
}
#content div#nav ul li a:hover {
  color: #1F1E1E;
}
#content div#nav ul li:last-of-type a {
  border-bottom: none;
}
#content div#nav > div {
  text-align: center;
}
#content div#nav > div .back-link {
  background: #fff;
  border: 1px solid #d7d7d7;
  padding: 7px 8px;
  margin-top: 25px;
  display: inline-block;
  cursor: pointer;
}
#content div#nav > div .back-link .icon-close {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url('../images/icons/close.png') 0 0 no-repeat;
  background-position: center;
  position: relative;
  top: 2px;
  left: -2px;
}
#content div#nav > div .back-link .back-text {
  width: 0;
  margin-right: 0;
  height: auto;
  display: inline-block;
  color: transparent;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#content div#nav > div .back-link:hover .back-text {
  width: 40px;
  color: #aaa;
  margin-right: 5px;
}
#content div#nav-section {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  position: fixed;
  z-index: 175;
  width: 100%;
  background: rgba(255, 255, 255, 0.85);
  top: -65px;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.ie8 #content div#nav-section {
  background: url('../images/ie-transparent-bg.png') 0 0 repeat;
}
#content div#nav-section.open {
  top: 0px;
  opacity: 1;
}
#content div#nav-section ul {
  list-style: none;
  padding: 0;
  display: inline-block;
  margin: 20px 0;
}
#content div#nav-section ul li {
  display: inline-block;
  margin-right: 5px;
}
#content div#nav-section ul li a {
  display: block;
  text-transform: none;
  text-decoration: none;
  color: #0a0a0a;
}
#content div#nav-section ul li a span {
  padding: 8px 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: background 0.4s ease-in-out;
  -moz-transition: background 0.4s ease-in-out;
  -o-transition: background 0.4s ease-in-out;
  transition: background 0.4s ease-in-out;
}
#content div#nav-section ul li a:hover span,
#content div#nav-section ul li a.active span {
  background: #0a0a0a;
  color: #fff;
}
#content div#nav-section a.scrollTopBtn {
  float: right;
  background: #72b1e0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin: 1em 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#content div#nav-section a.scrollTopBtn span {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  width: 32px;
  height: 32px;
  display: block;
  background: url('../images/icons/arrowTop.png') 4px 3px no-repeat;
  background-size: 80%;
}
.ie8 #content div#nav-section a.scrollTopBtn {
  background: url('../images/icons/top-arrow-orange.png') 0 0 no-repeat;
}
.ie8 #content div#nav-section a.scrollTopBtn:hover {
  background: url('../images/icons/top-arrow-hover.png') 0 0 no-repeat;
}
#content div#nav-section a.scrollTopBtn:hover {
  background: #0a0a0a;
}
#content section {
  padding: 50px 0;
  overflow: hidden;
}
#content section h2,
#content section h3 {
  text-align: center;
}
#content section h2 {
  font-size: 40px;
}
#content section h3 {
  font-size: 22px;
}
#content section h4 {
  font-size: 20px;
}
#content section.grey {
  background: #f7f5f1;
}
#content section#slider li h2 {
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 50px;
  width: 55%;
  margin: 110px auto 25px;
  text-shadow: 2px 2px 2px #404040;
}
#content section#slider li p {
  color: #fff;
  text-align: center;
  font-size: 18px;
  line-height: 24px;
  width: 30%;
  margin: 0 auto;
  margin-bottom: 35px;
  text-shadow: 1px 1px 1px #404040;
}
#content section#partners:after {
  content: "";
  display: block;
  width: 40%;
  margin: 0 auto;
  border-bottom: 3px dotted #e5e5e5;
  position: relative;
  bottom: -45px;
}
#content section#references h3 a {
  color: #72b1e0;
}
#content section#references a.carousel-prev,
#content section#references a.carousel-next {
  background: #72b1e0;
}
#content section#references ul.carousel li {
  border: 10px solid #eaeaea;
}
#content section#references ul.carousel li .overlay {
  background: rgba(234, 234, 234, 0.65);
}
#content section#references ul.carousel li .overlay a {
  border-radius: 50%;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0.7);
}
#content section#references ul.carousel li .overlay a:first-of-type:before {
  background: url("../images/icons/eye.png") center center no-repeat;
}
#content section#references ul.carousel li .overlay a:last-of-type:before {
  background: url("../images/icons/link.png") center center no-repeat;
}
#content section#process.parallax ul li:after {
  content: "";
  width: 22px;
  height: 19px;
  background: url('../images/icons/arrowLeft.png') 0 0 no-repeat;
  display: block;
  position: absolute;
  right: -10px;
  top: 110px;
}
#content section#process.parallax ul li:last-of-type:after {
  background: none;
  width: 0;
  height: 0;
}
#content section#process.parallax ul li span {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 3px solid #fff;
  -webkit-box-shadow: 0px 0px 5px #0a0a0a;
  -moz-box-shadow: 0px 0px 5px #0a0a0a;
  box-shadow: 0px 0px 5px #0a0a0a;
}
#content section#process.parallax ul li span.ico-contact:before {
  background: url('../images/icons/ico-contact.png') center center no-repeat;
}
#content section#process.parallax ul li span.ico-analysis:before {
  background: url('../images/icons/ico-analysis.png') center center no-repeat;
}
#content section#process.parallax ul li span.ico-done:before {
  background: url('../images/icons/ico-done.png') center center no-repeat;
}
#content section#process.parallax ul li span.ico-map:before {
  background: url('../images/icons/ico-map.png') center center no-repeat;
}
#content section#price h2 {
  margin-bottom: 0;
}
#content section#price h3 {
  margin-top: 10px;
}
#content section#price-detail h2 {
  width: 60%;
  margin: 15px auto;
}
#content section#price-detail h3 {
  font-size: 28px;
  font-weight: bold;
}
#content section#price-detail p.price {
  font-size: 20px;
}
#content section#price-detail p.price strong {
  font-size: 25px;
}
#content section#price-detail p {
  font-size: 1.2em;
}
#content section#price-detail p a {
  text-transform: none;
  text-decoration: none;
}
#content section#price-detail p a:hover {
  text-decoration: underline;
}
#content section.text-section h1 {
  color: #0a0a0a;
  text-align: center;
  font-weight: bold;
  font-size: 50px;
  margin: 30px 0;
  text-shadow: 2px 2px 8px #bbbbbb;
}
#content section.text-section p.perex {
  width: 60%;
  margin: 0 auto 40px auto;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #5a5a5a;
  text-shadow: 0px 0px 15px #cccccc;
}
#content section.text-section .text-columns-2 {
  width: 80%;
  margin: 0 auto;
  text-shadow: 0px 0px 0px #9a9a9a;
}
#content section.text-section .text-columns-small {
  width: 80%;
  margin: 0 auto;
  text-shadow: 0px 0px 0px #9a9a9a;
  text-align: center;
}
#content section#product {
  background: #ffffff url('../images/product-bg.jpg') center center no-repeat;
  background-size: cover;
}
#content section#references-desc {
  background: #ffffff url('../images/product-bg.jpg') center center no-repeat;
  background-size: cover;
}
#content section#about-us {
  background: #ffffff url('../images/product-bg.jpg') center center no-repeat;
  background-size: cover;
}
#content section#references-list ul.references li {
  border: 10px solid #eaeaea;
}
#content section#references-list ul.references li .overlay {
  background: rgba(234, 234, 234, 0.65);
}
#content section#references-list ul.references li .overlay a {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0.7);
}
#content section#references-list ul.references li .overlay a:first-of-type:before {
  background: url("../images/icons/eye.png") center center no-repeat;
}
#content section#references-list ul.references li .overlay a:last-of-type:before {
  background: url("../images/icons/link.png") center center no-repeat;
}
#content section#gallery {
  padding-top: 80px;
}
#content section#project-desc h1 {
  text-shadow: none;
}
#content section#project-desc:after {
  content: "";
  display: block;
  width: 40%;
  margin: 0 auto;
  border-bottom: 3px dotted #e5e5e5;
  position: relative;
  bottom: -60px;
}
.widget_db-reference-info .col:first-of-type ul {
  list-style:none;
}
 .widget_db-reference-info .col:first-of-type ul li span {
  color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #72b1e0;
  list-style:none;
  text-align: center;
}
 .widget_db-reference-info .col:first-of-type ul li span.tag-collaborative-working {
  background: #f1c40f;
}
 .widget_db-reference-info .col:first-of-type ul li span.tag-project-management {
  background: #0d0d0d;
}
 .widget_db-reference-info .col:first-of-type ul li span.tag-people-management {
  background: #7f7f7f;
}
 .widget_db-reference-info .col:first-of-type ul li span.tag-communication-skills {
  background: #ff0000;
}
 .widget_db-reference-info .col:first-of-type ul li span.tag-problem-solving {
  background: #31859c;
}
 .widget_db-reference-info .col:first-of-type ul li span.tag-research-skills {
  background: #254061;
}
 .widget_db-reference-info .col:first-of-type ul li span.tag-idea-generation {
  background: #800000;
}
 .widget_db-reference-info .col:first-of-type ul li span.tag-data-handling {
  background: #187375;
}
 .widget_db-reference-info .col:first-of-type ul li span.tag-critical-thinking {
  background: #e46c0a;
}
 .widget_db-reference-info .col:first-of-type ul li span.tag-analysis-skills {
  background: #000090;
}
#content section#project-info .col a {
  color: #72b1e0;
}
#content section#project-info .col a:hover {
  color: #0a0a0a;
}
#content section#project-info .col img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #d7d7d7;
  margin-bottom: 10px;
}
#content section#project-info .col span.price {
  padding: 20px;
  background: #0a0a0a;
  color: #fff;
}
#content section#managers ul li:last-child,
#content section#team ul li:last-child {
  margin-right: 0;
}
#content section#managers ul li img,
#content section#team ul li img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 6px solid #d7d7d7;
  width: 120px;
  height: 120px;
}
#content section#managers ul li .person,
#content section#team ul li .person {
  border: 1px solid #d7d7d7;
  background: #fff;
}
#content section#managers ul li .person .person-info a:hover,
#content section#team ul li .person .person-info a:hover {
  color: #72b1e0;
}
#content section#managers ul li .person .motto,
#content section#team ul li .person .motto {
  background: #d7d7d7;
}
#content section#team ul li img {
  width: 75px;
  height: 75px;
}
#content section#map .address-box {
  position: absolute;
  width: 80%;
  bottom: 5px;
  left: 50%;
  margin-left: -40%;
  background: #fff;
  -webkit-box-shadow: 0 0 15px #6a6a6a;
  -moz-box-shadow: 0 0 15px #6a6a6a;
  box-shadow: 0 0 15px #6a6a6a;
}
#content section#map .address-box h2 {
  margin: 32px 20px 0 20px;
  padding-bottom: 28px;
  border-bottom: 1px solid #cacaca;
  color: #7a7a7a;
}
#content section#map .address-box .box {
  color: #7a7a7a;
  min-height: 115px;
}
#content section#map .address-box .box h3 {
  background: #fff;
  position: relative;
  top: -14px;
}
#content section#map .address-box .box-left,
#content section#map .address-box .box-center {
  border-right: 1px solid #cacaca;
}
#content section#socials ul.socials li a {
  font-family: "socIcons", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  line-height: 105px;
  font-size: 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #404040;
  color: #fff;
}
.btn.btn-filled-orange span {
  padding: 10px 30px;
  background: #72b1e0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #fff;
  text-transform: none;
  text-shadow: 1px 1px 1px #404040;
  font-weight: normal;
  font-size: 18px;
  -webkit-box-shadow: 0px 3px 8px #404040;
  -moz-box-shadow: 0px 3px 8px #404040;
  box-shadow: 0px 3px 8px #404040;
}
.btn.btn-filled-orange span:hover {
  background: #0a0a0a;
}
.btn.btn-transparent span {
  padding: 8px 20px;
  border: 1px solid #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #fff;
  text-transform: none;
  text-shadow: 1px 1px 1px #404040;
  font-weight: normal;
  font-size: 18px;
  -webkit-box-shadow: 0px 3px 8px #404040;
  -moz-box-shadow: 0px 3px 8px #404040;
  box-shadow: 0px 3px 8px #404040;
}
.btn.btn-transparent span:hover {
  border: 1px solid #72b1e0;
  color: #72b1e0;
}
.btn.btn-black span {
  padding: 10px 20px;
  background: #0a0a0a;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #fff;
  text-transform: none;
  text-shadow: 1px 1px 1px #404040;
  font-weight: normal;
  font-size: 18px;
  -webkit-box-shadow: 0px 2px 8px #404040;
  -moz-box-shadow: 0px 2px 8px #404040;
  box-shadow: 0px 2px 8px #404040;
}
.btn.btn-black span:hover {
  background: #242424;
}
/*
 * jQuery FlexSlider v1.4
 * http://flex.madebymufffin.com
 *
 * Copyright 2011, Tyler Smith
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
/* FlexSlider Necessary Styles
*********************************/
.ie9 #slider,
.ie8 #slider {
  width: 100%;
  padding: 0;
  margin: 0;
}
.ie9 #slider .anim-slider,
.ie8 #slider .anim-slider {
  padding: 0;
  margin: 0;
  left: 0;
}
.ie9 #slider .anim-slider li,
.ie8 #slider .anim-slider li {
  display: none;
  padding: 0;
  margin: 0;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */
.ie9 #slider .anim-slider img,
.ie8 #slider .anim-slider img {
  max-width: 100%;
  display: block;
  padding: 0;
  margin: 0;
}
/* FlexSlider Default Theme
*********************************/
.ie9 #slider,
.ie8 #slider {
  background: #fff;
  position: relative;
}
.ie9 #slider .anim-slider li,
.ie8 #slider .anim-slider li {
  position: relative;
}
.ie9 #slider .anim-slider li > *,
.ie8 #slider .anim-slider li > * {
  z-index: 5;
  position: relative;
  top: -500px;
}
.ie9 #slider .anim-slider li > img,
.ie8 #slider .anim-slider li > img {
  z-index: 0;
  position: relative;
  top: 0px;
  opacity: 1;
}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.ie9 #slider-container,
.ie8 #slider-container {
  position: relative;
}
/* Caption style */
.ie9 .flex-caption,
.ie8 .flex-caption {
  width: 96%;
  padding: 2%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  font-size: 15px;
  line-height: 18px;
}
/* Direction Nav */
.ie9 .flex-direction-nav,
.ie8 .flex-direction-nav {
  list-style: none;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.ie9 .flex-direction-nav li a,
.ie8 .flex-direction-nav li a {
  width: 52px;
  height: 52px;
  margin: -13px 0 0;
  display: block;
  background: url(../images/icons/bg_direction_nav.png) no-repeat 0 0;
  position: absolute;
  top: 50%;
  cursor: pointer;
  text-indent: -9999px;
}
/* set negative margin-top equal to half the height on the directional-nav for perfect vertical centering */
.ie9 .flex-direction-nav li a.next,
.ie8 .flex-direction-nav li a.next {
  background-position: -52px 0;
  right: 21px;
}
.ie9 .flex-direction-nav li a.prev,
.ie8 .flex-direction-nav li a.prev {
  background-position: 0 0;
  left: 21px;
}
/* Control Nav */
.ie9 .flex-control-nav,
.ie8 .flex-control-nav {
  display: none;
}
/* set negative margin-left equal to half the width on the control-nav for perfect centering */
.ie9 .flex-control-nav li,
.ie8 .flex-control-nav li {
  margin: 0 0 0 5px;
  float: left;
}
.ie9 .flex-control-nav li:first-child,
.ie8 .flex-control-nav li:first-child {
  margin: 0;
}
.ie9 .flex-control-nav li a,
.ie8 .flex-control-nav li a {
  width: 13px;
  height: 13px;
  display: block;
  background: url(../images/icons/bg_control_nav.png) no-repeat 0 0;
  cursor: pointer;
  text-indent: -9999px;
}
.ie9 .flex-control-nav li a:hover,
.ie8 .flex-control-nav li a:hover {
  background-position: 0 -13px;
}
.ie9 .flex-control-nav li a.active,
.ie8 .flex-control-nav li a.active {
  background-position: 0 -26px;
  cursor: default;
}
.ie9 .anim-arrows,
.ie8 .anim-arrows {
  display: none;
}
.ie9 .anim-slide.clone {
  display: none;
}
.link-back {
  *zoom: 1;
  margin: 25px 0 15px 0;
}
.link-back:before,
.link-back:after {
  content: "";
  display: table;
}
.link-back:after {
  clear: both;
}
.link-back a {
  text-decoration: none;
  -webkit-transition: 0.3s all ease-in-out;
  -moz-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.link-back a span {
  background: #72b1e0;
  padding: 5px 15px;
  color: #fff;
  text-decoration: none;
  border-radius: 15px;
  font-weight: normal;
  text-transform: none;
  -webkit-transition: 0.3s all ease-in-out;
  -moz-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.link-back a:hover span {
  background: #ADBED4;
}
.entry-content * {
  max-width: 100% !important;
}
.entry-content a {
  text-transform: none;
}
.entry-content form#searchform {
  padding: 0;
  margin-bottom: 30px;
  position: relative;
}
.entry-content form#searchform div.input {
  padding-right: 105px;
}
.entry-content form#searchform div.send-btn {
  position: absolute;
  top: 0;
  right: 0;
}
.entry-content form#searchform input {
  font-size: 20px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: 1px solid #cacaca;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.entry-content form#searchform button span {
  display: block;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
}
.filters {
  color: #fff;
}
.filters form#searchform {
  padding: 0;
  margin-bottom: 30px;
  position: relative;
}
.filters form#searchform div.input {
  padding-right: 105px;
}
.filters form#searchform div.send-btn {
  position: absolute;
  top: 0;
  right: 0;
}
.filters form#searchform input {
  font-size: 20px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: 1px solid #cacaca;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.filters form#searchform button span {
  display: block;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
}
.filters > section.solidcolor {
  background: #72b1e0;
}
.filters > section.backgrounded {
  background: url('../images/product-bg.jpg') 0 0 no-repeat;
}
.filters .inner aside.two-cols {
  margin: 0 5%;
}
.filters .inner aside.two-cols > div:first-child {
  display: block;
  width: 100%;
  clear: both;
}
.filters .inner aside.two-cols > div:nth-child(2) {
  margin-left: 0;
}
.filters .inner aside.two-cols > div select {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: 1px solid #cacaca;
  color: #404040;
  font-size: inherit;
  padding: 5px 10px 5px 10px;
  width: 100%;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.filters .inner aside.two-cols > div p.sidebar-headline {
  text-transform: uppercase;
  font-size: 20px;
  margin-bottom: 0;
  padding: 5px 10px;
  display: inline-block;
  color: #C7C7C7;
  font-weight: bold;
  position: relative;
}
.filters .inner aside.two-cols > div ul {
  padding: 10px;
  margin: 0;
  list-style: none;
}
.filters .inner aside.two-cols > div ul li.hidden {
  display: none;
}
.filters .inner aside.two-cols > div ul li a {
  text-decoration: none;
  text-transform: none;
}
.filters .inner aside.two-cols > div ul li a:hover {
  color: #72b1e0;
}
nav.post-nav .pager {
  list-style: none;
  *zoom: 1;
}
nav.post-nav .pager:before,
nav.post-nav .pager:after {
  content: "";
  display: table;
}
nav.post-nav .pager:after {
  clear: both;
}
nav.post-nav .pager li a {
  background: #72b1e0;
  padding: 5px 15px;
  color: #fff;
  text-decoration: none;
  border-radius: 15px;
  font-weight: normal;
  text-transform: none;
  -webkit-transition: 0.3s all ease-in-out;
  -moz-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
nav.post-nav .pager li a:hover {
  background: #adbed4;
}
.timeline {
  margin: 30px 0 0 0;
  padding: 0;
  list-style: none;
  position: relative;
}
/* The line */
.timeline:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 10px;
  background: #72b1e0;
  left: 130px;
  margin-left: -10px;
}
/* The date/time */
.timeline > article {
  position: relative;
}
.timeline > article .cbp_tmtime {
  display: block;
  width: 100px;
  padding-right: 25px;
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.timeline > article .cbp_tmtime span {
  display: block;
  text-align: right;
}
.timeline > article .cbp_tmtime > span:first-child a {
  text-transform: none;
  text-decoration: none;
  font-size: 0.9em;
  color: #bababa;
  max-width: 75px;
  height: auto;
  line-height: 1.2em;
  margin-bottom: 5px;
}
.timeline > article .cbp_tmtime > span:first-child a:hover {
  color: #6a6a6a;
}
.timeline > article .cbp_tmtime .date-box {
  background: #cfcfcf;
  padding: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 75px;
  color: #fff;
  text-align: center;
}
.timeline > article .cbp_tmtime .date-box:first-of-type {
  height: 75px;
  margin-bottom: 3px;
  background: #72b1e0;
}
.timeline > article .cbp_tmtime .date-box:first-of-type span {
  line-height: 10px;
}
.timeline > article .cbp_tmtime .date-box:first-of-type span:first-of-type {
  font-size: 40px;
  line-height: 45px;
}
.timeline > article .cbp_tmtime .date-box span {
  color: #fff;
  text-align: center;
  font-size: 18px;
  line-height: 18px;
  text-transform: uppercase;
}
/* Right content */
.timeline > article .cbp_tmlabel {
  margin: 0 0 15px 185px;
  background: #f6f6f6;
  color: #6a6a6a;
  padding: 2em;
  font-size: 1.2em;
  font-weight: 300;
  line-height: 1.4;
  position: relative;
  border-radius: 5px;
}
.timeline > article .cbp_tmlabel .entry-thumbnail {
  display: inline-block;
  float: left;
}
.timeline > article .cbp_tmlabel .entry-thumbnail a {
  max-width: 100%;
}
.timeline > article .cbp_tmlabel .entry-thumbnail a img {
  max-width: 100%;
  height: auto;
  margin-bottom: 15px;
  margin-right: 15px;
}
.timeline > article .cbp_tmlabel .entry-content {
  *zoom: 1;
}
.timeline > article .cbp_tmlabel .entry-content:before,
.timeline > article .cbp_tmlabel .entry-content:after {
  content: "";
  display: table;
}
.timeline > article .cbp_tmlabel .entry-content:after {
  clear: both;
}
.timeline > article .cbp_tmlabel .entry-bottom {
  *zoom: 1;
  margin: 0px;
  padding: 25px 0 0 0;
  border-top: 2px solid #fff;
}
.timeline > article .cbp_tmlabel .entry-bottom:before,
.timeline > article .cbp_tmlabel .entry-bottom:after {
  content: "";
  display: table;
}
.timeline > article .cbp_tmlabel .entry-bottom:after {
  clear: both;
}
.timeline > article .cbp_tmlabel .entry-bottom .tags p {
  margin: 0;
}
.timeline > article .cbp_tmlabel .entry-bottom .tags a {
  padding: 5px;
  text-decoration: none;
  background: #72b1e0;
  color: #fff;
  font-weight: normal;
  font-size: 12px;
  position: relative;
  top: -5px;
}
.timeline > article .cbp_tmlabel .entry-bottom .tags a:hover {
  background: #ADBED4;
}
.timeline > article .cbp_tmlabel .entry-bottom .socials img {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.timeline > article .cbp_tmlabel header {
  margin-top: 0px;
  margin-bottom: 15px;
  padding: 0 0 10px 0;
  border-bottom: 2px solid #fff;
}
.timeline > article .cbp_tmlabel header h2 {
  margin: 0;
  font-weight: bold;
}
.timeline > article .cbp_tmlabel header h2 a {
  text-decoration: none;
}
.timeline > article .cbp_tmlabel header h2 a:hover {
  color: #72b1e0;
}
.timeline > article .cbp_tmlabel header p {
  margin: 0;
  font-size: 12px;
}
.timeline > article .cbp_tmlabel header p a {
  text-decoration: none;
}
.timeline > article .cbp_tmlabel header p a:hover {
  color: #72b1e0;
}
/* The triangle */
.timeline > article .cbp_tmlabel:after {
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-right-color: #f6f6f6;
  border-width: 10px;
  top: 10px;
}
.timeline > article .cbp_tmlabel.detail-box:after {
  display: none;
}
.timeline.author-wrap > article article:nth-child(odd) {
  clear: both;
  margin-left: 0;
}
.timeline.author-wrap > article article .cbp_tmlabel.related-box {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2em;
  margin-bottom: 2%;
  background: #fff;
}
.timeline.author-wrap > article article .cbp_tmlabel.related-box header {
  border-bottom: 2px solid #f6f6f6;
  margin-bottom: 8px;
}
.timeline.author-wrap > article article .cbp_tmlabel.related-box header h2 {
  font-size: 20px;
}
.timeline.author-wrap > article article .cbp_tmlabel.related-box:after {
  content: none;
}
.timeline.author-wrap > article article .cbp_tmlabel.related-box .entry-thumbnail {
  max-width: 30%;
}
.timeline.author-wrap > article article .cbp_tmlabel.related-box .entry-thumbnail img {
  margin: 0;
  padding: 0 10px 10px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.timeline.author-wrap > article article .cbp_tmlabel.related-box .entry-content {
  font-size: 12px;
  line-height: 14px;
}
.timeline.author-wrap > article article .cbp_tmlabel.related-box .entry-content p {
  margin: 0;
}
.timeline > article .cbp_tmlabel.author-box {
  display: table;
}
.timeline > article .cbp_tmlabel.author-box .author-photo {
  display: table-cell;
  padding-right: 20px;
}
.timeline > article .cbp_tmlabel.author-box .author-photo a img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  min-height: 100px;
  min-width: 100px;
}
.timeline > article .cbp_tmlabel.author-box .author-info {
  display: table-cell;
  vertical-align: top;
  min-width: 100%;
  width: 100%;
}
.timeline > article .cbp_tmlabel.author-box .author-info h2 {
  margin: 0 0 8px 0;
}
.timeline > article .cbp_tmlabel.author-box .author-info h2 a {
  text-decoration: none;
  text-transform: none;
}
.timeline > article .cbp_tmlabel.author-box .author-info h2 a:hover {
  color: #72b1e0;
}
.timeline > article .cbp_tmlabel.author-box .author-info p.desc {
  line-height: 1.2em;
}
/* The icons */
.timeline > article .cbp_tmicon {
    width: 56px;
    height: 56px;
    font-family: "fontawesome", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 1.4em;
    line-height: 56px;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    color: rgba(255, 255, 255, 0.75);
    background: #72b1e0;
    border-radius: 50%;
    text-align: center;
    left: 122px;
    top: 0;
    margin: 0 0 0 -25px;
}
.timeline.author-wrap:before {
  left: 80px;
}
.timeline.author-wrap > article .cbp_tmicon {
  width: 80px;
  height: 80px;
  margin: 0 0 0 -45px;
  left: 80px;
}
.timeline.author-wrap > article .cbp_tmicon:before {
  content: none !important;
}
.timeline.author-wrap > article .cbp_tmicon img {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.timeline.author-wrap .cbp_tmlabel {
  margin: 0 0 15px 155px;
}
.timeline > article .cbp_comments_cnt {
  width: 30px;
  height: 30px;
  font-family: 'ecoico';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1.4em;
  line-height: 30px;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  color: #fff;
  background: #72b1e0;
  border-radius: 50%;
  text-align: center;
  left: 135px;
  top: 60px;
  margin: 0 0 0 -25px;
}
.category-bezpecnost .cbp_tmicon:before {
  content: "\f132";
}
.category-analysis .cbp_tmicon:before {
  content: "\f201";
}
.category-elektronicke-volby .cbp_tmicon:before {
  content: "\f0a4";
}
.category-mobilni-weby-a-vse-okolo .cbp_tmicon:before {
  content: "\f10b";
}
.category-drosera-projekty .cbp_tmicon:before {
  content: "\f13d";
}
.category-nepublikovano .cbp_tmicon:before {
  content: "\f02d";
}
.category-update .cbp_tmicon:before {
  content: "\f1fa";
}
.category-nezarazene .cbp_tmicon:before {
  content: "\f235";
}
.category-praha .cbp_tmicon:before {
  content: "\f0f7";
}
.category-prikladova-studie .cbp_tmicon:before {
  content: "\f0c3";
}
.category-seo-omyly-fakta-souvislosti .cbp_tmicon:before {
  content: "\f21e";
}
.category-tipy-a-vychytavky .cbp_tmicon:before {
  content: "\f084";
}
.category-weby .cbp_tmicon:before {
  content: "\f109";
}
.category-zaklady-na-internetu .cbp_tmicon:before {
  content: "\f121";
}
.timeline.author-wrap .category-zaklady-na-internetu .cbp_tmicon:before {
  display: none;
}
#comment-tabs ul.controls li span {
  text-transform: none;
  font-weight: normal;
}
#comment-tabs ul.controls li img {
  width: 24px !important;
}
/*******************************************************************************************************************
*  FOOTER                                                                                                         
*******************************************************************************************************************/
#footer {
  display: block;
  width: 100%;
}
#footer *[class*=toanimate] {
  opacity: 0;
}
.ie9 #footer *[class*=toanimate],
.ie8 #footer *[class*=toanimate] {
  opacity: 1;
}
#footer .inner {
  width: 90%;
  margin: 0 auto;
  display: block;
}
#footer .prefooter {
  background: #72b1e0;
  padding: 35px 0 20px 0;
}
#footer .prefooter .col {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px;
}
#footer .prefooter form {
  padding: 10px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#footer .prefooter form p {
  font-size: 20px;
  line-height: 22px;
}
#footer .prefooter form fieldset {
  margin-bottom: 10px;
}
#footer .prefooter form fieldset label {
  display: block;
}
#footer .prefooter form fieldset > input {
  width: 49.5%;
}

#footer .prefooter form input,
#footer .prefooter form textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: 1px solid #cacaca;
}
#footer .prefooter form .btn.btn-black {
  padding: 8px 20px;
  background: #0a0a0a;
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #fff;
  text-transform: none;
  text-shadow: 1px 1px 1px #404040;
  font-weight: normal;
  font-size: 18px;
}
#footer .prefooter form .btn.btn-black:hover {
  background: #242424;
}
#footer .prefooter .main-contact {
  padding: 10px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#footer .prefooter .main-contact p {
  font-size: 20px;
  line-height: 22px;
}
#footer .prefooter .main-contact img {
  width: 30%;
  min-width: 125px;
  max-width: 175px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: block;
  margin: 0 auto 20px auto;
}
#footer .prefooter .main-contact .contact {
  display: block;
  text-align: center;
}
#footer .prefooter .main-contact .contact span {
  display: block;
  font-size: 25px;
  margin-bottom: 5px;
}
#footer .prefooter .main-contact .contact a {
  text-decoration: none;
  text-transform: none;
}
#footer .prefooter .main-contact .contact a:hover {
  text-decoration: underline;
}
#footer .main-footer {
  background: #0a0a0a;
  padding: 15px 0 5px;
  overflow-y: hidden;
}
#footer .main-footer p.copyright {
  display: inline-block;
  line-height: 52px;
  margin: 0;
  padding: 0;
}
#footer .main-footer p.scrollTop {
  display: block;
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 0;
  position: absolute;
}
#footer .main-footer p.scrollTop a {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  background: #404040;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  width: 50px;
  height: 50px;
  position: relative;
  bottom: 36px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.ie8 #footer .main-footer p.scrollTop a {
  background: url('../images/icons/foot-top-arrow.png') 0 0 no-repeat;
}
.ie8 #footer .main-footer p.scrollTop a:before {
  display: none;
}
.ie8 #footer .main-footer p.scrollTop a:hover {
  background: url('../images/icons/foot-top-arrow-hover.png') 0 0 no-repeat;
}
#footer .main-footer p.scrollTop a:before {
  content: "";
  background: url('../images/icons/arrowTop.png') 0 0 no-repeat;
  display: block;
  width: 30px;
  height: 20px;
  position: absolute;
  background-size: 100%;
  background-position: center;
  left: 10px;
  top: 5px;
}
#footer .main-footer p.scrollTop a:hover {
  background: #72b1e0;
}
#footer .main-footer ul.socials {
  list-style: none;
  float: right;
  display: inline-block;
  margin: 0;
  padding: 0;
}
#footer .main-footer ul.socials li {
  display: inline-block;
}
#footer .main-footer ul.socials li a {
  display: block;
  width: 44px;
  height: 44px;
  font-family: "fontawesome", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  text-align: center;
  line-height: 44px;
  font-size: 16px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #404040;
  text-decoration: none;
  text-transform: none;
  color: #fff;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.ie8 #footer .main-footer ul.socials li a {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.ie8 #footer .main-footer ul.socials li a.fb {
  background: url('../images/icons/fb-ico.png') 0 0 no-repeat;
}
.ie8 #footer .main-footer ul.socials li a.twitter {
  background: url('../images/icons/twitter-ico.png') 0 0 no-repeat;
}
#footer .main-footer ul.socials li a:hover.fb {
  background: #3b5998;
}
#footer .main-footer ul.socials li a:hover.twitter {
  background: #9ae4e8;
}
#footer .main-footer ul.socials li a:hover.gplus {
  background: #dd4b39;
}
#footer .main-footer ul.socials li a:hover.yt {
  background: #e52d27;
}
.ie8 #footer .main-footer ul.socials li a.fb:hover {
  background: url('../images/icons/fb-ico-hover.png') 0 0 no-repeat;
}
.ie8 #footer .main-footer ul.socials li a.twitter:hover {
  background: url('../images/icons/twitter-ico-hover.png') 0 0 no-repeat;
}
#footer .main-contact a {
  text-transform: lowercase;
  color: #404040;
  text-decoration: none;
}
#footer .main-contact a:hover {
  color: #adbed4;
}
/*******************************************************************************************************************
*  OTHERS                                                                                                         
*******************************************************************************************************************/
@media print and print {
  #header a#logo {
    color: #000;
    font-size: 3.0em;
    margin: 0 0 10px !important;
  }
  #header #main-menu {
    display: none;
  }
  #header #search {
    display: none;
  }
  #header #likeButton {
    display: none;
  }
  #content img {
    display: none !important;
  }
  #content * {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    color: #000 !important;
    background: none !important;
    box-shadow: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none !important;
    position: relative !important;
    line-height: 1.2em !important;
    text-decoration: none !important;
    opacity: 1 !important;
  }
  #content a.more {
    display: none !important;
  }
  #content .date {
    margin-bottom: 15px !important;
  }
  #content h1 span {
    display: inline !important;
  }
  #content h2 span {
    display: inline !important;
  }
  #content .button {
    display: none !important;
  }
  #content .topics {
    display: none !important;
  }
  #content .friends {
    display: none !important;
  }
  #content .books {
    display: none !important;
  }
  #content .meeting,
  #content .article {
    margin-bottom: 0 !important;
  }
  .sep {
    margin: 10px 0 !important;
  }
}
/*******************************************************************************************************************
*  RESPONSIVE                                                                                                         
*******************************************************************************************************************/
@media only screen and (max-width: 600px) {
  .inner {
    max-width: 94%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  .three-cols .col {
    display: block;
    width: 90%;
    margin: 0 5%;
    padding: 0;
  }
}
@media only screen and (max-width: 1235px) {
  #content section#slider li h2 {
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 42px;
    width: 55%;
    margin: 80px auto 20px;
    text-shadow: 2px 2px 2px #404040;
  }
  #content section#slider li p {
    color: #fff;
    text-align: center;
    font-size: 18px;
    line-height: 20px;
    width: 45%;
    margin: 0 auto;
    margin-bottom: 30px;
    text-shadow: 1px 1px 1px #404040;
  }
}
@media only screen and (max-width: 900px) {
  #content div#nav-section {
    display: none;
  }
  #content section#process.parallax ul li span.ico-contact:before {
    background: url('../images/icons/ico-contact.png') center center no-repeat;
    background-size: 100%;
  }
  #content section#process.parallax ul li span.ico-analysis:before {
    background: url('../images/icons/ico-analysis.png') center center no-repeat;
    background-size: 100%;
  }
  #content section#process.parallax ul li span.ico-done:before {
    background: url('../images/icons/ico-done.png') center center no-repeat;
    background-size: 100%;
  }
  #content section#process.parallax ul li span.ico-map:before {
    background: url('../images/icons/ico-map.png') center center no-repeat;
    background-size: 100%;
  }
  #content section.text-section h1 {
    font-size: 2.2em;
    margin: 1.2em 0;
  }
  #content section.text-section p.perex {
    width: 80%;
    margin: 0 auto 1.2em auto;
    font-size: 1.2em;
  }
  #content section.text-section .text-columns-2 {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
    -moz-column-gap: 0;
    -webkit-column-gap: 0;
    column-gap: 0;
    text-align: center;
  }
  #content section#references-list ul.references li {
    border: 5px solid #eaeaea;
  }
  #content section#team ul li img {
    width: 75px;
    height: 75px;
  }
  #content section#map .address-box {
    position: relative;
    width: 80%;
    bottom: 80px;
    left: 0%;
    margin: 0% auto;
    background: #fff;
    -webkit-box-shadow: 0 0 15px #6a6a6a;
    -moz-box-shadow: 0 0 15px #6a6a6a;
    box-shadow: 0 0 15px #6a6a6a;
  }
  #content section#map .address-box h2 {
    margin: 0 10%;
    padding: 20px;
    border-bottom: 1px solid #cacaca;
    color: #7a7a7a;
  }
  #content section#map .address-box .box {
    color: #7a7a7a;
  }
  #content section#map .address-box .box h3 {
    background: #fff;
    position: relative;
    top: -14px;
  }
  #content section#map .address-box .box-left,
  #content section#map .address-box .box-center {
    border-bottom: 1px solid #cacaca;
  }
  #content section#map .address-box .box-right h3 {
    top: -30px;
  }
  #content section#slider li h2 {
    font-size: 2.5em;
    width: 55%;
    margin: 2em auto 1.1em;
  }
  #content section#slider li p {
    font-size: 1.5em;
    line-height: 1.4em;
    width: 65%;
    margin-bottom: 1.3px;
  }
  #content section#slider li a.btn {
    display: inline-block;
    margin-top: 1.2em;
  }
}
@media only screen and (max-width: 600px) {
  #content *[class*=toanimate] {
    opacity: 1;
  }
  #content div#nav {
    padding-top: 83px;
  }
  #content div#nav ul {
    margin-top: 10px;
  }
  #content div#nav ul li a {
    width: 80%;
    padding: 18px 0;
    font-size: 20px;
  }
  #content div#nav-section {
    display: none;
  }
  #content section {
    padding: 25px 0;
    overflow: hidden;
  }
  #content section h2,
  #content section h3 {
    text-align: center;
  }
  #content section h2 {
    font-size: 1.65em;
  }
  #content section h3 {
    font-size: 1.35em;
  }
  #content section h4 {
    font-size: 1.2em;
  }
  #content section.grey {
    background: #f7f5f1;
  }
  #content section#slider li h2 {
    font-size: 2em;
    line-height: 1.1em;
    width: 70%;
    margin: 1.3em auto 1em;
  }
  #content section#slider li p {
    font-size: 1.1em;
    line-height: 1.15em;
    width: 80%;
    margin-bottom: 0.3em;
  }
  #content section#slider li a.btn {
    float: none;
    clear: both;
    margin-top: 1.25em;
    display: block;
  }
  #content section#slider li a.btn:first-of-type {
    margin-top: 1.5em;
  }
  #content section#partners:after {
    content: "";
    display: block;
    width: 40%;
    margin: 0 auto;
    border-bottom: 0.2em dotted #e5e5e5;
    position: relative;
    bottom: -45px;
  }
  #content section#process.parallax ul li span.ico-contact:before {
    background: url('../images/icons/ico-contact.png') center center no-repeat;
    background-size: 100%;
  }
  #content section#process.parallax ul li span.ico-analysis:before {
    background: url('../images/icons/ico-analysis.png') center center no-repeat;
    background-size: 100%;
  }
  #content section#process.parallax ul li span.ico-done:before {
    background: url('../images/icons/ico-done.png') center center no-repeat;
    background-size: 100%;
  }
  #content section#process.parallax ul li span.ico-map:before {
    background: url('../images/icons/ico-map.png') center center no-repeat;
    background-size: 100%;
  }
  #content section.text-section h1 {
    font-size: 2.2em;
    margin: 1.2em 0;
  }
  #content section.text-section p.perex {
    width: 80%;
    margin: 0 auto 1.2em auto;
    font-size: 1.2em;
  }
  #content section.text-section .text-columns-2 {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
    -moz-column-gap: 0;
    -webkit-column-gap: 0;
    column-gap: 0;
    text-align: center;
  }
  #content section#references-list ul.references li {
    border: 5px solid #eaeaea;
  }
  #content section#gallery {
    padding-top: 2em;
  }
  #content section#gallery nav {
    margin-top: 1em;
    display: block;
  }
  #content section#team ul li img {
    width: 75px;
    height: 75px;
  }
  #content section#map .address-box {
    position: relative;
    width: 90%;
    margin: 0 auto;
    bottom: 5em;
    left: 0;
  }
  #content section#map .address-box .box {
    color: #7a7a7a;
  }
  #content section#map .address-box .box h3 {
    position: static;
    top: -14px;
  }
  #content section#socials ul.socials li a {
    font-family: "socIcons", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    line-height: 105px;
    font-size: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #404040;
    color: #fff;
  }
  .btn.btn-filled-orange span {
    padding: 10px 30px;
    background: #72b1e0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #fff;
    text-transform: none;
    text-shadow: 1px 1px 1px #404040;
    font-weight: normal;
    font-size: 18px;
    -webkit-box-shadow: 0px 3px 8px #404040;
    -moz-box-shadow: 0px 3px 8px #404040;
    box-shadow: 0px 3px 8px #404040;
  }
  .btn.btn-filled-orange span:hover {
    background: #0a0a0a;
  }
  .btn.btn-transparent span {
    padding: 8px 20px;
    border: 1px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #fff;
    text-transform: none;
    text-shadow: 1px 1px 1px #404040;
    font-weight: normal;
    font-size: 18px;
    -webkit-box-shadow: 0px 3px 8px #404040;
    -moz-box-shadow: 0px 3px 8px #404040;
    box-shadow: 0px 3px 8px #404040;
  }
  .btn.btn-transparent span:hover {
    border: 1px solid #72b1e0;
    color: #72b1e0;
  }
  .btn.btn-black span {
    padding: 10px 20px;
    background: #0a0a0a;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #fff;
    text-transform: none;
    text-shadow: 1px 1px 1px #404040;
    font-weight: normal;
    font-size: 18px;
    -webkit-box-shadow: 0px 2px 8px #404040;
    -moz-box-shadow: 0px 2px 8px #404040;
    box-shadow: 0px 2px 8px #404040;
  }
  .btn.btn-black span:hover {
    background: #242424;
  }
}
@media screen and (max-width: 47.2em) {
  .filters .inner aside.two-cols > div {
    display: block;
    width: 100%;
  }
  .timeline:before {
    display: none;
  }
  .timeline > article .cbp_tmtime {
    width: 100%;
    position: relative;
    padding: 0 0 20px 0;
  }
  .timeline > article .cbp_tmtime .date-box {
    background: none !important;
    color: #72b1e0;
    display: inline-block;
    height: auto !important;
    width: auto !important;
    padding: 0;
  }
  .timeline > article .cbp_tmtime .date-box:first-of-type {
    margin-right: 5px;
  }
  .timeline > article .cbp_tmtime .date-box:first-of-type span:first-of-type {
    margin-right: 5px;
  }
  .timeline > article .cbp_tmtime .date-box:first-of-type span:first-of-type:after {
    content: ".";
  }
  .timeline > article .cbp_tmtime .date-box span {
    color: #72b1e0;
    font-size: 20px !important;
    line-height: 20px !important;
    display: inline;
  }
  .timeline > article .cbp_tmtime span {
    text-align: left;
  }
  .timeline > article .cbp_tmlabel {
    margin: 0 0 30px 0;
    padding: 1em;
    font-weight: 400;
    font-size: 95%;
  }
  .timeline.author-wrap > article .cbp_tmlabel {
    margin: 0 0 30px 0;
    padding: 1em;
    font-weight: 400;
    font-size: 95%;
  }
  .timeline.author-wrap > article .cbp_tmicon {
    display: block;
    position: initial;
    float: none;
    margin-left: 0;
    margin-bottom: 40px;
  }
  .timeline > article .cbp_tmlabel:after {
    right: auto;
    left: 20px;
    border-right-color: transparent;
    border-bottom-color: #f6f6f6;
    top: -20px;
  }
  .timeline > article .cbp_tmlabel.author-box {
    display: block;
  }
  .timeline > article .cbp_tmlabel.author-box .author-photo {
    display: block;
    text-align: center;
  }
  .timeline > article .cbp_tmlabel.author-box .author-info {
    display: block;
    text-align: center;
  }
  .timeline > article .cbp_tmlabel.author-box .author-info h2 {
    margin: 8px 0;
  }
  .timeline > article:nth-child(odd) .cbp_tmlabel:after {
    border-right-color: transparent;
    border-bottom-color: #f6f6f6;
  }
  .timeline > article .cbp_tmicon {
    position: relative;
    float: right;
    left: auto;
    margin: -55px 5px 0 0px;
  }
  .timeline > article .cbp_comments_cnt {
    display: none;
  }
}
@media only screen and (max-width: 1235px) {
  #footer .prefooter form fieldset {
    margin-bottom: 10px;
  }
  #footer .prefooter form fieldset label {
    display: block;
  }
  #footer .prefooter form fieldset > input {
    width: 100%;
    margin-bottom: 10px;
  }
  #footer .prefooter form fieldset > input:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 900px) {
  #footer .prefooter .col {
    padding: 0;
    width: 100%;
  }
  #footer .prefooter .col:last-child {
    display: none;
  }
  #footer .prefooter form {
    padding: 10px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #footer .prefooter form p {
    font-size: 20px;
    line-height: 22px;
  }
  #footer .prefooter form fieldset {
    margin-bottom: 10px;
  }
  #footer .prefooter form fieldset label {
    display: block;
  }
  #footer .prefooter form fieldset > input {
    width: 100%;
    margin-bottom: 10px;
  }
  #footer .prefooter form fieldset > input:last-child {
    margin-bottom: 0;
  }
  #footer .prefooter form textarea {
    width: 100%;
    margin-bottom: 10px;
  }
  #footer .prefooter form input,
  #footer .prefooter form textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #cacaca;
  }
  #footer .prefooter form .btn.btn-black {
    padding: 8px 20px;
    background: #0a0a0a;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #fff;
    text-transform: none;
    text-shadow: 1px 1px 1px #404040;
    font-weight: normal;
    font-size: 18px;
  }
  #footer .prefooter form .btn.btn-black:hover {
    background: #242424;
  }
}
@media only screen and (max-width: 600px) {
  #footer *[class*=toanimate] {
    opacity: 1;
  }
  #footer .prefooter .col {
    padding: 0;
    width: 100%;
  }
  #footer .prefooter .col:last-child {
    display: none;
  }
  #footer .prefooter form {
    padding: 10px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #footer .prefooter form p {
    font-size: 20px;
    line-height: 22px;
  }
  #footer .prefooter form fieldset {
    margin-bottom: 10px;
  }
  #footer .prefooter form fieldset label {
    display: block;
  }
  #footer .prefooter form fieldset > input {
    width: 100%;
    margin-bottom: 10px;
  }
  #footer .prefooter form fieldset > input:last-child {
    margin-bottom: 0;
  }
  #footer .prefooter form textarea {
    width: 100%;
    margin-bottom: 10px;
  }
  #footer .prefooter form input,
  #footer .prefooter form textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #cacaca;
  }
  #footer .prefooter form .btn.btn-black {
    padding: 8px 20px;
    background: #0a0a0a;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #fff;
    text-transform: none;
    text-shadow: 1px 1px 1px #404040;
    font-weight: normal;
    font-size: 18px;
  }
  #footer .prefooter form .btn.btn-black:hover {
    background: #242424;
  }
  #footer .main-footer p.copyright {
    display: block;
    line-height: 35px;
    margin: 0 auto;
    text-align: center;
  }
  #footer .main-footer p.scrollTop {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
    position: absolute;
  }
  #footer .main-footer p.scrollTop a {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
    background: #404040;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    width: 50px;
    height: 50px;
    position: relative;
    bottom: 36px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }
  #footer .main-footer p.scrollTop a:before {
    content: "";
    background: url('../images/icons/arrowTop.png') 0 0 no-repeat;
    display: block;
    width: 30px;
    height: 20px;
    position: absolute;
    background-size: 100%;
    background-position: center;
    left: 10px;
    top: 5px;
  }
  #footer .main-footer p.scrollTop a:hover {
    background: #72b1e0;
  }
  #footer .main-footer ul.socials {
    list-style: none;
    float: none;
    display: block;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    padding-bottom: 2.2em;
  }
  #footer .main-footer ul.socials li {
    display: inline-block;
  }
  #footer .main-footer ul.socials li a {
    display: block;
    width: 44px;
    height: 44px;
    font-family: "socIcons", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    text-align: center;
    line-height: 52px;
    font-size: 16px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #404040;
    text-decoration: none;
    text-transform: none;
    color: #fff;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }
  #footer .main-footer ul.socials li a:hover.fb {
    background: #3b5998;
  }
  #footer .main-footer ul.socials li a:hover.twitter {
    background: #9ae4e8;
  }
}
@media only screen and (max-width: 600px) {
  #header *[class*=toanimate] {
    opacity: 1;
  }
  #header .inner {
    padding: 20px 0 17px 0;
  }
  #header .inner #logo {
    display: inline-block;
    width: 50%;
    max-width: 130px;
  }
  #header .inner #logo img {
    max-width: 100%;
  }
  #header .inner .toggle-menu {
    font-size: 15px;
    line-height: 46px;
    margin-top: 0px;
  }
  #header .inner .toggle-menu span.menu-ico {
    width: 32px;
    height: 32px;
    border: 5px solid #404040;
    margin-right: 8px;
  }
  #header .inner .toggle-menu span.menu-ico:before {
    left: 8px;
    top: 8px;
    width: 16px;
    height: 4px;
    box-shadow: 0 6px 0 0 #fff,
					    0 12px 0 0 #fff;
  }
  #header .inner .toggle-menu:hover span.menu-ico:before {
    background: #fff;
    box-shadow: 0 6px 0 0 #72b1e0, 0 12px 0 0 #72b1e0;
  }
  #header .inner .socials {
    display: none;
  }
}

#header {
  z-index: 165;
  position: relative;
  background: #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
#header.fixed {
  position: fixed;
  width: 100%;
  z-index: 999;
  top: 0;
  background: #fff;
}
#header .hidden {
  display: none !important;
}
#header .inner {
  width: 90%;
  margin: 0 auto;
  display: block;
  padding: 30px 0 25px 0;
  position: relative;
}
#header .inner #logo {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  display: inline-block;
}
#header .inner #logo img {
  max-width: 200px;
}
#header .inner #logo h1 {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
#header .inner .toggle-menu {
  display: inline-block;
  float: right;
  margin-top: 8px;
  text-decoration: none;
  text-transform: none;
  font-size: 20px;
  line-height: 58px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#header .inner .toggle-menu span.menu-ico {
  display: inline-block;
  width: 44px;
  height: 44px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #0a0a0a;
  border: 7px solid #d7d7d7;
  position: relative;
  margin-right: 10px;
  float: left;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.ie8 #header .inner .toggle-menu span.menu-ico {
  background: url('../images/icons/menu-ico.png') 0 0 no-repeat;
  border: none;
  width: 58px;
  height: 58px;
}
.ie8 #header .inner .toggle-menu span.menu-ico:before {
  display: none;
}
#header .inner .toggle-menu span.menu-ico:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 11px;
  width: 24px;
  height: 6px;
  background: #72b1e0;
  box-shadow: 0 8px 0 0 #fff,
				    0 16px 0 0 #fff;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#header .inner .toggle-menu:hover {
  color: #72b1e0;
}
#header .inner .toggle-menu:hover span.menu-ico {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}
#header .inner .toggle-menu:hover span.menu-ico:before {
  background: #fff;
  box-shadow: 0 8px 0 0 #72b1e0, 0 16px 0 0 #72b1e0;
}
#header .inner .socials {
  list-style: none;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
}
#header .inner .socials li {
  display: inline-table;
}
.ie8 #header .inner .socials li {
  position: relative;
  top: -16px;
}
#header .inner .socials li a {
  display: block;
  width: 50px;
  height: 44px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin: 0;
  padding: 0;
  text-align: center;
  color: #fff;
  font-family: "fontawesome", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  text-transform: none;
  text-decoration: none;
  line-height: 62px;
  position: relative;
  top: -22px;
  font-size: 13px;
  background: #c0c0c0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#header .inner .socials li a:hover.fb {
  background: #3b5998;
  top: -18px;
}
#header .inner .socials li a:hover.twitter {
  background: #9ae4e8;
  top: -18px;
}
#header .inner .socials li a:hover.gplus {
  background: #dd4b39;
  top: -18px;
}
#header .inner .socials li a:hover.yt {
  background: #e52d27;
  top: -18px;
}
.ie8 #header .inner .socials li a {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.ie8 #header .inner .socials li a.fb {
  background: url('../images/icons/head-fb.png') 0 -25px no-repeat;
}
.ie8 #header .inner .socials li a.twitter {
  background: url('../images/icons/head-twitter.png') 0 -25px no-repeat;
}
.ie8 #header .inner .socials li a.fb:hover {
  background: url('../images/icons/head-fb-hover.png') 0 -25px no-repeat;
}
.ie8 #header .inner .socials li a.twitter:hover {
  background: url('../images/icons/head-twitter-hover.png') 0 -25px no-repeat;
}
#simple-slider .simple-slide-content h2 {
  font-size: 70px;
}
#simple-slider .simple-slide-content p {
  font-size: 45px;
}
/*******************************************************************************************************************
*  CONTENT                                                                                                         
*******************************************************************************************************************/
.inner {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
#content *[class*=toanimate] {
  opacity: 0;
}
.ie9 #content *[class*=toanimate],
.ie8 #content *[class*=toanimate] {
  opacity: 1;
}
#content div#nav {
  position: fixed;
  top: 0;
  padding-top: 121px;
  display: block;
  width: 100%;
  height: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  background: #72b1e0;
  z-index: 150;
}
#content div#nav * {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  opacity: 0;
}
#content div#nav.open {
  height: 100%;
  visibility: visible;
}
#content div#nav.open * {
  opacity: 1;
}
#content div#nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 25px;
}
#content div#nav ul li a {
  display: block;
  width: 50%;
  margin: 0 auto;
  color: #fff;
  padding: 25px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  font-size: 25px;
  text-decoration: none;
  text-transform: none;
  text-align: center;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#content div#nav ul li a:hover {
  color: #1F1E1E;
}
#content div#nav ul li:last-of-type a {
  border-bottom: none;
}
#content div#nav > div {
  text-align: center;
}
#content div#nav > div .back-link {
  background: #fff;
  border: 1px solid #d7d7d7;
  padding: 7px 8px;
  margin-top: 25px;
  display: inline-block;
  cursor: pointer;
}
#content div#nav > div .back-link .icon-close {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url('../images/icons/close.png') 0 0 no-repeat;
  background-position: center;
  position: relative;
  top: 2px;
  left: -2px;
}
#content div#nav > div .back-link .back-text {
  width: 0;
  margin-right: 0;
  height: auto;
  display: inline-block;
  color: transparent;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#content div#nav > div .back-link:hover .back-text {
  width: 40px;
  color: #aaa;
  margin-right: 5px;
}
#content div#nav-section {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  position: fixed;
  z-index: 175;
  width: 100%;
  background: rgba(255, 255, 255, 0.85);
  top: -65px;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.ie8 #content div#nav-section {
  background: url('../images/ie-transparent-bg.png') 0 0 repeat;
}
#content div#nav-section.open {
  top: 0px;
  opacity: 1;
}
#content div#nav-section ul {
  list-style: none;
  padding: 0;
  display: inline-block;
  margin: 20px 0;
}
#content div#nav-section ul li {
  display: inline-block;
  margin-right: 5px;
}
#content div#nav-section ul li a {
  display: block;
  text-transform: none;
  text-decoration: none;
  color: #0a0a0a;
}
#content div#nav-section ul li a span {
  padding: 8px 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: background 0.4s ease-in-out;
  -moz-transition: background 0.4s ease-in-out;
  -o-transition: background 0.4s ease-in-out;
  transition: background 0.4s ease-in-out;
}
#content div#nav-section ul li a:hover span,
#content div#nav-section ul li a.active span {
  background: #72b1e0;
  color: #fff;
}
#content div#nav-section a.scrollTopBtn {
  float: right;
  background: #72b1e0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin: 1em 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#content div#nav-section a.scrollTopBtn span {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  width: 32px;
  height: 32px;
  display: block;
  background: url('../images/icons/arrowTop.png') 4px 3px no-repeat;
  background-size: 80%;
}
.ie8 #content div#nav-section a.scrollTopBtn {
  background: url('../images/icons/top-arrow-orange.png') 0 0 no-repeat;
}
.ie8 #content div#nav-section a.scrollTopBtn:hover {
  background: url('../images/icons/top-arrow-hover.png') 0 0 no-repeat;
}
#content div#nav-section a.scrollTopBtn:hover {
  background: #0a0a0a;
}
#content section {
  padding: 50px 0;
  overflow: hidden;
}
#content section h2,
#content section h3 {
  text-align: center;
}
#content section h2 {
  font-size: 40px;
}
#content section h3 {
  font-size: 22px;
}
#content section h4 {
  font-size: 20px;
}
#content section.grey {
  background: #f7f5f1;
}
#content section#slider li h2 {
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 50px;
  width: 55%;
  margin: 110px auto 25px;
  text-shadow: 2px 2px 2px #404040;
}
#content section#slider li p {
  color: #fff;
  text-align: center;
  font-size: 18px;
  line-height: 24px;
  width: 30%;
  margin: 0 auto;
  margin-bottom: 35px;
  text-shadow: 1px 1px 1px #404040;
}
#content section#partners:after {
  content: "";
  display: block;
  width: 40%;
  margin: 0 auto;
  border-bottom: 3px dotted #e5e5e5;
  position: relative;
  bottom: -45px;
}
#content section#references h3 a {
  color: #72b1e0;
}
#content section#references a.carousel-prev,
#content section#references a.carousel-next {
  background: #72b1e0;
}
#content section#references ul.carousel li {
  border: 10px solid #eaeaea;
}
#content section#references ul.carousel li .overlay {
  background: rgba(234, 234, 234, 0.65);
}
#content section#references ul.carousel li .overlay a {
  border-radius: 50%;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0.7);
}
#content section#references ul.carousel li .overlay a:first-of-type:before {
  background: url("../images/icons/eye.png") center center no-repeat;
}
#content section#references ul.carousel li .overlay a:last-of-type:before {
  background: url("../images/icons/link.png") center center no-repeat;
}
#content section#process.parallax ul li:after {
  content: "";
  width: 22px;
  height: 19px;
  background: url('../images/icons/arrowLeft.png') 0 0 no-repeat;
  display: block;
  position: absolute;
  right: -10px;
  top: 110px;
}
#content section#process.parallax ul li:last-of-type:after {
  background: none;
  width: 0;
  height: 0;
}
#content section#process.parallax ul li span {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 3px solid #fff;
  -webkit-box-shadow: 0px 0px 5px #0a0a0a;
  -moz-box-shadow: 0px 0px 5px #0a0a0a;
  box-shadow: 0px 0px 5px #0a0a0a;
}
#content section#process.parallax ul li span.ico-contact:before {
  background: url('../images/icons/ico-contact.png') center center no-repeat;
}
#content section#process.parallax ul li span.ico-analysis:before {
  background: url('../images/icons/ico-analysis.png') center center no-repeat;
}
#content section#process.parallax ul li span.ico-done:before {
  background: url('../images/icons/ico-done.png') center center no-repeat;
}
#content section#process.parallax ul li span.ico-map:before {
  background: url('../images/icons/ico-map.png') center center no-repeat;
}
#content section#price h2 {
  margin-bottom: 0;
}
#content section#price h3 {
  margin-top: 10px;
}
#content section#price-detail h2 {
  width: 60%;
  margin: 15px auto;
}
#content section#price-detail h3 {
  font-size: 28px;
  font-weight: bold;
}
#content section#price-detail p.price {
  font-size: 20px;
}
#content section#price-detail p.price strong {
  font-size: 25px;
}
#content section#price-detail p {
  font-size: 1.2em;
}
#content section#price-detail p a {
  text-transform: none;
  text-decoration: none;
}
#content section#price-detail p a:hover {
  text-decoration: underline;
}
#content section.text-section h1 {
  color: #0a0a0a;
  text-align: center;
  font-weight: bold;
  font-size: 50px;
  margin: 30px 0;
  text-shadow: 2px 2px 8px #bbbbbb;
}
#content section.text-section p.perex {
  width: 60%;
  margin: 0 auto 40px auto;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #5a5a5a;
  text-shadow: 0px 0px 15px #cccccc;
}
#content section.text-section .text-columns-2 {
  width: 80%;
  margin: 0 auto;
  text-shadow: 0px 0px 0px #9a9a9a;
}
#content section.text-section .text-columns-small {
  width: 80%;
  margin: 0 auto;
  text-shadow: 0px 0px 0px #9a9a9a;
  text-align: center;
}
#content section#product {
  background: #ffffff url('../images/product-bg.jpg') center center no-repeat;
  background-size: cover;
}
#content section#references-desc {
  background: #ffffff url('../images/product-bg.jpg') center center no-repeat;
  background-size: cover;
}
#content section#about-us {
  background: #ffffff url('../images/product-bg.jpg') center center no-repeat;
  background-size: cover;
}
#content section#references-list ul.references li {
  border: 10px solid #eaeaea;
}
#content section#references-list ul.references li .overlay {
  background: rgba(234, 234, 234, 0.65);
}
#content section#references-list ul.references li .overlay a {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0.7);
}
#content section#references-list ul.references li .overlay a:first-of-type:before {
  background: url("../images/icons/eye.png") center center no-repeat;
}
#content section#references-list ul.references li .overlay a:last-of-type:before {
  background: url("../images/icons/link.png") center center no-repeat;
}
#content section#gallery {
  padding-top: 80px;
}
#content section#project-desc h1 {
  text-shadow: none;
}
#content section#project-desc:after {
  content: "";
  display: block;
  width: 40%;
  margin: 0 auto;
  border-bottom: 3px dotted #e5e5e5;
  position: relative;
  bottom: -60px;
}


#content section#project-info .col a {
  color: #72b1e0;
}
#content section#project-info .col a:hover {
  color: #0a0a0a;
}
#content section#project-info .col img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #d7d7d7;
  margin-bottom: 10px;
}
#content section#project-info .col span.price {
  padding: 20px;
  background: #0a0a0a;
  color: #fff;
}
#content section#managers ul li:last-child,
#content section#team ul li:last-child {
  margin-right: 0;
}
#content section#managers ul li img,
#content section#team ul li img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 6px solid #d7d7d7;
  width: 120px;
  height: 120px;
}
#content section#managers ul li .person,
#content section#team ul li .person {
  border: 1px solid #d7d7d7;
  background: #fff;
}
#content section#managers ul li .person .person-info a:hover,
#content section#team ul li .person .person-info a:hover {
  color: #72b1e0;
}
#content section#managers ul li .person .motto,
#content section#team ul li .person .motto {
  background: #d7d7d7;
}
#content section#team ul li img {
  width: 75px;
  height: 75px;
}
#content section#map .address-box {
  position: absolute;
  width: 80%;
  bottom: 5px;
  left: 50%;
  margin-left: -40%;
  background: #fff;
  -webkit-box-shadow: 0 0 15px #6a6a6a;
  -moz-box-shadow: 0 0 15px #6a6a6a;
  box-shadow: 0 0 15px #6a6a6a;
}
#content section#map .address-box h2 {
  margin: 32px 20px 0 20px;
  padding-bottom: 28px;
  border-bottom: 1px solid #cacaca;
  color: #000000;
}
#content section#map .address-box .box {
  color: #000000;
  min-height: 115px;
}
#content section#map .address-box .box h3 {
  background: #fff;
  position: relative;
  top: -14px;
}
#content section#map .address-box .box-left,
#content section#map .address-box .box-center {
  border-right: 1px solid #cacaca;
}
#content section#socials ul.socials li a {
  font-family: "socIcons", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  line-height: 105px;
  font-size: 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #404040;
  color: #fff;
}
.btn.btn-filled-orange span {
  padding: 10px 30px;
  background: #72b1e0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #fff;
  text-transform: none;
  text-shadow: 1px 1px 1px #404040;
  font-weight: normal;
  font-size: 18px;
  -webkit-box-shadow: 0px 3px 8px #404040;
  -moz-box-shadow: 0px 3px 8px #404040;
  box-shadow: 0px 3px 8px #404040;
}
.btn.btn-filled-orange span:hover {
  background: #0a0a0a;
}
.btn.btn-transparent span {
  padding: 8px 20px;
  border: 1px solid #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #fff;
  text-transform: none;
  text-shadow: 1px 1px 1px #404040;
  font-weight: normal;
  font-size: 18px;
  -webkit-box-shadow: 0px 3px 8px #404040;
  -moz-box-shadow: 0px 3px 8px #404040;
  box-shadow: 0px 3px 8px #404040;
}
.btn.btn-transparent span:hover {
  border: 1px solid #72b1e0;
  color: #72b1e0;
}
.btn.btn-black span {
  padding: 10px 20px;
  background: #0a0a0a;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #fff;
  text-transform: none;
  text-shadow: 1px 1px 1px #404040;
  font-weight: normal;
  font-size: 18px;
  -webkit-box-shadow: 0px 2px 8px #404040;
  -moz-box-shadow: 0px 2px 8px #404040;
  box-shadow: 0px 2px 8px #404040;
}
.btn.btn-black span:hover {
  background: #242424;
}
/*
 * jQuery FlexSlider v1.4
 * http://flex.madebymufffin.com
 *
 * Copyright 2011, Tyler Smith
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
/* FlexSlider Necessary Styles
*********************************/
.ie9 #slider,
.ie8 #slider {
  width: 100%;
  padding: 0;
  margin: 0;
}
.ie9 #slider .anim-slider,
.ie8 #slider .anim-slider {
  padding: 0;
  margin: 0;
  left: 0;
}
.ie9 #slider .anim-slider li,
.ie8 #slider .anim-slider li {
  display: none;
  padding: 0;
  margin: 0;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */
.ie9 #slider .anim-slider img,
.ie8 #slider .anim-slider img {
  max-width: 100%;
  display: block;
  padding: 0;
  margin: 0;
}
/* FlexSlider Default Theme
*********************************/
.ie9 #slider,
.ie8 #slider {
  background: #fff;
  position: relative;
}
.ie9 #slider .anim-slider li,
.ie8 #slider .anim-slider li {
  position: relative;
}
.ie9 #slider .anim-slider li > *,
.ie8 #slider .anim-slider li > * {
  z-index: 5;
  position: relative;
  top: -500px;
}
.ie9 #slider .anim-slider li > img,
.ie8 #slider .anim-slider li > img {
  z-index: 0;
  position: relative;
  top: 0px;
  opacity: 1;
}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.ie9 #slider-container,
.ie8 #slider-container {
  position: relative;
}
/* Caption style */
.ie9 .flex-caption,
.ie8 .flex-caption {
  width: 96%;
  padding: 2%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  font-size: 15px;
  line-height: 18px;
}
/* Direction Nav */
.ie9 .flex-direction-nav,
.ie8 .flex-direction-nav {
  list-style: none;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.ie9 .flex-direction-nav li a,
.ie8 .flex-direction-nav li a {
  width: 52px;
  height: 52px;
  margin: -13px 0 0;
  display: block;
  background: url(../images/icons/bg_direction_nav.png) no-repeat 0 0;
  position: absolute;
  top: 50%;
  cursor: pointer;
  text-indent: -9999px;
}
/* set negative margin-top equal to half the height on the directional-nav for perfect vertical centering */
.ie9 .flex-direction-nav li a.next,
.ie8 .flex-direction-nav li a.next {
  background-position: -52px 0;
  right: 21px;
}
.ie9 .flex-direction-nav li a.prev,
.ie8 .flex-direction-nav li a.prev {
  background-position: 0 0;
  left: 21px;
}
/* Control Nav */
.ie9 .flex-control-nav,
.ie8 .flex-control-nav {
  display: none;
}
/* set negative margin-left equal to half the width on the control-nav for perfect centering */
.ie9 .flex-control-nav li,
.ie8 .flex-control-nav li {
  margin: 0 0 0 5px;
  float: left;
}
.ie9 .flex-control-nav li:first-child,
.ie8 .flex-control-nav li:first-child {
  margin: 0;
}
.ie9 .flex-control-nav li a,
.ie8 .flex-control-nav li a {
  width: 13px;
  height: 13px;
  display: block;
  background: url(../images/icons/bg_control_nav.png) no-repeat 0 0;
  cursor: pointer;
  text-indent: -9999px;
}
.ie9 .flex-control-nav li a:hover,
.ie8 .flex-control-nav li a:hover {
  background-position: 0 -13px;
}
.ie9 .flex-control-nav li a.active,
.ie8 .flex-control-nav li a.active {
  background-position: 0 -26px;
  cursor: default;
}
.ie9 .anim-arrows,
.ie8 .anim-arrows {
  display: none;
}
.ie9 .anim-slide.clone {
  display: none;
}
.link-back {
  *zoom: 1;
  margin: 25px 0 15px 0;
}
.link-back:before,
.link-back:after {
  content: "";
  display: table;
}
.link-back:after {
  clear: both;
}
.link-back a {
  text-decoration: none;
  -webkit-transition: 0.3s all ease-in-out;
  -moz-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}


.entry-content * {
  max-width: 100% !important;
}
.entry-content a {
  text-transform: none;
}
.entry-content form#searchform {
  padding: 0;
  margin-bottom: 30px;
  position: relative;
}
.entry-content form#searchform div.input {
  padding-right: 105px;
}
.entry-content form#searchform div.send-btn {
  position: absolute;
  top: 0;
  right: 0;
}
.entry-content form#searchform input {
  font-size: 20px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: 1px solid #cacaca;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.entry-content form#searchform button span {
  display: block;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
}
.filters {
  color: #fff;
}
.filters form#searchform {
  padding: 0;
  margin-bottom: 30px;
  position: relative;
}
.filters form#searchform div.input {
  padding-right: 105px;
}
.filters form#searchform div.send-btn {
  position: absolute;
  top: 0;
  right: 0;
}
.filters form#searchform input {
  font-size: 20px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: 1px solid #cacaca;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.filters form#searchform button span {
  display: block;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
}
.filters > section.solidcolor {
  background: #72b1e0;
}
.filters > section.backgrounded {
  background: url('../images/product-bg.jpg') 0 0 no-repeat;
}
.filters .inner aside.two-cols {
  margin: 0 5%;
}
.filters .inner aside.two-cols > div:first-child {
  display: block;
  width: 100%;
  clear: both;
}
.filters .inner aside.two-cols > div:nth-child(2) {
  margin-left: 0;
}
.filters .inner aside.two-cols > div select {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: 1px solid #cacaca;
  color: #404040;
  font-size: inherit;
  padding: 5px 10px 5px 10px;
  width: 100%;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.filters .inner aside.two-cols > div p.sidebar-headline {
  text-transform: uppercase;
  font-size: 20px;
  margin-bottom: 0;
  padding: 5px 10px;
  display: inline-block;
  color: #fff;
  font-weight: bold;
  position: relative;
}
.filters .inner aside.two-cols > div ul {
  padding: 10px;
  margin: 0;
  list-style: none;
}
.filters .inner aside.two-cols > div ul li.hidden {
  display: none;
}
.filters .inner aside.two-cols > div ul li a {
  text-decoration: none;
  text-transform: none;
}
.filters .inner aside.two-cols > div ul li a:hover {
  color: #72b1e0;
}
nav.post-nav .pager {
  list-style: none;
  *zoom: 1;
}
nav.post-nav .pager:before,
nav.post-nav .pager:after {
  content: "";
  display: table;
}
nav.post-nav .pager:after {
  clear: both;
}
nav.post-nav .pager li a {
  background: #f5bd5d;
  padding: 5px 15px;
  color: #fff;
  text-decoration: none;
  border-radius: 15px;
  font-weight: normal;
  text-transform: none;
  -webkit-transition: 0.3s all ease-in-out;
  -moz-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
nav.post-nav .pager li a:hover {
  background: #f2aa2d;
}
.timeline {
  margin: 30px 0 0 0;
  padding: 0;
  list-style: none;
  position: relative;
}
/* The line */

/* The date/time */
.timeline > article {
  position: relative;
}
.timeline > article .cbp_tmtime {
  display: block;
  width: 100px;
  padding-right: 25px;
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.timeline > article .cbp_tmtime span {
  display: block;
  text-align: right;
}
.timeline > article .cbp_tmtime > span:first-child a {
  text-transform: none;
  text-decoration: none;
  font-size: 0.9em;
  color: #bababa;
  max-width: 75px;
  height: auto;
  line-height: 1.2em;
  margin-bottom: 5px;
}
.timeline > article .cbp_tmtime > span:first-child a:hover {
  color: #6a6a6a;
}
.timeline > article .cbp_tmtime .date-box {
  background: #999;
  padding: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 75px;
  color: #fff;
  text-align: center;
}

.timeline > article .cbp_tmtime .date-box:first-of-type span {
  line-height: 10px;
}
.timeline > article .cbp_tmtime .date-box:first-of-type span:first-of-type {
  font-size: 40px;
  line-height: 45px;
}
.timeline > article .cbp_tmtime .date-box span {
  color: #fff;
  text-align: center;
  font-size: 18px;
  line-height: 18px;
  text-transform: uppercase;
}
/* Right content */
.timeline > article .cbp_tmlabel {
  margin: 0 0 15px 185px;
  background: #f6f6f6;
  color: #404040;
  padding: 2em;
  font-size: 1.2em;
  font-weight: 300;
  line-height: 1.4;
  position: relative;
  border-radius: 5px;
}
.timeline > article .cbp_tmlabel .entry-thumbnail {
  display: inline-block;
  float: left;
}
.timeline > article .cbp_tmlabel .entry-thumbnail a {
  max-width: 100%;
}
.timeline > article .cbp_tmlabel .entry-thumbnail a img {
  max-width: 100%;
  height: auto;
  margin-bottom: 15px;
  margin-right: 15px;
}
.timeline > article .cbp_tmlabel .entry-content {
  *zoom: 1;
}
.timeline > article .cbp_tmlabel .entry-content:before,
.timeline > article .cbp_tmlabel .entry-content:after {
  content: "";
  display: table;
}
.timeline > article .cbp_tmlabel .entry-content:after {
  clear: both;
}
.timeline > article .cbp_tmlabel .entry-bottom {
  *zoom: 1;
  margin: 0px;
  padding: 25px 0 0 0;
  border-top: 2px solid #fff;
}
.timeline > article .cbp_tmlabel .entry-bottom:before,
.timeline > article .cbp_tmlabel .entry-bottom:after {
  content: "";
  display: table;
}
.timeline > article .cbp_tmlabel .entry-bottom:after {
  clear: both;
}
.timeline > article .cbp_tmlabel .entry-bottom .tags p {
  margin: 0;
}
.timeline > article .cbp_tmlabel .entry-bottom .tags a {
  padding: 5px;
  text-decoration: none;
  background: #f7c775;
  color: #fff;
  font-weight: normal;
  font-size: 12px;
  position: relative;
  top: -5px;
}
.timeline > article .cbp_tmlabel .entry-bottom .tags a:hover {
  background: #72b1e0;
}
.timeline > article .cbp_tmlabel .entry-bottom .socials img {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.timeline > article .cbp_tmlabel header {
  margin-top: 0px;
  margin-bottom: 15px;
  padding: 0 0 10px 0;
  border-bottom: 2px solid #fff;
}
.timeline > article .cbp_tmlabel header h2 {
  margin: 0;
  font-weight: bold;
}
.timeline > article .cbp_tmlabel header h2 a {
  text-decoration: none;
  color: #404040;
}
.timeline > article .cbp_tmlabel header h2 a:hover {
  color: #72b1e0;
}
.timeline > article .cbp_tmlabel header p {
  margin: 0;
  font-size: 12px;
}
.timeline > article .cbp_tmlabel header p a {
  text-decoration: none;
}
.timeline > article .cbp_tmlabel header p a:hover {
  color: #72b1e0;
}
/* The triangle */
.timeline > article .cbp_tmlabel:after {
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-right-color: #f6f6f6;
  border-width: 10px;
  top: 10px;
}
.timeline > article .cbp_tmlabel.detail-box:after {
  display: none;
}
.timeline.author-wrap > article article:nth-child(odd) {
  clear: both;
  margin-left: 0;
}
.timeline.author-wrap > article article .cbp_tmlabel.related-box {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2em;
  margin-bottom: 2%;
  background: #fff;
}
.timeline.author-wrap > article article .cbp_tmlabel.related-box header {
  border-bottom: 2px solid #f6f6f6;
  margin-bottom: 8px;
}
.timeline.author-wrap > article article .cbp_tmlabel.related-box header h2 {
  font-size: 20px;
}
.timeline.author-wrap > article article .cbp_tmlabel.related-box:after {
  content: none;
}
.timeline.author-wrap > article article .cbp_tmlabel.related-box .entry-thumbnail {
  max-width: 30%;
}
.timeline.author-wrap > article article .cbp_tmlabel.related-box .entry-thumbnail img {
  margin: 0;
  padding: 0 10px 10px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.timeline.author-wrap > article article .cbp_tmlabel.related-box .entry-content {
  font-size: 12px;
  line-height: 14px;
}
.timeline.author-wrap > article article .cbp_tmlabel.related-box .entry-content p {
  margin: 0;
}
.timeline > article .cbp_tmlabel.author-box {
  display: table;
}
.timeline > article .cbp_tmlabel.author-box .author-photo {
  display: table-cell;
  padding-right: 20px;
}
.timeline > article .cbp_tmlabel.author-box .author-photo a img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  min-height: 100px;
  min-width: 100px;
}
.timeline > article .cbp_tmlabel.author-box .author-info {
  display: table-cell;
  vertical-align: top;
  min-width: 100%;
  width: 100%;
}
.timeline > article .cbp_tmlabel.author-box .author-info h2 {
  margin: 0 0 8px 0;
}
.timeline > article .cbp_tmlabel.author-box .author-info h2 a {
  text-decoration: none;
  text-transform: none;
}
.timeline > article .cbp_tmlabel.author-box .author-info h2 a:hover {
  color: #72b1e0;
}
.timeline > article .cbp_tmlabel.author-box .author-info p.desc {
  line-height: 1.2em;
}
/* The icons */

.timeline.author-wrap:before {
  left: 80px;
}
.timeline.author-wrap > article .cbp_tmicon {
  width: 80px;
  height: 80px;
  margin: 0 0 0 -45px;
  left: 80px;
}
.timeline.author-wrap > article .cbp_tmicon:before {
  content: none !important;
}
.timeline.author-wrap > article .cbp_tmicon img {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.timeline.author-wrap .cbp_tmlabel {
  margin: 0 0 15px 155px;
}

.timeline.author-wrap .category-zaklady-na-internetu .cbp_tmicon:before {
  display: none;
}
#comment-tabs ul.controls li span {
  text-transform: none;
  font-weight: normal;
}
#comment-tabs ul.controls li img {
  width: 24px !important;
}
/*******************************************************************************************************************
*  FOOTER                                                                                                         
*******************************************************************************************************************/
#footer {
  display: block;
  width: 100%;
}
#footer *[class*=toanimate] {
  opacity: 0;
}
.ie9 #footer *[class*=toanimate],
.ie8 #footer *[class*=toanimate] {
  opacity: 1;
}
#footer .inner {
  width: 90%;
  margin: 0 auto;
  display: block;
}
#footer .prefooter {
  background: #72b1e0;
  padding: 35px 0 20px 0;
}
#footer .prefooter .col {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px;
}
#footer .prefooter form {
  padding: 10px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#footer .prefooter form p {
  font-size: 20px;
  line-height: 22px;
}
#footer .prefooter form fieldset {
  margin-bottom: 11px;
}
#footer .prefooter form fieldset label {
  display: block;
}

#footer .prefooter form textarea {
  width: 100%;
  max-width: 100%;
  margin-bottom: 0px;
}
#footer .prefooter form input,
#footer .prefooter form textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: 1px solid #cacaca;
}
#footer .prefooter form .btn.btn-black {
  padding: 8px 20px;
  background: #0a0a0a;
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #fff;
  text-transform: none;
  text-shadow: 1px 1px 1px #404040;
  font-weight: normal;
  font-size: 18px;
}
#footer .prefooter form .btn.btn-black:hover {
  background: #242424;
}
#footer .prefooter .main-contact {
  padding: 10px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#footer .prefooter .main-contact p {
  font-size: 20px;
  line-height: 22px;
}
#footer .prefooter .main-contact img {
  width: 30%;
  min-width: 125px;
  max-width: 175px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: block;
  margin: 0 auto 20px auto;
}
#footer .prefooter .main-contact .contact {
  display: block;
  text-align: center;
}
#footer .prefooter .main-contact .contact span {
  display: block;
  font-size: 25px;
  margin-bottom: 5px;
}
#footer .prefooter .main-contact .contact a {
  text-decoration: none;
  text-transform: none;
}
#footer .prefooter .main-contact .contact a:hover {
  text-decoration: underline;
}
#footer .main-footer {
  background: #0a0a0a;
  padding: 15px 0 5px;
  overflow-y: hidden;
}
#footer .main-footer p.copyright {
  display: inline-block;
  line-height: 52px;
  margin: 0;
  padding: 0;
}
#footer .main-footer p.scrollTop {
  display: block;
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 0;
  position: absolute;
}
#footer .main-footer p.scrollTop a {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  background: #404040;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  width: 50px;
  height: 50px;
  position: relative;
  bottom: 36px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.ie8 #footer .main-footer p.scrollTop a {
  background: url('../images/icons/foot-top-arrow.png') 0 0 no-repeat;
}
.ie8 #footer .main-footer p.scrollTop a:before {
  display: none;
}
.ie8 #footer .main-footer p.scrollTop a:hover {
  background: url('../images/icons/foot-top-arrow-hover.png') 0 0 no-repeat;
}
#footer .main-footer p.scrollTop a:before {
  content: "";
  background: url('../images/icons/arrowTop.png') 0 0 no-repeat;
  display: block;
  width: 30px;
  height: 20px;
  position: absolute;
  background-size: 100%;
  background-position: center;
  left: 10px;
  top: 5px;
}
#footer .main-footer p.scrollTop a:hover {
  background: #72b1e0;
}
#footer .main-footer ul.socials {
  list-style: none;
  float: right;
  display: inline-block;
  margin: 0;
  padding: 0;
}
#footer .main-footer ul.socials li {
  display: inline-block;
}
#footer .main-footer ul.socials li a {
  display: block;
  width: 44px;
  height: 44px;
  font-family: "fontawesome", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  text-align: center;
  line-height: 44px;
  font-size: 16px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #404040;
  text-decoration: none;
  text-transform: none;
  color: #fff;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.ie8 #footer .main-footer ul.socials li a {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.ie8 #footer .main-footer ul.socials li a.fb {
  background: url('../images/icons/fb-ico.png') 0 0 no-repeat;
}
.ie8 #footer .main-footer ul.socials li a.twitter {
  background: url('../images/icons/twitter-ico.png') 0 0 no-repeat;
}
#footer .main-footer ul.socials li a:hover.fb {
  background: #3b5998;
}
#footer .main-footer ul.socials li a:hover.twitter {
  background: #9ae4e8;
}
#footer .main-footer ul.socials li a:hover.gplus {
  background: #dd4b39;
}
#footer .main-footer ul.socials li a:hover.yt {
  background: #e52d27;
}
.ie8 #footer .main-footer ul.socials li a.fb:hover {
  background: url('../images/icons/fb-ico-hover.png') 0 0 no-repeat;
}
.ie8 #footer .main-footer ul.socials li a.twitter:hover {
  background: url('../images/icons/twitter-ico-hover.png') 0 0 no-repeat;
}
/*******************************************************************************************************************
*  OTHERS                                                                                                         
*******************************************************************************************************************/
@media print and print {
  #header a#logo {
    color: #000;
    font-size: 3.0em;
    margin: 0 0 10px !important;
  }
  #header #main-menu {
    display: none;
  }
  #header #search {
    display: none;
  }
  #header #likeButton {
    display: none;
  }
  #content img {
    display: none !important;
  }
  #content * {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    color: #000 !important;
    background: none !important;
    box-shadow: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none !important;
    position: relative !important;
    line-height: 1.2em !important;
    text-decoration: none !important;
    opacity: 1 !important;
  }
  #content a.more {
    display: none !important;
  }
  #content .date {
    margin-bottom: 15px !important;
  }
  #content h1 span {
    display: inline !important;
  }
  #content h2 span {
    display: inline !important;
  }
  #content .button {
    display: none !important;
  }
  #content .topics {
    display: none !important;
  }
  #content .friends {
    display: none !important;
  }
  #content .books {
    display: none !important;
  }
  #content .meeting,
  #content .article {
    margin-bottom: 0 !important;
  }
  .sep {
    margin: 10px 0 !important;
  }
}
/*******************************************************************************************************************
*  RESPONSIVE                                                                                                         
*******************************************************************************************************************/
@media only screen and (max-width: 600px) {
  .inner {
    max-width: 94%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  .three-cols .col {
    display: block;
    width: 90%;
    margin: 0 5%;
    padding: 0;
  }
}
@media only screen and (max-width: 1235px) {
  #content section#slider li h2 {
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 42px;
    width: 55%;
    margin: 80px auto 20px;
    text-shadow: 2px 2px 2px #404040;
  }
  #content section#slider li p {
    color: #fff;
    text-align: center;
    font-size: 18px;
    line-height: 20px;
    width: 45%;
    margin: 0 auto;
    margin-bottom: 30px;
    text-shadow: 1px 1px 1px #404040;
  }
}
@media only screen and (max-width: 900px) {
  #content div#nav-section {
    display: none;
  }
  #content section#process.parallax ul li span.ico-contact:before {
    background: url('../images/icons/ico-contact.png') center center no-repeat;
    background-size: 100%;
  }
  #content section#process.parallax ul li span.ico-analysis:before {
    background: url('../images/icons/ico-analysis.png') center center no-repeat;
    background-size: 100%;
  }
  #content section#process.parallax ul li span.ico-done:before {
    background: url('../images/icons/ico-done.png') center center no-repeat;
    background-size: 100%;
  }
  #content section#process.parallax ul li span.ico-map:before {
    background: url('../images/icons/ico-map.png') center center no-repeat;
    background-size: 100%;
  }
  #content section.text-section h1 {
    font-size: 2.2em;
    margin: 1.2em 0;
  }
  #content section.text-section p.perex {
    width: 80%;
    margin: 0 auto 1.2em auto;
    font-size: 1.2em;
  }
  #content section.text-section .text-columns-2 {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
    -moz-column-gap: 0;
    -webkit-column-gap: 0;
    column-gap: 0;
    text-align: center;
  }
  #content section#references-list ul.references li {
    border: 5px solid #eaeaea;
  }
  #content section#team ul li img {
    width: 75px;
    height: 75px;
  }
  #content section#map .address-box {
    position: relative;
    width: 80%;
    bottom: 80px;
    left: 0%;
    margin: 0% auto;
    background: #fff;
    -webkit-box-shadow: 0 0 15px #6a6a6a;
    -moz-box-shadow: 0 0 15px #6a6a6a;
    box-shadow: 0 0 15px #6a6a6a;
  }
  #content section#map .address-box h2 {
    margin: 0 10%;
    padding: 20px;
    border-bottom: 1px solid #cacaca;
    color: #7a7a7a;
  }
  #content section#map .address-box .box {
    color: #7a7a7a;
  }
  #content section#map .address-box .box h3 {
    background: #fff;
    position: relative;
    top: -14px;
  }
  #content section#map .address-box .box-left,
  #content section#map .address-box .box-center {
    border-bottom: 1px solid #cacaca;
  }
  #content section#map .address-box .box-right h3 {
    top: -30px;
  }
  #content section#slider li h2 {
    font-size: 2.5em;
    width: 55%;
    margin: 2em auto 1.1em;
  }
  #content section#slider li p {
    font-size: 1.5em;
    line-height: 1.4em;
    width: 65%;
    margin-bottom: 1.3px;
  }
  #content section#slider li a.btn {
    display: inline-block;
    margin-top: 1.2em;
  }
}
@media only screen and (max-width: 600px) {
  #content *[class*=toanimate] {
    opacity: 1;
  }
  #content div#nav {
    padding-top: 83px;
  }
  #content div#nav ul {
    margin-top: 10px;
  }
  #content div#nav ul li a {
    width: 80%;
    padding: 18px 0;
    font-size: 20px;
  }
  #content div#nav-section {
    display: none;
  }
  #content section {
    padding: 25px 0;
    overflow: hidden;
  }
  #content section h2,
  #content section h3 {
    text-align: center;
  }
  #content section h2 {
    font-size: 1.65em;
  }
  #content section h3 {
    font-size: 1.35em;
  }
  #content section h4 {
    font-size: 1.2em;
  }
  #content section.grey {
    background: #f7f5f1;
  }
  #content section#slider li h2 {
    font-size: 2em;
    line-height: 1.1em;
    width: 70%;
    margin: 1.3em auto 1em;
  }
  #content section#slider li p {
    font-size: 1.1em;
    line-height: 1.15em;
    width: 80%;
    margin-bottom: 0.3em;
  }
  #content section#slider li a.btn {
    float: none;
    clear: both;
    margin-top: 1.25em;
    display: block;
  }
  #content section#slider li a.btn:first-of-type {
    margin-top: 1.5em;
  }
  #content section#partners:after {
    content: "";
    display: block;
    width: 40%;
    margin: 0 auto;
    border-bottom: 0.2em dotted #e5e5e5;
    position: relative;
    bottom: -45px;
  }
  #content section#process.parallax ul li span.ico-contact:before {
    background: url('../images/icons/ico-contact.png') center center no-repeat;
    background-size: 100%;
  }
  #content section#process.parallax ul li span.ico-analysis:before {
    background: url('../images/icons/ico-analysis.png') center center no-repeat;
    background-size: 100%;
  }
  #content section#process.parallax ul li span.ico-done:before {
    background: url('../images/icons/ico-done.png') center center no-repeat;
    background-size: 100%;
  }
  #content section#process.parallax ul li span.ico-map:before {
    background: url('../images/icons/ico-map.png') center center no-repeat;
    background-size: 100%;
  }
  #content section.text-section h1 {
    font-size: 2.2em;
    margin: 1.2em 0;
  }
  #content section.text-section p.perex {
    width: 80%;
    margin: 0 auto 1.2em auto;
    font-size: 1.2em;
  }
  #content section.text-section .text-columns-2 {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
    -moz-column-gap: 0;
    -webkit-column-gap: 0;
    column-gap: 0;
    text-align: center;
  }
  #content section#references-list ul.references li {
    border: 5px solid #eaeaea;
  }
  #content section#gallery {
    padding-top: 2em;
  }
  #content section#gallery nav {
    margin-top: 1em;
    display: block;
  }
  #content section#team ul li img {
    width: 75px;
    height: 75px;
  }
  #content section#map .address-box {
    position: relative;
    width: 90%;
    margin: 0 auto;
    bottom: 5em;
    left: 0;
  }
  #content section#map .address-box .box {
    color: #7a7a7a;
  }
  #content section#map .address-box .box h3 {
    position: static;
    top: -14px;
  }
  #content section#socials ul.socials li a {
    font-family: "socIcons", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    line-height: 105px;
    font-size: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #404040;
    color: #fff;
  }
  .btn.btn-filled-orange span {
    padding: 10px 30px;
    background: #72b1e0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #fff;
    text-transform: none;
    text-shadow: 1px 1px 1px #404040;
    font-weight: normal;
    font-size: 18px;
    -webkit-box-shadow: 0px 3px 8px #404040;
    -moz-box-shadow: 0px 3px 8px #404040;
    box-shadow: 0px 3px 8px #404040;
  }
  .btn.btn-filled-orange span:hover {
    background: #0a0a0a;
  }
  .btn.btn-transparent span {
    padding: 8px 20px;
    border: 1px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #fff;
    text-transform: none;
    text-shadow: 1px 1px 1px #404040;
    font-weight: normal;
    font-size: 18px;
    -webkit-box-shadow: 0px 3px 8px #404040;
    -moz-box-shadow: 0px 3px 8px #404040;
    box-shadow: 0px 3px 8px #404040;
  }
  .btn.btn-transparent span:hover {
    border: 1px solid #72b1e0;
    color: #72b1e0;
  }
  .btn.btn-black span {
    padding: 10px 20px;
    background: #0a0a0a;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #fff;
    text-transform: none;
    text-shadow: 1px 1px 1px #404040;
    font-weight: normal;
    font-size: 18px;
    -webkit-box-shadow: 0px 2px 8px #404040;
    -moz-box-shadow: 0px 2px 8px #404040;
    box-shadow: 0px 2px 8px #404040;
  }
  .btn.btn-black span:hover {
    background: #242424;
  }
}
@media screen and (max-width: 47.2em) {
  .filters .inner aside.two-cols > div {
    display: block;
    width: 100%;
  }
  .timeline:before {
    display: none;
  }
  .timeline > article .cbp_tmtime {
    width: 100%;
    position: relative;
    padding: 0 0 20px 0;
  }
  .timeline > article .cbp_tmtime .date-box {
    background: none !important;
    color: #72b1e0;
    display: inline-block;
    height: auto !important;
    width: auto !important;
    padding: 0;
  }
  .timeline > article .cbp_tmtime .date-box:first-of-type {
    margin-right: 5px;
  }
  .timeline > article .cbp_tmtime .date-box:first-of-type span:first-of-type {
    margin-right: 5px;
  }
  .timeline > article .cbp_tmtime .date-box:first-of-type span:first-of-type:after {
    content: ".";
  }
  .timeline > article .cbp_tmtime .date-box span {
    color: #72b1e0;
    font-size: 20px !important;
    line-height: 20px !important;
    display: inline;
  }
  .timeline > article .cbp_tmtime span {
    text-align: left;
  }
  .timeline > article .cbp_tmlabel {
    margin: 0 0 30px 0;
    padding: 1em;
    font-weight: 400;
    font-size: 95%;
  }
  .timeline.author-wrap > article .cbp_tmlabel {
    margin: 0 0 30px 0;
    padding: 1em;
    font-weight: 400;
    font-size: 95%;
  }
  .timeline.author-wrap > article .cbp_tmicon {
    display: block;
    position: initial;
    float: none;
    margin-left: 0;
    margin-bottom: 40px;
  }
  .timeline > article .cbp_tmlabel:after {
    right: auto;
    left: 20px;
    border-right-color: transparent;
    border-bottom-color: #f6f6f6;
    top: -20px;
  }
  .timeline > article .cbp_tmlabel.author-box {
    display: block;
  }
  .timeline > article .cbp_tmlabel.author-box .author-photo {
    display: block;
    text-align: center;
  }
  .timeline > article .cbp_tmlabel.author-box .author-info {
    display: block;
    text-align: center;
  }
  .timeline > article .cbp_tmlabel.author-box .author-info h2 {
    margin: 8px 0;
  }
  .timeline > article:nth-child(odd) .cbp_tmlabel:after {
    border-right-color: transparent;
    border-bottom-color: #f6f6f6;
  }
  .timeline > article .cbp_tmicon {
    position: relative;
    float: right;
    left: auto;
    margin: -55px 5px 0 0px;
  }
  .timeline > article .cbp_comments_cnt {
    display: none;
  }
}
@media only screen and (max-width: 1235px) {
  #footer .prefooter form fieldset {
    margin-bottom: 10px;
  }
  #footer .prefooter form fieldset label {
    display: block;
  }
  #footer .prefooter form fieldset > input {
    width: 100%;
    margin-bottom: 10px;
  }
  #footer .prefooter form fieldset > input:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 900px) {
  #footer .prefooter .col {
    padding: 0;
    width: 100%;
  }
  #footer .prefooter .col:last-child {
    display: none;
  }
  #footer .prefooter form {
    padding: 10px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #footer .prefooter form p {
    font-size: 20px;
    line-height: 22px;
  }
  #footer .prefooter form fieldset {
    margin-bottom: 10px;
  }
  #footer .prefooter form fieldset label {
    display: block;
  }
  #footer .prefooter form fieldset > input {
    width: 100%;
    margin-bottom: 10px;
  }
  #footer .prefooter form fieldset > input:last-child {
    margin-bottom: 0;
  }
  #footer .prefooter form textarea {
    width: 100%;
    margin-bottom: 10px;
  }
  #footer .prefooter form input,
  #footer .prefooter form textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #cacaca;
  }
  #footer .prefooter form .btn.btn-black {
    padding: 8px 20px;
    background: #0a0a0a;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #fff;
    text-transform: none;
    text-shadow: 1px 1px 1px #404040;
    font-weight: normal;
    font-size: 18px;
  }
  #footer .prefooter form .btn.btn-black:hover {
    background: #242424;
  }
}
@media only screen and (max-width: 600px) {
  #footer *[class*=toanimate] {
    opacity: 1;
  }
  #footer .prefooter .col {
    padding: 0;
    width: 100%;
  }
  #footer .prefooter .col:last-child {
    display: none;
  }
  #footer .prefooter form {
    padding: 10px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #footer .prefooter form p {
    font-size: 20px;
    line-height: 22px;
  }
  #footer .prefooter form fieldset {
    margin-bottom: 10px;
  }
  #footer .prefooter form fieldset label {
    display: block;
  }
  #footer .prefooter form fieldset > input {
    width: 100%;
    margin-bottom: 10px;
  }
  #footer .prefooter form fieldset > input:last-child {
    margin-bottom: 0;
  }
  #footer .prefooter form textarea {
    width: 100%;
    margin-bottom: 10px;
  }
  #footer .prefooter form input,
  #footer .prefooter form textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #cacaca;
  }
  #footer .prefooter form .btn.btn-black {
    padding: 8px 20px;
    background: #0a0a0a;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #fff;
    text-transform: none;
    text-shadow: 1px 1px 1px #404040;
    font-weight: normal;
    font-size: 18px;
  }
  #footer .prefooter form .btn.btn-black:hover {
    background: #242424;
  }
  #footer .main-footer p.copyright {
    display: block;
    line-height: 35px;
    margin: 0 auto;
    text-align: center;
  }
  #footer .main-footer p.scrollTop {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
    position: absolute;
  }
  #footer .main-footer p.scrollTop a {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
    background: #404040;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    width: 50px;
    height: 50px;
    position: relative;
    bottom: 36px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }
  #footer .main-footer p.scrollTop a:before {
    content: "";
    background: url('../images/icons/arrowTop.png') 0 0 no-repeat;
    display: block;
    width: 30px;
    height: 20px;
    position: absolute;
    background-size: 100%;
    background-position: center;
    left: 10px;
    top: 5px;
  }
  #footer .main-footer p.scrollTop a:hover {
    background: #72b1e0;
  }
  #footer .main-footer ul.socials {
    list-style: none;
    float: none;
    display: block;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    padding-bottom: 2.2em;
  }
  #footer .main-footer ul.socials li {
    display: inline-block;
  }

  #footer .main-footer ul.socials li a:hover.fb {
    background: #3b5998;
  }
  #footer .main-footer ul.socials li a:hover.twitter {
    background: #9ae4e8;
  }
}
@media only screen and (max-width: 600px) {
  #header *[class*=toanimate] {
    opacity: 1;
  }
  #header .inner {
    padding: 20px 0 17px 0;
  }
  #header .inner #logo {
    display: inline-block;
    width: 50%;
    max-width: 130px;
  }
  #header .inner #logo img {
    max-width: 100%;
  }
  #header .inner .toggle-menu {
    font-size: 15px;
    line-height: 46px;
    margin-top: 0px;
  }
  #header .inner .toggle-menu span.menu-ico {
    width: 32px;
    height: 32px;
    border: 5px solid #d7d7d7;
    margin-right: 8px;
  }
  #header .inner .toggle-menu span.menu-ico:before {
    left: 8px;
    top: 8px;
    width: 16px;
    height: 4px;
    box-shadow: 0 6px 0 0 #fff,
					    0 12px 0 0 #fff;
  }
  #header .inner .toggle-menu:hover span.menu-ico:before {
    background: #fff;
    box-shadow: 0 6px 0 0 #72b1e0, 0 12px 0 0 #72b1e0;
  }
  #header .inner .socials {
    display: none;
  }
  #simple-slider .simple-slide-content h2 {
    font-size: 42px;
  }
  #simple-slider .simple-slide-content p {
      font-size: 26px;
  }
}

.widget_black-studio-tinymce h1 {
color: #0a0a0a;
font-weight: bold;
font-size: 50px;
margin: 40px 0 30px 0;
text-shadow: 2px 2px 8px #bbbbbb;
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
-webkit-animation-delay: .25s;
animation-delay: .25s;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.widget_black-studio-tinymce h2 {
margin: 0 auto 40px auto;
font-size: 20px;
font-weight: bold;
color: #5a5a5a;
text-shadow: 0px 0px 15px #cccccc;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
line-height: 1.5em;
}
#pg-40-1 {
   margin-bottom:0px !important;
}

.panel-grid-cell {

  min-height: 1px;
}
.services-row .widget_nav_menu.panel-first-child {
  position: absolute;
  z-index: 100;
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
}
.second-set .wpcf7-form-control-wrap {
    position: relative;
    display: block;
    width: 50%;
    float: left;
    box-sizing: border-box;
}
.second-set .wpcf7-form-control-wrap:first-of-type {
    padding-right:0.5%;
}
.second-set .wpcf7-form-control-wrap:nth-of-type(2) {
    padding-left:0.5%;
}
.second-set .wpcf7-form-control-wrap input {
    width: 100%;
}
.first-set span.wpcf7-list-item {
    margin-left: 0;
}
.prefooter form textarea {
    height:136px;
}
.prefooter form p{
    margin: 0 0 11px;
}
.services-row .widget_nav_menu.panel-first-child .services-menu {
    width:200px;
    padding:5px 0;
    text-align:center;
    background-color:#72b1e0;
    box-sizing:border-box;
    color:#fff;
    border-radius: 15px;
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    cursor:pointer;
    margin-top:15px;
    font-weight: bold;    
}
.services-row .widget_nav_menu.panel-first-child .services-menu:hover{
    background-color: #ADBED4;
    color:#000000;
}
.services-row .widget_nav_menu.panel-first-child .services-menu.visible:hover{
    background-color: #72b1e0;
}
.widget_nav_menu .services-menu>div {
   
    
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    height:0;
    overflow:hidden;
}
.widget_nav_menu .services-menu>div.visible {
    height:auto;
}
.services-row .widget_nav_menu.panel-first-child .services-menu ul {
    background-color:#72b1e0;
    list-style:none;
    text-align:left;
    border:2px solid #72b1e0;
    padding:5px;
    min-width:200px;
    box-sizing:border-box;

}
.services-row .widget_nav_menu.panel-first-child .services-menu ul>li>a {
    text-decoration:none;
    width: 100%;
    display: block;
    color:#fff;
    font-size: 14px;
    text-transform: none;
}
.services-row .widget_nav_menu.panel-first-child .services-menu ul>li>a:hover {
    color:#404040;
}
label.screen-reader-text {
    display:none;

}
.widget_nav_menu ul {
    list-style:none;
}
address {
    font-style:normal;
}

.widget_nav_menu  ul > li > a {
    text-transform: none;
}
.second-set span.wpcf7-form-control-wrap[data-name="message"]{
    width:100%;
    padding-top:10px;
    padding-bottom:10px;
    padding-right:0;
}
.second-set input[type="submit"]{
	width:100%;
	
}

.cookies-in-detail a{
	font-size: 14px;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {
  font-size: 14px !important;
  line-height: 20px !important;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  border-radius: 150px !important;
  padding: 8px 30px !important;
  transition: all .3s ease;
  border: none;
  display: inline-block;
  margin: 3px 4px !important;
  white-space: nowrap;
  text-transform: none;
  letter-spacing: 0;
  cursor: pointer;
}