@import url('bootstrap.min.css');
@import url('owl.carousel.css');
@import url('jquery-confirm.css');
@import url('slider-pro.min.css');
@import url('https://fonts.googleapis.com/css?family=Exo+2:300,400,600,800&display=swap&subset=cyrillic');


@font-face {
  font-family: 'font-aw';
  font-style: normal;
  font-weight: 300;
  font-display: auto;
  src: url("fonts/fa-light-300.eot");
  src: url("fonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("fonts/fa-light-300.woff") format("woff"), url("fonts/fa-light-300.ttf") format("truetype"), url("fonts/fa-light-300.svg#fontawesome") format("svg"); 
}

.faw {font-family: 'font-aw';}

i {font-style: unset;}


*{font-family:'Exo 2', sans-serif;font-weight: 300;}



.gm-ui-hover-effect{opacity:.6}
.gm-ui-hover-effect:hover{opacity:1}

.gm-control-active>img{box-sizing:content-box;display:none;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}
.gm-control-active>img:nth-child(1){display:block}
.gm-control-active:hover>img:nth-child(1),.gm-control-active:active>img:nth-child(1){display:none}
.gm-control-active:hover>img:nth-child(2),.gm-control-active:active>img:nth-child(3){display:block}

.gm-style .gm-style-cc span,.gm-style .gm-style-cc a,.gm-style .gm-style-mtc div{font-size:10px;box-sizing:border-box}


.dismissButton{background-color:#fff;border:1px solid #dadce0;color:#1a73e8;border-radius:4px;font-size:14px;height:36px;cursor:pointer;padding:0 24px}
.dismissButton:hover{background-color:rgba(66,133,244,0.04);border:1px solid #d2e3fc}
.dismissButton:focus{background-color:rgba(66,133,244,0.12);border:1px solid #d2e3fc;outline:0}
.dismissButton:hover:focus{background-color:rgba(66,133,244,0.16);border:1px solid #d2e2fd}
.dismissButton:active{background-color:rgba(66,133,244,0.16);border:1px solid #d2e2fd;box-shadow:0 1px 2px 0 rgba(60,64,67,0.3),0 1px 3px 1px rgba(60,64,67,0.15)}
.dismissButton:disabled{background-color:#fff;border:1px solid #f1f3f4;color:#3c4043}

@media print {  
  .gm-style .gmnoprint, .gmnoprint {    display:none  }
}

@media screen {  
  .gm-style .gmnoscreen, .gmnoscreen {    display:none  }
}

.center-content {
    text-align: center;
}
.gm-style-pbc{transition:opacity ease-in-out;background-color:rgba(0,0,0,0.45);text-align:center}

.gm-style-pbt{
  font-size:22px;
  color:white;
  position:relative;
  margin:0;
  top:50%;
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%)
}
.gm-style img{max-width: none;}

.gm-style {font: 400 11px; text-decoration: none;}

@charset "UTF-8"; 
/*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2014 Daniel Eden */
.animated{
  -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
}

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

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

@-webkit-keyframes bounce{
  0%, 20%, 53%, 80%, 100%{
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);
  }
  40%, 43%{
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0);
  }
  70%{
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0);
  }
  90%{
    -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0);
  }
}
@keyframes bounce{
  0%, 20%, 53%, 80%, 100%{
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);
  }
  40%, 43%{
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0);
  }
  70%{
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0);
  }
  90%{
    -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0);
  }
}
.bounce{
  -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom;
}
@-webkit-keyframes flash{
  0%, 50%, 100%{
    opacity: 1;
  }
  25%, 75%{
    opacity: 0;
  }
}
@keyframes flash{
  0%, 50%, 100%{
    opacity: 1;
  }
  25%, 75%{
    opacity: 0;
  }
}
.flash{
  -webkit-animation-name: flash; animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse{
  0%{
    -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);
  }
  50%{
    -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05);
  }
  100%{
    -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse{
  0%{
    -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);
  }
  50%{
    -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05);
  }
  100%{
    -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);
  }
}
.pulse{
  -webkit-animation-name: pulse; animation-name: pulse;
}
@-webkit-keyframes rubberBand{
  0%{
    -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);
  }
  30%{
    -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1);
  }
  40%{
    -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1);
  }
  50%{
    -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1);
  }
  65%{
    -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1);
  }
  75%{
    -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1);
  }
  100%{
    -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand{
  0%{
    -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);
  }
  30%{
    -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1);
  }
  40%{
    -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1);
  }
  50%{
    -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1);
  }
  65%{
    -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1);
  }
  75%{
    -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1);
  }
  100%{
    -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);
  }
}
.rubberBand{
  -webkit-animation-name: rubberBand; animation-name: rubberBand;
}
@-webkit-keyframes shake{
  0%, 100%{
    -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90%{
    -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80%{
    -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake{
  0%, 100%{
    -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90%{
    -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80%{
    -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);
  }
}
.shake{
  -webkit-animation-name: shake; animation-name: shake;
}
@-webkit-keyframes swing{
  20%{
    -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg);
  }
  40%{
    -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg);
  }
  60%{
    -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg);
  }
  80%{
    -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg);
  }
  100%{
    -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing{
  20%{
    -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg);
  }
  40%{
    -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg);
  }
  60%{
    -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg);
  }
  80%{
    -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg);
  }
  100%{
    -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing{
  -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing;
}
@-webkit-keyframes tada{
  0%{
    -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);
  }
  10%, 20%{
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90%{
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80%{
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100%{
    -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);
  }
}
@keyframes tada{
  0%{
    -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);
  }
  10%, 20%{
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90%{
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80%{
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100%{
    -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);
  }
}
.tada{
  -webkit-animation-name: tada; animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ 
@-webkit-keyframes wobble{
  0%{
    -webkit-transform: none; transform: none;
  }
  15%{
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30%{
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45%{
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60%{
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75%{
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100%{
    -webkit-transform: none; transform: none;
  }
}
@keyframes wobble{
  0%{
    -webkit-transform: none; transform: none;
  }
  15%{
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30%{
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45%{
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60%{
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75%{
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100%{
    -webkit-transform: none; transform: none;
  }
}
.wobble{
  -webkit-animation-name: wobble; animation-name: wobble;
}
@-webkit-keyframes bounceIn{
  0%, 20%, 40%, 60%, 80%, 100%{
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0%{
    opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);
  }
  20%{
    -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);
  }
  40%{
    -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9);
  }
  60%{
    opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);
  }
  80%{
    -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97);
  }
  100%{
    opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn{
  0%, 20%, 40%, 60%, 80%, 100%{
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0%{
    opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);
  }
  20%{
    -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);
  }
  40%{
    -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9);
  }
  60%{
    opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);
  }
  80%{
    -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97);
  }
  100%{
    opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);
  }
}
.bounceIn{
  -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: .75s; animation-duration: .75s;
}
@-webkit-keyframes bounceInDown{
  0%, 60%, 75%, 90%, 100%{
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0%{
    opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0);
  }
  60%{
    opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0);
  }
  75%{
    -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);
  }
  90%{
    -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0);
  }
  100%{
    -webkit-transform: none; transform: none;
  }
}
@keyframes bounceInDown{
  0%, 60%, 75%, 90%, 100%{
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0%{
    opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0);
  }
  60%{
    opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0);
  }
  75%{
    -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);
  }
  90%{
    -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0);
  }
  100%{
    -webkit-transform: none; transform: none;
  }
}
.bounceInDown{
  -webkit-animation-name: bounceInDown; animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft{
  0%, 60%, 75%, 90%, 100%{
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0%{
    opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0);
  }
  60%{
    opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0);
  }
  75%{
    -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);
  }
  90%{
    -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0);
  }
  100%{
    -webkit-transform: none; transform: none;
  }
}
@keyframes bounceInLeft{
  0%, 60%, 75%, 90%, 100%{
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0%{
    opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0);
  }
  60%{
    opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0);
  }
  75%{
    -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);
  }
  90%{
    -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0);
  }
  100%{
    -webkit-transform: none; transform: none;
  }
}
.bounceInLeft{
  -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight{
  0%, 60%, 75%, 90%, 100%{
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0%{
    opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0);
  }
  60%{
    opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0);
  }
  75%{
    -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);
  }
  90%{
    -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0);
  }
  100%{
    -webkit-transform: none; transform: none;
  }
}
@keyframes bounceInRight{
  0%, 60%, 75%, 90%, 100%{
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0%{
    opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0);
  }
  60%{
    opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0);
  }
  75%{
    -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);
  }
  90%{
    -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0);
  }
  100%{
    -webkit-transform: none; transform: none;
  }
}
.bounceInRight{
  -webkit-animation-name: bounceInRight; animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp{
  0%, 60%, 75%, 90%, 100%{
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0%{
    opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0);
  }
  60%{
    opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);
  }
  75%{
    -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);
  }
  90%{
    -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);
  }
  100%{
    -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp{
  0%, 60%, 75%, 90%, 100%{
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0%{
    opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0);
  }
  60%{
    opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);
  }
  75%{
    -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);
  }
  90%{
    -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);
  }
  100%{
    -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
  }
}
.bounceInUp{
  -webkit-animation-name: bounceInUp; animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut{
  20%{
    -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9);
  }
  50%, 55%{
    opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);
  }
  100%{
    opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);
  }
}
@keyframes bounceOut{
  20%{
    -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9);
  }
  50%, 55%{
    opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);
  }
  100%{
    opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);
  }
}
.bounceOut{
  -webkit-animation-name: bounceOut; animation-name: bounceOut; -webkit-animation-duration: .75s; animation-duration: .75s;
}
@-webkit-keyframes bounceOutDown{
  20%{
    -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);
  }
  40%, 45%{
    opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);
  }
  100%{
    opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown{
  20%{
    -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);
  }
  40%, 45%{
    opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);
  }
  100%{
    opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown{
  -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft{
  20%{
    opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0);
  }
  100%{
    opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft{
  20%{
    opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0);
  }
  100%{
    opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft{
  -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight{
  20%{
    opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0);
  }
  100%{
    opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight{
  20%{
    opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0);
  }
  100%{
    opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight{
  -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp{
  20%{
    -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);
  }
  40%, 45%{
    opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0);
  }
  100%{
    opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp{
  20%{
    -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);
  }
  40%, 45%{
    opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0);
  }
  100%{
    opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp{
  -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn{
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}
@keyframes fadeIn{
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}
.fadeIn{
  -webkit-animation-name: fadeIn; animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown{
  0%{
    opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);
  }
  100%{
    opacity: 1; -webkit-transform: none; transform: none;
  }
}
@keyframes fadeInDown{
  0%{
    opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);
  }
  100%{
    opacity: 1; -webkit-transform: none; transform: none;
  }
}
.fadeInDown{
  -webkit-animation-name: fadeInDown; animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig{
  0%{
    opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);
  }
  100%{
    opacity: 1; -webkit-transform: none; transform: none;
  }
}
@keyframes fadeInDownBig{
  0%{
    opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);
  }
  100%{
    opacity: 1; -webkit-transform: none; transform: none;
  }
}
.fadeInDownBig{
  -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft{
  0%{
    opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);
  }
  100%{
    opacity: 1; -webkit-transform: none; transform: none;
  }
}
@keyframes fadeInLeft{
  0%{
    opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);
  }
  100%{
    opacity: 1; -webkit-transform: none; transform: none;
  }
}
.fadeInLeft{
  -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig{
  0%{
    opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);
  }
  100%{
    opacity: 1; -webkit-transform: none; transform: none;
  }
}
@keyframes fadeInLeftBig{
  0%{
    opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);
  }
  100%{
    opacity: 1; -webkit-transform: none; transform: none;
  }
}
.fadeInLeftBig{
  -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight{
  0%{
    opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);
  }
  100%{
    opacity: 1; -webkit-transform: none; transform: none;
  }
}
@keyframes fadeInRight{
  0%{
    opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);
  }
  100%{
    opacity: 1; -webkit-transform: none; transform: none;
  }
}
.fadeInRight{
  -webkit-animation-name: fadeInRight; animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig{
  0%{
    opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);
  }
  100%{
    opacity: 1; -webkit-transform: none; transform: none;
  }
}
@keyframes fadeInRightBig{
  0%{
    opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);
  }
  100%{
    opacity: 1; -webkit-transform: none; transform: none;
  }
}
.fadeInRightBig{
  -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp{
  0%{
    opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);
  }
  100%{
    opacity: 1; -webkit-transform: none; transform: none;
  }
}
@keyframes fadeInUp{
  0%{
    opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);
  }
  100%{
    opacity: 1; -webkit-transform: none; transform: none;
  }
}
.fadeInUp{
  -webkit-animation-name: fadeInUp; animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig{
  0%{
    opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);
  }
  100%{
    opacity: 1; -webkit-transform: none; transform: none;
  }
}
@keyframes fadeInUpBig{
  0%{
    opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);
  }
  100%{
    opacity: 1; -webkit-transform: none; transform: none;
  }
}
.fadeInUpBig{
  -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut{
  0%{
    opacity: 1;
  }
  100%{
    opacity: 0;
  }
}
@keyframes fadeOut{
  0%{
    opacity: 1;
  }
  100%{
    opacity: 0;
  }
}
.fadeOut{
  -webkit-animation-name: fadeOut; animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown{
  0%{
    opacity: 1;
  }
  100%{
    opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown{
  0%{
    opacity: 1;
  }
  100%{
    opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown{
  -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig{
  0%{
    opacity: 1;
  }
  100%{
    opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig{
  0%{
    opacity: 1;
  }
  100%{
    opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig{
  -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft{
  0%{
    opacity: 1;
  }
  100%{
    opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft{
  0%{
    opacity: 1;
  }
  100%{
    opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft{
  -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig{
  0%{
    opacity: 1;
  }
  100%{
    opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig{
  0%{
    opacity: 1;
  }
  100%{
    opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig{
  -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight{
  0%{
    opacity: 1;
  }
  100%{
    opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight{
  0%{
    opacity: 1;
  }
  100%{
    opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight{
  -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig{
  0%{
    opacity: 1;
  }
  100%{
    opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig{
  0%{
    opacity: 1;
  }
  100%{
    opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig{
  -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp{
  0%{
    opacity: 1;
  }
  100%{
    opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp{
  0%{
    opacity: 1;
  }
  100%{
    opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp{
  -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig{
  0%{
    opacity: 1;
  }
  100%{
    opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig{
  0%{
    opacity: 1;
  }
  100%{
    opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig{
  -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip{
  0%{
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;
  }
  40%{
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;
  }
  50%{
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;
  }
  80%{
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;
  }
  100%{
    -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;
  }
}
@keyframes flip{
  0%{
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;
  }
  40%{
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;
  }
  50%{
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;
  }
  80%{
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;
  }
  100%{
    -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;
  }
}
.animated.flip{
  -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip;
}
@-webkit-keyframes flipInX{
  0%{
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0;
  }
  40%{
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;
  }
  60%{
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1;
  }
  80%{
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100%{
    -webkit-transform: perspective(400px); transform: perspective(400px);
  }
}
@keyframes flipInX{
  0%{
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0;
  }
  40%{
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;
  }
  60%{
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1;
  }
  80%{
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100%{
    -webkit-transform: perspective(400px); transform: perspective(400px);
  }
}
.flipInX{
  -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX;
}
@-webkit-keyframes flipInY{
  0%{
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0;
  }
  40%{
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;
  }
  60%{
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1;
  }
  80%{
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100%{
    -webkit-transform: perspective(400px); transform: perspective(400px);
  }
}
@keyframes flipInY{
  0%{
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0;
  }
  40%{
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;
  }
  60%{
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1;
  }
  80%{
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100%{
    -webkit-transform: perspective(400px); transform: perspective(400px);
  }
}
.flipInY{
  -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY;
}
@-webkit-keyframes flipOutX{
  0%{
    -webkit-transform: perspective(400px); transform: perspective(400px);
  }
  30%{
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1;
  }
  100%{
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0;
  }
}
@keyframes flipOutX{
  0%{
    -webkit-transform: perspective(400px); transform: perspective(400px);
  }
  30%{
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1;
  }
  100%{
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0;
  }
}
.flipOutX{
  -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY{
  0%{
    -webkit-transform: perspective(400px); transform: perspective(400px);
  }
  30%{
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1;
  }
  100%{
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0;
  }
}
@keyframes flipOutY{
  0%{
    -webkit-transform: perspective(400px); transform: perspective(400px);
  }
  30%{
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1;
  }
  100%{
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0;
  }
}
.flipOutY{
  -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; -webkit-animation-duration: .75s; animation-duration: .75s;
}
@-webkit-keyframes lightSpeedIn{
  0%{
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0;
  }
  60%{
    -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1;
  }
  80%{
    -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1;
  }
  100%{
    -webkit-transform: none; transform: none; opacity: 1;
  }
}
@keyframes lightSpeedIn{
  0%{
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0;
  }
  60%{
    -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1;
  }
  80%{
    -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1;
  }
  100%{
    -webkit-transform: none; transform: none; opacity: 1;
  }
}
.lightSpeedIn{
  -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut{
  0%{
    opacity: 1;
  }
  100%{
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0;
  }
}
@keyframes lightSpeedOut{
  0%{
    opacity: 1;
  }
  100%{
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0;
  }
}
.lightSpeedOut{
  -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn{
  0%{
    -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0;
  }
  100%{
    -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1;
  }
}
@keyframes rotateIn{
  0%{
    -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0;
  }
  100%{
    -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1;
  }
}
.rotateIn{
  -webkit-animation-name: rotateIn; animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft{
  0%{
    -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;
  }
  100%{
    -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1;
  }
}
@keyframes rotateInDownLeft{
  0%{
    -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;
  }
  100%{
    -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1;
  }
}
.rotateInDownLeft{
  -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight{
  0%{
    -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;
  }
  100%{
    -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1;
  }
}
@keyframes rotateInDownRight{
  0%{
    -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;
  }
  100%{
    -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1;
  }
}
.rotateInDownRight{
  -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft{
  0%{
    -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;
  }
  100%{
    -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1;
  }
}
@keyframes rotateInUpLeft{
  0%{
    -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;
  }
  100%{
    -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1;
  }
}
.rotateInUpLeft{
  -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight{
  0%{
    -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0;
  }
  100%{
    -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1;
  }
}
@keyframes rotateInUpRight{
  0%{
    -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0;
  }
  100%{
    -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1;
  }
}
.rotateInUpRight{
  -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut{
  0%{
    -webkit-transform-origin: center; transform-origin: center; opacity: 1;
  }
  100%{
    -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0;
  }
}
@keyframes rotateOut{
  0%{
    -webkit-transform-origin: center; transform-origin: center; opacity: 1;
  }
  100%{
    -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0;
  }
}
.rotateOut{
  -webkit-animation-name: rotateOut; animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft{
  0%{
    -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;
  }
  100%{
    -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;
  }
}
@keyframes rotateOutDownLeft{
  0%{
    -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;
  }
  100%{
    -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;
  }
}
.rotateOutDownLeft{
  -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight{
  0%{
    -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;
  }
  100%{
    -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;
  }
}
@keyframes rotateOutDownRight{
  0%{
    -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;
  }
  100%{
    -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;
  }
}
.rotateOutDownRight{
  -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft{
  0%{
    -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;
  }
  100%{
    -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;
  }
}
@keyframes rotateOutUpLeft{
  0%{
    -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;
  }
  100%{
    -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;
  }
}
.rotateOutUpLeft{
  -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight{
  0%{
    -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;
  }
  100%{
    -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0;
  }
}
@keyframes rotateOutUpRight{
  0%{
    -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;
  }
  100%{
    -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0;
  }
}
.rotateOutUpRight{
  -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge{
  0%{
    -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;
  }
  20%, 60%{
    -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;
  }
  40%, 80%{
    -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1;
  }
  100%{
    -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0;
  }
}
@keyframes hinge{
  0%{
    -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;
  }
  20%, 60%{
    -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;
  }
  40%, 80%{
    -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1;
  }
  100%{
    -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0;
  }
}
.hinge{
  -webkit-animation-name: hinge; animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn{
  0%{
    opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100%{
    opacity: 1; -webkit-transform: none; transform: none;
  }
}
@keyframes rollIn{
  0%{
    opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100%{
    opacity: 1; -webkit-transform: none; transform: none;
  }
}
.rollIn{
  -webkit-animation-name: rollIn; animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut{
  0%{
    opacity: 1;
  }
  100%{
    opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut{
  0%{
    opacity: 1;
  }
  100%{
    opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut{
  -webkit-animation-name: rollOut; animation-name: rollOut;
}
@-webkit-keyframes zoomIn{
  0%{
    opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);
  }
  50%{
    opacity: 1;
  }
}
@keyframes zoomIn{
  0%{
    opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);
  }
  50%{
    opacity: 1;
  }
}
.zoomIn{
  -webkit-animation-name: zoomIn; animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown{
  0%{
    opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60%{
    opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
@keyframes zoomInDown{
  0%{
    opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60%{
    opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
.zoomInDown{
  -webkit-animation-name: zoomInDown; animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft{
  0%{
    opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60%{
    opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
@keyframes zoomInLeft{
  0%{
    opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60%{
    opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
.zoomInLeft{
  -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight{
  0%{
    opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60%{
    opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
@keyframes zoomInRight{
  0%{
    opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60%{
    opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
.zoomInRight{
  -webkit-animation-name: zoomInRight; animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp{
  0%{
    opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60%{
    opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
@keyframes zoomInUp{
  0%{
    opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60%{
    opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
.zoomInUp{
  -webkit-animation-name: zoomInUp; animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut{
  0%{
    opacity: 1;
  }
  50%{
    opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);
  }
  100%{
    opacity: 0;
  }
}
@keyframes zoomOut{
  0%{
    opacity: 1;
  }
  50%{
    opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);
  }
  100%{
    opacity: 0;
  }
}
.zoomOut{
  -webkit-animation-name: zoomOut; animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown{
  40%{
    opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  100%{
    opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
@keyframes zoomOutDown{
  40%{
    opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  100%{
    opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
.zoomOutDown{
  -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft{
  40%{
    opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }
  100%{
    opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center;
  }
}
@keyframes zoomOutLeft{
  40%{
    opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }
  100%{
    opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center;
  }
}
.zoomOutLeft{
  -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight{
  40%{
    opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }
  100%{
    opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center;
  }
}
@keyframes zoomOutRight{
  40%{
    opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }
  100%{
    opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center;
  }
}
.zoomOutRight{
  -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp{
  40%{
    opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  100%{
    opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
@keyframes zoomOutUp{
  40%{
    opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  100%{
    opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
.zoomOutUp{
  -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown{
  0%{
    -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible;
  }
  100%{
    -webkit-transform: translateY(0); transform: translateY(0);
  }
}
@keyframes slideInDown{
  0%{
    -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible;
  }
  100%{
    -webkit-transform: translateY(0); transform: translateY(0);
  }
}
.slideInDown{
  -webkit-animation-name: slideInDown; animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft{
  0%{
    -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible;
  }
  100%{
    -webkit-transform: translateX(0); transform: translateX(0);
  }
}
@keyframes slideInLeft{
  0%{
    -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible;
  }
  100%{
    -webkit-transform: translateX(0); transform: translateX(0);
  }
}
.slideInLeft{
  -webkit-animation-name: slideInLeft; animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight{
  0%{
    -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible;
  }
  100%{
    -webkit-transform: translateX(0); transform: translateX(0);
  }
}
@keyframes slideInRight{
  0%{
    -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible;
  }
  100%{
    -webkit-transform: translateX(0); transform: translateX(0);
  }
}
.slideInRight{
  -webkit-animation-name: slideInRight; animation-name: slideInRight;
}
@-webkit-keyframes slideInUp{
  0%{
    -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible;
  }
  100%{
    -webkit-transform: translateY(0); transform: translateY(0);
  }
}
@keyframes slideInUp{
  0%{
    -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible;
  }
  100%{
    -webkit-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%{
    visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%);
  }
}
@keyframes slideOutDown{
  0%{
    -webkit-transform: translateY(0); transform: translateY(0);
  }
  100%{
    visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%);
  }
}
.slideOutDown{
  -webkit-animation-name: slideOutDown; animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft{
  0%{
    -webkit-transform: translateX(0); transform: translateX(0);
  }
  100%{
    visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%);
  }
}
@keyframes slideOutLeft{
  0%{
    -webkit-transform: translateX(0); transform: translateX(0);
  }
  100%{
    visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%);
  }
}
.slideOutLeft{
  -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight{
  0%{
    -webkit-transform: translateX(0); transform: translateX(0);
  }
  100%{
    visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%);
  }
}
@keyframes slideOutRight{
  0%{
    -webkit-transform: translateX(0); transform: translateX(0);
  }
  100%{
    visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%);
  }
}
.slideOutRight{
  -webkit-animation-name: slideOutRight; animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp{
  0%{
    -webkit-transform: translateY(0); transform: translateY(0);
  }
  100%{
    visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%);
  }
}
@keyframes slideOutUp{
  0%{
    -webkit-transform: translateY(0); transform: translateY(0);
  }
  100%{
    visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%);
  }
}
.slideOutUp{
  -webkit-animation-name: slideOutUp; animation-name: slideOutUp;
}
/************************** Table of contents 1. General Styles 2. Bootstrap Overrides 2.1. Bootstrap general 2.2. Bootstrap navbar 2.3. Bootstrap nav-tabs 3. Header - Home 4. Schedule section 5. Speakers section 6. Pricing section 7. Register section 8. Supporters section 9. Footer *********************** 10. Responsive Styles 10.1 Bootstrap nabar 10.2 Header - Home 10.3 Schedule section 10.4 Speakers section 10.5 Register section 10.6 Supporters section 10.7 Footer ***************************/ /************************** 1. General Styles ***************************/ 
*, *:before, *:after{
  box-sizing: border-box;
}
html, body{
  margin: 0; padding: 0; height: 100%;
}
body{
  width: 100%; position: relative; color: #333; font-size: 15px;
}
section, footer{
  padding: 6rem 0;
}
section h1{
  margin-top: 0px;
}

@media screen and (min-width: 768px) {
  img.gr{
    -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;
  }
  img.gr:hover{
    -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%); filter: grayscale(0%);
  }
}


h1, h2, h3, h4, h5, h6{
  font-weight: 700;
}
/************************** 2. Bootstrap Overrides **************************/ /************************** 2.1. Bootstrap general **************************/ 
*{
  border-radius: 0 !important;
}
.btn-default{
  background: transparent; color: #fff; border-color: #fff;
}
.btn-default:hover{
  background: #fff;
}
.btn{
  -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease;
}
.form-group{
  margin-bottom: 3rem;
}
input[type="text"], input[type="email"], input[type="password"], input[type="tel"], textarea, select, .form-control{
  background: #4fc9cf; border: none; border-bottom: 1px solid transparent; color: #fff; font-size: 1.8rem; resize: none; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease;
}
input[type="text"] option, input[type="email"] option, input[type="password"] option, input[type="tel"] option, textarea option, select option, .form-control option{
  color: #333;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="tel"]:focus, textarea:focus, select:focus, .form-control:focus{
  background: rgba(255, 255, 255, 0); border-color: #fff; -webkit-box-shadow: none; box-shadow: none;
}


.input-set input, .input-set option, .input-set textarea, .input-set select {color:inherit;} 


section#head-slider {
    padding-top: 0;
}

section#testimonial {
    color: #fff;
}

/************************** 2.2. Bootstrap navbar **************************/ 
.navbar{
  position: absolute; width: 100%;
}
.navbar-inverse{
  margin-bottom: 0px;
}
.navbar-inverse .navbar-brand img{
  height: 40px; width: auto; margin-top: -8px;
}
/************************** 2.3. Bootstrap nav-tabs **************************/ 
.nav-tabs{
  border: none;
}
.nav-tabs > li > a{
  font-size: 18px; font-weight: 700; color: #999; border: 2px solid transparent; border-bottom-width: 0px;
}
.nav-tabs > li > a:hover{
  border-color: transparent; color: #333; background: transparent;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{
  color: #333; border: 2px solid #eee; border-bottom-width: 0px; background: #eee;
}
/************************** 3. Header - Home ***************************/ 
header{
  position: relative; display: table; width: 100%; height: 50px; min-height: 50px; vertical-align: middle;;
}
.background-image{
  z-index: -1; top: 0; left: 0; width: 100%; height: 100%; 
}
.home-content{
  position: relative; display: table-cell; vertical-align: middle;
}
.event-name, .event-details{
  font-weight: 300;
}
.event-name{
  margin: 2rem 0; font-size: 8rem; line-height: 6rem; font-weight: 300;
}
.event-details{
  display: inline-block; margin-top: 30px; border: 2px solid #fff; padding: 6px 15px;
}
#countdown{
  position: relative; margin-top: 30px; display: block; overflow: hidden; text-align: center;
}
.days, .hours, .minutes{
  border-right: 1px solid #fff;
}
.title{
  font-size: 14px; line-height: 22px; width: 100%; display: block; font-weight: 300; clear: both;
}
.digit{
  font-size: 40px; line-height: 40px; font-weight: 300; height: 40px; display: inline-block; overflow: hidden; text-align: center; position: relative; vertical-align: middle;
}
/************************** 4. Schedule section ***************************/ 
#schedule{
  box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.15);
}
.host-words{
  margin-top: 3rem; font-size: 18px;
}
.schedule{
  padding: 0; border: 2px solid #eee; list-style-type: none;
}
.schedule li{
  position: relative; padding: 1rem 4rem 1rem 2rem; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;
}
.schedule li .time{
  color: #999;
}
.schedule li h3{
  margin: 5px 0;
}
.schedule li p{
  max-height: 0px; opacity: 0; overflow: hidden; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; width: 90%;
}
.schedule li .line{
  top: 0; position: absolute; width: 1px; height: 100%; right: 3rem; margin-left: -8px; background: #999; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;
}
.schedule li .line .bullet{
  position: absolute; left: -7px; width: 1.5rem; height: 1.5rem; background: #fff; border: 1px solid #999; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;
}
.schedule li:first-child .line{
  top: 50%; height: 50%;
}
.schedule li:last-child .line{
  top: 0%; height: 50%;
}
.schedule li:last-child .line .bullet{
  bottom: 0;
}
.schedule li:not(:first-child):not(:last-child) .line .bullet{
  top: 47%;
}
.schedule li:hover, .schedule li:focus, .schedule li:active{
  cursor: pointer; background: #eee;
}
.schedule li:hover p, .schedule li:focus p, .schedule li:active p{
  max-height: 10rem; opacity: 1;
}
.schedule li:hover .line, .schedule li:focus .line, .schedule li:active .line{
  background: #333;
}
.schedule li:hover .line .bullet, .schedule li:focus .line .bullet, .schedule li:active .line .bullet{
  border-color: #333; background: #FA7268;
}
/************************** 5. Speakers section ***************************/ 
.speakers{
  background: rgba(255, 255, 255);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.15);
}
.speakers h1{
  display: inline-block; border: 2px solid #333; padding: 6px 15px;
}
.speaker-details{
  margin-top: 3rem; margin-bottom: 2rem;
}
.speaker-details h2{
  margin-top: 0px;
}
.speaker-details h4{
  color: #999;
}
.speaker-social-links{
  position: absolute; z-index: 2; bottom: 0%; padding: 6px 15px; overflow: hidden; background: rgba(51, 51, 51, 0.5);
}
.speaker-social-links a{
  font-size: 2rem; color: #fff; margin-right: 1.5rem;
}
.speaker-social-links a:hover{
  color: #eee;
}
/************************** 6. Pricing section ***************************/ 

.pricing-header{
  background: #333; color: #fff; padding: 40px 0;
}
.pricing-header h1{
  display: inline-block; border: 2px solid #fff; padding: 6px 15px; margin: 0;
}
.pricing-box{
  background: #fff; border: 2px solid #333; margin-top: 80px;
}
/************************** 7. Location section ***************************/ 

section#location {min-height: 600px;}

.container.location {display: grid !important;grid-template-columns: 0.8fr 1.2fr;grid-gap: 20px}
@media screen and (max-width: 767px){
  .container.location {grid-template-columns:1fr;}
}

.container.location::before, .container.location::after {content: "";display: none;}

.location-text {
    color: black;
    font-size: 20px;
    background: #ffffffcc;
    padding: 20px;
}

.container.location>div>img {
    object-fit: cover;
    width: 100%;
}


/************************** 7. Register section ***************************/ 
.register{
  position: relative; 
  color: #fff;
  background: url("../img/background1.svg");
  background-size: cover; 
  background-color: unset;
}
.register .pricing-options{
  width: 100%;
}
.register .pricing-options .btn{
  min-width: 25%;
}
.register .event-map .map{
  width: 100%; height: 100%;
}
.register .event-map .info{
  position: absolute; bottom: 2rem; right: 2rem; background: #fff; padding: 0 20px 10px; z-index: 99; border: 2px solid #333; color: #333;
}
/************************** 8. Supporters section ***************************/ 
.supporters h1{
  display: inline-block; border: 2px solid #333; padding: 6px 15px;
}
.supporter{
  height: 150px; margin-top: 3rem;
}
.supporter img{
  position: relative; margin: 0 auto; max-height: 100%; max-width: 100%; height: auto; width: auto;
}
/************************** 9. Footer ***************************/ 
footer{
  color: #fff; background: #333;
}
footer h3{
  margin-top: 0px;
}
.social-btn{
  display: inline-block; padding: .5rem 1rem; color: #fff; line-height: 4rem; text-align: center; font-size: 3rem; border: 1px solid transparent; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;
}
.social-btn.mail{
  border: 1px solid #fff;
}
.social-btn.facebook{
  background: #3b5998;
}
.social-btn.twitter{
  background: #00aced;
}
.social-btn.linkedin{
  background: #007bb6;
}
.social-btn.google-plus{
  background: #dd4b39;
}
.social-btn:hover{
  color: #ccc; box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.social-btn i{
  width: 30px;
}
/************************** 10. Responsive Styles ***************************/ /************************** 10.1 Bootstrap nabar ***************************/ /* Medium and large devices - tablets, laptops & desktops */ 
@media screen and (min-width: 991px){
  .navbar {
    border: none;
  }
  .navbar-inverse{
    background: #fff;
  }

  .navbar-inverse li{
    border-bottom: 1px solid rgba(255, 255, 255, 0); -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease;
  }
  .navbar-inverse li:hover{border-bottom: 1px solid #ffffff;}
  .navbar-inverse li.active > a{background-color: transparent !important;}
  .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    color: #01b8c6;
    background-color: unset;
  }

  .navbar-inverse li:hover {
    border-bottom: 3px solid #ff0000;
  }

  
}
/* Small devices - small tablets & mobile phones */ 
@media screen and (max-width: 991px){
  .navbar-inverse *{color: #fff !important;}
  .navbar-inverse ul.navbar-nav{text-align: center;}
  
}
/************************** 10.2 Header - Home ***************************/ /* Small devices - small tablets & mobile phones */ 
@media screen and (max-width: 767px){
  .background-image{
    position: absolute;
  }
}
@media screen and (max-width: 550px){

  .event-name{
    font-size: 6rem;
  }
  .event-details{
    font-size: 2rem;
  }
  .digit{
    font-size: 15px;
  }
  .title{
    font-size: 14px;
  }
}
/************************** 10.3 Speakers section ***************************/ @media screen and (max-width: 767px){
  .speakers{
    background: #eee;
  }
  .speaker-details{
    text-align: center;
  }
}
/************************** 10.4 Schedule section ***************************/ @media screen and (max-width: 767px){
  .speaker-details h2{
    margin-top: 1rem;
  }
  .speaker-details h2, .speaker-details h4{
    text-align: center;
  }
  .schedule{
    border: none;
  }
  .schedule li{
    padding: 2rem 0 0 0;
  }
  .schedule li .line{
    display: none;
  }
  .schedule li p{
    max-height: none !important; opacity: 1; width: 100%;
  }
  .schedule li:hover{
    background: none; cursor: default;
  }
}
/************************** 10.5 Register section ***************************/ /* Medium and large devices - tablets, laptops & desktops */ @media screen and (min-width: 767px){
  .event-map{
    position: absolute; height: 100%; width: 50%; top: 0; right: 0; -webkit-transition: 1s ease; -moz-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease;
  }
}
/* Small devices - small tablets & mobile phones */ @media screen and (max-width: 767px){
  .register{
    padding-bottom: 0px;
  }
  .register .form-group{
    max-width: none;
  }
  .event-map{
    position: relative; display: block; width: 100%; height: 400px; margin-top: 3rem;
  }
  .event-map .info{
    bottom: 0rem !important; right: 0rem !important; width: 100%; border-left-width: 0px !important; border-right-width: 0px !important;
  }
}
/************************** 10.6 Supporters section ***************************/ /* Small devices - small tablets & mobile phones */ @media screen and (max-width: 550px){
  .supporter{
    display: block; height: 100px;
  }
}
/************************** 10.7 Footer ***************************/
 @media screen and (max-width: 767px){
  .social-btn{
    padding: 0; line-height: 3.5rem; font-size: 2rem;
  }
}
/************************** END **************************/ 



#main-logo{
  width:600px;
  height: auto;
  max-width: 100%;
}




blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 1.2em;
    font-weight: 300;
    border-left: 5px solid #eee;
}


.ref-name {
  display: inline-block;
  font-size: 1.3em;
  font-weight: 600;
  padding: 0 9px;
  background-color: #FA7268;

}

.ref-desgn {
  display: inline-block;
  font-size: 1.05em;
  font-weight: 300;
  padding: 0 9px;
  background-color: #332c2ba1;
}

@media screen and (max-width: 550px) {
  blockquote {
    font-size: 1em;
  }
 .ref-desgn {
    font-size: .9em;
  }
}

.navbar-nav{
  font-size: 1.2em;
}

.btn-default {font-size: 1.2em;}

.faw-rocket::after {
  content: '\f135';
  color: #FA7268;
  font-size: 1.5em;
  vertical-align: sub;
}

.testimonial-carousel{display: none;}

h4>a {
    font-weight: 700;
    color: #FA7268;
}

a:focus, a:hover {
    color: #989898;
    text-decoration: none;
}

.speaker-social-links a:focus,.speaker-social-links a:hover  {
    color: #00bbc6;
}

span.class-counter-anim {
    display: block;
    font-size: 2.5em;
}

.counter-title::before {
  font-family: 'font-aw';
  padding-right: 10px;
  font-size: 1.4em;
}

.contries::before {content: "\f7a2"; }
.university::before {content: "\f19c";}
.clock::before {content: "\f017";}
.people::before {content: "\f63d";}
.business::before {content: "\f0b1";}
.tachometer::before {content: "\f0e4";}


span.class-counter-anim span {
  color: #FA7268;
}

p.counter-title {
    font-size: 1.2em;
}

p.conter-desc {
    border-top: 1px solid #ccc;
    padding-top: 10px;
}

@media screen and (max-width: 550px){
  span.class-counter-anim {
      display: block;
      font-size: 1.8em;
  }
}

section#event2_sec {
    background: #efefef;
}

.top-button {
    position: absolute;
    bottom: 30px;
    text-align: center;
    width: 100%;
}

.middle-button {
    bottom: 30px;
    text-align: center;
    width: 100%;
}

button.button-buy {
    background: #fa7268;
    border: 1px solid #f06f65;
    font-size: 1.4em;
    font-weight: 300;
    padding: 5px 17px;
    letter-spacing: 2px;
}

.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #caf0f2;
  opacity: 1; /* Firefox */
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #caf0f2;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: #caf0f2;
}


.switch-lang {
    font-size: 0.8em;
    color: #ccc !important;
}

video {display: none}

@media screen and (min-width: 700px) {
  video {
    display: block;
  }
  #myVideo {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: -1;
  }
}

h2.h2-head{
  display: inline-block;
  border: 2px solid #797979;
  padding: 6px 15px;
  color: #797979;
}

.price-box {
    border: 1px grey solid;
    margin: 10px;
    padding: 20px;
    max-width: 350px;
    text-align: center;
    justify-self: center;
    background-color: #fff;
}

.price-box h3 {
    font-weight: 900;
    font-size: 18px;
    color: #fa7268;
}

.grid {display: grid;}

@media screen and (min-width: 768px) {.price-box-head {min-height: 135px;}}

li.price-group-item {
    display: block;
    padding: 7px;
    border-bottom: 1px solid grey;
}


.price-group-item::before {
  color: #FA7268;
  font-size: 1.5em;
  vertical-align: sub;
  font-family: 'font-aw';
  padding-right: 10px;
}

.price-hospitals::before {content: '\f80e';}
.price-dinner::before {content: '\f561';}
.price-food::before {content: '\f7b7';}
.price-rocket::before {content: '\f135';}
.price-prise::before {content: '\f79c';}
.price-sert::before {content: '\f5f3';}

.faw-circle::before {content: '\f0c8';}
.faw-check-circle::before {content: '\f14a';}



.price-box h3 span {
    font-size: 2em;
}


.price-box .btn-default {
    background-color: #fa7268;
    width: 100%;
}

.price-box .btn-default:hover {
    background: #fff;
}


div#modal-order-area {
    position: fixed;
    display: grid;
    width: 100%;
    min-height: 100%;
    height: auto;
    top: 0;
    left: 0;
    bottom: 0;
    background: #d7d7d791;
    z-index: 10000;
    overflow-y: scroll;

}

section#form {
  border-top: #fa7268 solid 5px;
    align-self: center;
    justify-self: center;
    width: 450px;
    max-width: 100%;
    background-color: #fff;
    padding: 20px;
    position: relative;
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.10);
}

@media screen and (max-width: 450px){
  section#form {width: 100%;}
}

.input-set {
    display: grid;
    grid-gap: 10px;
}

.input-set>input {
    border: none;
    border-bottom: 1px solid #ccc;
}



.input-set>input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ccc;
  font-size: 0.9em;
}
.input-set>input::-moz-placeholder { /* Firefox 19+ */
  color: #ccc;
  font-size: 0.9em;
}
.input-set>input:-ms-input-placeholder { /* IE 10+ */
  color: #ccc;
  font-size: 0.9em;
}
.input-set>input:-moz-placeholder { /* Firefox 18- */
  color: #ccc;
  font-size: 0.9em;
}


.politics-btn {
    font-size: 0.8em;
    margin-top: 20px;
}

button.submit.btn {
    margin-top: 20px;
    border: 1px solid #ccc;
    background: #e3e3e3;
}

span.close-order {
    position: absolute;
    right: 5px;
    top: 5px;
}

span.close-order::before {

    content: '\f00d';
    display: block;
    top: 5px;
    margin: auto;
    right: 5px;
    cursor: pointer;
    color: #FA7268;
    font-size: 1.5em;
    vertical-align: sub;
    font-family: 'font-aw';
    padding-right: 10px;
}


#modal-order-area h4 {
    color: #fa7268;
}


.price-option-inline{
  display: table-cell;
    text-align: left;
    font-size: 1.2em;
    padding-bottom: 5px;
  }

.price-chekbox {
    color: #fa7268;
    font-size: 1.6em;
    padding-right: 20px;
}

.price-table {display: table;}
.price-table-row { display: table-row;cursor: pointer;}
.price-table-row:hover {background-color: #f5f5f5}


#price-result-int {
    color: #055388;
    font-size: 1.5em;
    background-color: bisque;
    padding: 5px 10px;
    margin-top: 5px;
    border-radius: 3px;
    display: inline-block;
}

div#price-result div {
    border-bottom: #ccc dotted 1px;
    margin-bottom: 5px;
}

div#promo_result p {
    font-size: 0.9em;
}

.amount-to-pay {
    font-size: 25px;
    padding: 20px 0;
}

.middle-button .button-buy {color: #fff}


.promo-input-set{
  margin: 20px 0;
  position: relative;
}

.promo-input-set span{
  font-size: 14px;
  padding-top: 6px;
  margin-right: 5px;
}

.promo-input-set input{
  font-size: 14px !important;
    max-width: 180px !important;
  padding: 7px;
  border: 1px solid #ddd !important;
}

.promo-input-set button{
  width: 40px;
  height: 33px;
}

.promo-info {
  position: absolute;
  left: 0px;
  max-width: 180px;
  top: 45px;
  font-size: 12px;
  border: none;
  background-color: #fa7268;
  min-height: 10px;
  padding: 6px 10px;
  border-radius: 2px;
  color: #fff;
  display: none;
  z-index: 9999;
}

.promo-info p {font-size: 12px; font-weight: 300; line-height: 1.7em}


.promo-info:after {
  position: absolute;
  top: -20px;
  left: 15px;
  display: inline-block;
  border-top: 10px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fa7268;
  content: " ";
}

button.promo_exec:disabled {
    background-color: #dedede;
    border: none;
    color: #919191;
}

.pricing {
    position: relative;
    background-size: cover;
    background-color: unset;
}

.promo-show{display: block;}
.promo-hide{display: none;}

.contacts-info {
    padding-top: 20px;
    font-size: 1.3em;
}

a.contacts-info-phone, a.contacts-info-email {
    display: block;
    color: #fff;
}
a.contacts-info-phone::before, a.contacts-info-email::before {
    right: 5px;
    cursor: pointer;
    color: #fff;
    font-size: 1.5em;
    vertical-align: sub;
    font-family: 'font-aw';
    padding-right: 10px;
}

a.contacts-info-phone::before{
   content: '\f3ce';
}
a.contacts-info-email::before{
   content: '\f0e0';
}

section#digit_sec {
    min-height: 330px;
}

.btn-cyan {
    border-color: #00bbc6;
    color: #00bbc6;
}

ul.online-event-themas li {
  display: inline-grid;
    padding: 13px 19px;
    width: 300px;
    max-width: 100%;
    margin: 10px;
    background: #00bbc6bd;
    border-radius: 6px !important;
    color: #fff;
    font-size: 1.2em;
    border: 2px solid #fa7268;
    min-height: 100px;
    align-content: space-around;
    cursor: pointer;
}
ul.online-event-themas li:hover span{
  opacity:0;
}

ul.online-event-themas li:hover {
  background-size: cover;
  background-position: center;

}

#onl1:active, #onl1:hover {background-image: url("../img/onl1.jpg");}
#onl2:active, #onl2:hover {background-image: url("../img/onl2.jpg");}
#onl3:active, #onl3:hover {background-image: url("../img/onl3.jpg");}
#onl4:active, #onl4:hover {background-image: url("../img/onl4.jpg");}
#onl5:active, #onl5:hover {background-image: url("../img/onl5.jpg");}
#onl6:active, #onl6:hover {background-image: url("../img/onl6.jpg");}
#onl7:active, #onl7:hover {background-image: url("../img/onl7.jpg");}






ul.online-event-themas {
    text-align: center;
}

section#anounce2 {
    background-image: url('../img/hp-event-backgroud1.png');
    background-size: cover;
    background-position: bottom center;
}

@media screen and (max-width: 800px){
  section#anounce2 {
      background-image: url('../img/hp-event-backgroud2.png');
  }  
}

.anounce-part1 p {
    color: #000 !important;
    font-size: 1.2em;
}

p.text-about-event {
    background-color: #ffffffd6;
    max-width: 927px;
    padding: 5px 14px;
    display: inline-block;
    margin-bottom: 30px;
}

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


/**************CLASTER*******************************/
.speaker-details {
    margin-top: 3rem;
    margin-bottom: 2rem;
}

.speaker-social-links {
    position: absolute;
    z-index: 2;
    bottom: 0%;
    padding: 6px 15px;
    overflow: hidden;
    background: rgba(51, 51, 51, 0.5);
}
.text-center {
    text-align: center;
}

.speaker-details h2 {
    margin-top: 0px;
}

.speaker-details h4 {
    color: #444;
    font-weight: 700;
    font-size: 18px;
}

img {
    vertical-align: middle;
}
img {
    border: 0;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

@media screen and (min-width: 768px) {
  img.gr {
      -webkit-filter: grayscale(100%);
      -moz-filter: grayscale(100%);
      -o-filter: grayscale(100%);
      -ms-filter: grayscale(100%);
      filter: grayscale(100%);
      -webkit-transition: 0.5s ease;
      -moz-transition: 0.5s ease;
      -o-transition: 0.5s ease;
      transition: 0.5s ease;
  }
}

section#cluster {
    background-color: #c4e5f7;
    background-image: url(../img/cluster-back1.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom center;
}

ul.cluster-expert-activ li {
    display: block;
}

ul.cluster-expert-activ li::before {
  content: '\f35a';
    color: #fff;
    font-size: 24px;
    vertical-align: -5px;
    font-family: 'font-aw';
    position: absolute;
    left: 3px;
    line-height: 1.4;

}

ul.cluster-expert-activ li {
    display: block;
    font-size: 18px;
    margin-bottom: 5px;
    line-height: 1.6;
}

.row.row-line {
    border-bottom: 1px dashed #fff;
}