/*------------------------------------------------------------------
[Master Stylesheet]

Project:    Eventime WP
Version 2.0
Last change: --
Assigned to: http://themeforest.net/user/tchaikovsky-design
Primary use: Eventime
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
[Table of contents]

1. Font
88ampbddeĘbu8
2. Body & Basic Settings / .buttons .modal .eventime_button .gap .mini_gap

3. Preloadre / #preloader

4. Header / header
        4.1. Navigation / #navbar .navi_container

5. Title & Descriptions / .first_description .first_image

6. About Tabs /  .tabs_about

7. Schedule / .schedule_date
        7.1  Schedule Accordion / .accordion_left .accordion_right
        7.2  Schedule Carousel / .sh_carousel

8. Speakers / .speakers
        8.1  Featured speaker / .fetured_speaker_photo

9. Photo carousel / .photo_carousel
        9.1  Hover effects / .photo_carousel figure

10. Testimonials / #testimonials
        10.1 Testimonials Carousel / .testimonials_carousel

11. Reservation / .reservation form
        11.1 Reservation Form / .reservation input[type=submit]

12. Sponsors / .sponsor_box
        12.1  Featured / .sponsor_featured
        12.2  Basic / .sponsor_basic

13. Contact / contact_information

14. Footer / .footer

15. Media Quares / @media

16. Animate.css / .animated

17. WPML
-------------------------------------------------------------------*/


html,body {
  height:100%;
  min-height:600px;
  font-size:16px;
}
header {
  height:100%;
  position:relative;
}
.buttons {
  margin:0 auto;
  z-index:999;
  position:absolute;
  bottom:50px;
  text-align:center;
  width:100%;
}
.buttons a {
  margin-bottom:10px;
}

/*.btn.active,.btn:active {
  -webkit-box-shadow:none !important;
  -moz-box-shadow:none !important;
  box-shadow:none !important;
} */
body.admin-bar .navbar-fixed-top {
  margin-top:32px;
}
.allcontent_bootstrap {
  margin-left:8%;
  width:84%;
  margin-right:8%;
  display:block;
  font-weight:300;
}
.blog_content_left,.blog_content_right,.blog_content {
  margin-top:0px;
}

.parallax {
  background-position: 0 0;
}
/* Modal */
.modal,.modal-open {
  z-index:9999;
}
.modal-dialog {
  z-index:99999;
  margin-top:100px;
}
.eventime_modal .modal-content {
  box-shadow:none;
  border-radius:0 !important;
}
.eventime_modal .modal-header .close {
  font-size:50px;
}
.eventime_modal .modal-header small {
  margin-left:10px;
}
.eventime_modal .modal-title {
  text-transform:uppercase;
  font-size:30px;
  font-weight:200;
  margin-left:10px;
  letter-spacing:3px;
}
.eventime_modal .contact_icon {
  width:51px;
  height:51px;
  padding-top:10px;
  float:left;
}
.eventime_modal img {
  width:100%;
  height:auto;
  margin-bottom:30px;
  border-bottom:1px solid;
}
.eventime_modal .img_half {
  width:49.6%;
  height:auto;
  display:inline;
}
.modal-open .navbar-fixed-top,.modal-open .navbar-fixed-bottom {
  padding-right: 15px;
}
/*! Button styles */
.eventime_button,.reservation_button,.contact_button {
  border-width:1px;
  border-style:solid;
  border-radius:0;
  font-weight:700;
  font-size:18px;
  padding:10px 25px;
  letter-spacing:3px;
  margin:auto 2 q   0px;
  overflow:hidden;
  -webkit-backface-visibility:hidden;
  -moz-osx-font-smoothing:grayscale;
  position:relative;
  z-index:999;

  text-transform:uppercase;
  -webkit-transition:all .2s ease-in-out;
  -moz-transition:all .2s ease-in-out;
  -o-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out;
}
.eventime_button,.reservation_button,.contact_button {
  overflow:hidden;

  -webkit-transition:border-color 0.3s,color 0.3s;
  transition:border-color 0.3s,color 0.3s;
  -webkit-transition-timing-function:cubic-bezier(0.2,1,0.3,1);
  transition-timing-function:cubic-bezier(0.2,1,0.3,1);
  z-index:999;

  width: auto !important;
  white-space: normal;
  max-width: 90%;
  min-width:245px !important;

}
.eventime_button::before {
  content:'';
  position:absolute;
  top: -5px;
    left: -5px;

  width:120%;
  height:120%;
  z-index:-1;
  -webkit-transform:rotate3d(0,0,1,-45deg) translate3d(0,-3em,0);
  transform:rotate3d(0,0,1,-45deg) translate3d(0,-3em,0);
  -webkit-transform-origin:0% 100%;
  transform-origin:0% 100%;
  -webkit-transition:-webkit-transform 0.3s,opacity 0.3s,background-color 0.3s;
  transition:transform 0.3s,opacity 0.3s,background-color 0.3s;
}
.eventime_button:hover::before {
  opacity:1;
  -webkit-transform:rotate3d(0,0,1,0deg);
  transform:rotate3d(0,0,1,0deg);
  -webkit-transition-timing-function:cubic-bezier(0.2,1,0.3,1);
  transition-timing-function:cubic-bezier(0.2,1,0.3,1);


}

.carousel .eventime_button{
  margin-bottom: 10px !important;
}
.sh_carousel .carousel-indicators .active:hover,
.active.eventime_button:hover,
.eventime_button:hover{




      -webkit-transition:all .2s ease-in-out;
  -moz-transition:all .2s ease-in-out;
  -o-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out;
}
.gap {
  height:50px;
  clear:both;
}
.mini_gap {
  height:25px;
  clear:both;
}
.antigap {
  margin-bottom:-20px;
  clear:both;
}
.clear {
  clear: both;
}


img#et-loader-logo{
  max-width: 100%;
}



.et-apply-gradient {
  padding-top:70px;
  padding-bottom: 60px;
}
/*! Navigation Settings */
.nav .open>a,.nav .open>a:focus,.nav .open>a:hover {
  background:none !important;
  border:none !important;
}
.dropdown-menu,.dropdown-submenu.pull-left>.dropdown-menu,.dropdown-submenu>.dropdown-menu {
  min-width:100px;
  border:none;
  border-radius:0;
  box-shadow:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
  left:100%;
  margin-left:0;
  margin-top:-5px;
}
.dropdown-submenu>.dropdown-menu {
  margin-top:-5px;
}


 .navbar .dropdown-menu>li>a:focus{
    background-color: transparent;
}


.navi_container {
 
  display: flex;
  height: 100%;
  align-items: center; 

}

.navi_container div, .navi_container a{
 justify-content: space-between;
  align-items: center;
}


.dropdown-menu>.active>a {
  background:transparent;
}
.navbar {
flex-wrap: wrap;
justify-content: space-around;
  display: flex;
  width: 100%;
  align-items: center; 
  padding-left: 9%;
  padding-right: 9%;
}
.navbar-nav>.active>a,.navbar-nav>li>a:hover {
  background-color:transparent !important;
}

nav {
  z-index:2000;
}
.navbar,.navbar a {
  text-transform:uppercase;
  outline:none;
}
.navbar li a {
  -webkit-transition:all .4s ease-in-out;
  -moz-transition:all .4s ease-in-out;
  -o-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out;
}
.nav>li>a:focus,.nav>li>a:hover {
  background:none;
}
.navbar-brand {
  font-size:25px;
  font-weight:300;
  padding: 0;
  height: auto;
flex:1;
 
}

.navbar-toggle, .navbar{
  border-radius: 0;
  margin-bottom: 0;
}
.nav_mask {
  min-height:59px;
  padding-top:0;
}
.navbar-nav>li>a {
  font-size:18px;
  font-weight:300;
  line-height:1;
}
.navbar_bg {
  -webkit-transition:all 0.5s ease;
  -moz-transition:all 0.5s ease;
  -o-transition:all 0.5s ease;
  transition:all 0.5s ease;
}
.navbar-toggle {
  margin-top: 12px;
}

.navbar-toggle .icon-bar{
  width: 30px;
  height: 1px;
  margin-top: 3px;
}
/*------------ Home settings:full screen image & descriptins;------------ */
.sliderbtncontainer,.detailcontainer {
  text-align:center;
  width:100%;
}
.eventimeslide {
  display:inline-block;
  float:none;
  vertical-align:top;
  margin-top:20px;
}
.eventimeslide:nth-child(2) {
  margin-left:20px;
}
.carousel,.item,.active {
  height:100%;
}
.carousel-inner {
  height: 100%;
}
/* Background images are set within the HTML using inline CSS,not here */
.fill,.fill_mask {
  min-height:400px;
}
.fill {
  width:100%;
  height:100%;
  background-position:center;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  background-size:cover;
  -o-background-size:cover;
}
.fill_mask {
  width:100%;
  height:100%;
  background-repeat:repeat;
  position:absolute;
  top:0;
  display:table;
  text-align:center;
}
.description {
  display:table-cell;
  vertical-align:middle;
  margin-left:auto;
  margin-right:auto;
}
#home_slider .left_arrow,#home_slider .right_arrow {
  top:45%;
}



.description_h2 {
  font-size:60px;
  text-transform:uppercase;
  letter-spacing:17px;
  font-weight:200;
  display:block;
  width:100%;
  margin:0 auto;
}
.description h3 {
  font-size:40px;
  text-transform:uppercase;
  letter-spacing:17px;
  font-weight:200;
  display:block;
  width:90%;
  margin:0 auto;
}
.description #clock {
  font-size:70px;
  text-transform:uppercase;
  letter-spacing:17px;
  font-weight:200;
  display:block;
  width:90%;
  margin:0 auto;
}
.detail {
  text-transform:uppercase;
  letter-spacing:5px;
  font-weight:600;
  display:inline-block;
  margin-right:15px;
}
.detail .fa,.detail p {
  display:inline-block;
  vertical-align:top;
}
.detail p {
  padding-top: 6px;
}
.detail .fa {
  padding-right:5px;
  margin-left:-5px;
}
@-moz-document url-prefix() {
  .first_image,.speakers_image {
    display: inline-table;
  }
}
/*! Individual precent grid */
.centred {
  width:50%;
  display:table-cell;
  vertical-align:middle;
  padding:20px 0;
}
.firstrow {
  height:400px;
  display:table;
}
.first_line {
  width:8%;
  height:60px;
  border-bottom-width:1px;
  border-style:solid;
  border-top:none;
  border-left:none;
  border-right:none;
  display:inline-block;
  float:left;
}
.first_title {
  font-size:30px;
  min-height:80px;
  font-weight:200;
  letter-spacing:3px;
  text-transform:uppercase;
  display:inline-block;
  padding-left:1%;
  width:75%;
  float:left;
  line-height:30px;
}
.title_center {
  text-align:center;
  width:100%;
  font-size:30px;
  font-weight:200;
  letter-spacing:3px;
  text-transform:uppercase;
  display:block;
  line-height:30px;
}
.center_line {
  width:8%;
  height:10px;
  border-bottom-width:1px;
  border-style:solid;
  border-top:none;
  border-left:none;
  border-right:none;
  display:block;
  margin:0 auto 30px auto;
}
.first_title p {
  padding-top:10px;
}
.first_description {
  width:100%;
  padding-left:9%;
  padding-right:10%;
  display:inline;
  float:left;
}
.first_image:empty,.first_image {
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover;
  width:100%;
  height:100%;
  float:right;
  background-position: center center;
}
.centred>.first_line {
  width:16%;
}
.centred>.first_title {
  padding-left:2%;
}
.centred>.first_description {
  padding-left:18%;
  padding-right:18%;
}
.firstrow.mask {
  padding-top:0;
  min-height: 100px;
}
.et-text-section-right.centred .first_description {
  text-align:right;
}
.et-text-section-right.centred .first_line {
  width:16%;
  float:right;
}
.et-text-section-right.centred .first_title {
  text-align:right;
  padding-right:0;
  width:82%;
}
.tabs_about {
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover;
  font-weight:200;
  text-align:center;
}
.tabs_about p {
  text-align:inherit;
}
.tab-content .wpb_wrapper h4 {
  text-transform:uppercase;
  font-weight:lighter;
  font-size:22px;
}
.tab-content .wpb_wrapper p {
  line-height:20px;
  margin:0 0;
}
.contact {
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover;
}
.et-contact-description-container {
  width:82%;
  margin-left:9%;
  margin-right:9%;
  margin-top:65px;
  margin-bottom:0px;
}
.et-contact-description-column-2 {
  width:48.75%;
  margin-left:2.5%;
  float:left;
  display:inline-block;
}
.et-contact-description-column-2:first-child {
  margin-left:0;
}
.et-contact-description-column-1 {
  width:100%;
  display:block;
}
.et-contact-description-container em {
  text-transform:uppercase;
  font-style:normal;
  font-size:22px;
  font-weight:200;
  letter-spacing:1px;
}
.et-contact-description-container b {
  font-weight:200;
  letter-spacing:1px;
  text-transform:uppercase;
}
.et-contact-description-container small {
  letter-spacing:1px;
  text-transform:uppercase;
  font-size:13px;
  line-height:12px;
  padding-top:0;
}
.menu_tabs {
  width:100%;
  padding:0;
  margin:0;
}
.mask {
  min-height:650px;
  width:100%;
  height:100%;
  padding-top: 70px;
}
/*------------ About ------------ */
.tabs_about .menu_tabs ul {
  list-style:none;
  padding-left:0;
}
.tabs_about .menu_tabs li {
  display:inline-block;
}
.tabs_about .menu_tabs li.active,.tabs_about .menu_tabs li.active a {
  z-index:1007;
}
.tabs_about .menu_tabs li a {
  margin-left:-2px;
margin-right: -1.4px;
}
.stats li {
  display:inline-block;
  margin-top:90px;
  margin-left:5%;
  margin-right:5%;
  list-style:none;
}
.stats {
  padding-left:0;
  text-align:center;
}
/* Enhanced icon spacing for different sizes */
.stats-item i {
  display: block;
  margin-bottom: 10px;
  line-height: 1;
}
.tab-content {
  padding-top:30px;
}
.count,.count_plus {
  margin-top:80px;
  font-size:45px;
  font-weight:800;
  letter-spacing:1px;
  padding-left:5px;
    display: inline-block;
}

.count_dscrp {
  margin-top:-10px;
  font-size:20px;
  font-weight:200;
  text-transform:lowercase;
  letter-spacing:1px;
  font-weight:300;
}
.about_columns {
  text-align:left;
  width:90%;
  margin:0 auto;
  list-style-type:circle;
  display:block;
  font-weight:300;
}
.about_columns .list {
  width:45%;
  margin-left:2%;
  margin-right:2%;
  display:inline-block;
  vertical-align:top;
}
.about_columns .list .fa {
  width:7%;
  vertical-align:top;
  display:inline-block;
}
.about_columns .list h4 {
  width:92%;
  display:inline-block;
  margin-top:-5px;
  font-size:22px;
  text-transform:uppercase;
  font-weight:200;
}
.about_columns .list p {
  width:90%;
  display:inline-block;
  padding-left:3px;
}
.about_columns .list.right {
  text-align:right;
}
.about_columns .list.right p {
  margin-right:8%;
}
.about_columns .list li {
  list-style:none !important;
}
.about_columns .list ol {
  width:100%;
  margin-top:10px;
  margin-right:10%;
  padding-left:0;
  margin-bottom:20px;
}
.about_columns .list ol li {
  width:100%;
  margin-bottom: 3px;
}
/*------------ Schedule ------------ */
.schedule_date {
  border-width:3px;
  border-style:solid;
  width:60px;
  height:60px;
  font-weight:700;
  font-size:40px;
  line-height:50px;
  text-align:center;
  margin-top:20px;
  display:inline-block;
  margin-left:9%;
}
.schedule_month {
  font-size:30px;
  line-height:50px;
  margin-top:20px;
  display:inline-block;
  text-transform:uppercase;
  font-weight:200;
  padding-left:10px;
}
.schedule_reservation {
  height:60px;
  width:auto;
  line-height:35px;
  margin-left:9%;
  background:transparent;
}
.panel a {
  text-decoration:none;
  outline:none;
}
.panel {
  width:100%;
  display:block;
  border:none;
  box-shadow:none;
}
.accordion_left {
  display:inline-block;
  width:20%;
  margin-left:9%;
}
.accordion_right {
  display:inline-block;
  width:61%;
  padding-left:10%;
  border-left-width:3px;
  border-left-style:solid;
}
.accordions_titles {
  display:table;
  height:100px;
}
.accordions_titles_small {
  display:table;
  height:30px;
}
.accordions_titles_big {
  display:table;
  height:150px;
}
.accordions_titles_xbig {
  display:table;
  height:200px;
}
.accordion_date {
  line-height:20px;
  font-size:22px;
  font-weight:700;
  display:table-cell;
  vertical-align:middle;
}
.accordion_description {
  line-height:20px;
  font-size:20px;
  font-weight:200;
  display:table-cell;
  vertical-align:middle;
  text-transform:uppercase;
}
.accordion_description .name {
  text-transform:none;
  font-weight:700;
  font-size:16px;
}
.accordion_full {
  width:90%;
  padding-left:39%;
  border-left:3px solid transparent;
}
.sh_carousel {
  display:block;
  height:auto;
  -webkit-transition:all .2s ease-in-out;
  -moz-transition:all .2s ease-in-out;
  -o-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out;
}
.sh_carousel .arrow_right,.sh_carousel .arrow_left {
  top:50%;
  position:absolute;
  font-size:30px;
  z-index:999;
}
.sh_carousel .arrow_left {
  left:20px;
}
.sh_carousel .arrow_right {
  right:20px;
}
.sh_carousel .carousel-indicators {
  top:0;
  position:relative;
  left:9%;
  z-index:15;
  width:82%;
  padding-left:0;
  margin-left:0;
  text-align:left;
  list-style:none;
  margin-bottom:20px;
}
.sh_carousel .carousel-indicators div {
  margin-left:-1px;
  margin-right:-2px;
  margin-bottom: -3px;
}
.sh_carousel .carousel-inner {
  z-index:16;
}
.sh_carousel .carousel-indicators .active {
  height:auto !important;

  box-shadow:none;
  outline:auto !important;
  background-color:transparent;
  z-index: 99999;

}
/*------------ Speakers ------------ */
.speakers {
  background-position:center;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  background-size:cover;
  -o-background-size:cover;
  min-height:650px;
}
.speakers .mask {
  padding-top:60px;
}
.fetured_speaker_photo {
  width:50%;
  min-height:300px;
}
.speakers_row {
  height:400px;
  display:table;
  clear: both;
  width:100%;
}
.speakers_description {
  width:100%;
  padding-left:9%;
  padding-right:10%;
  display:inline;
  float:right;
}
.speakers_description h3 {
  margin-bottom:0px;
}
.speakers_description p {
  margin-top:10px;
}
.speakers_image {
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover;
  width:100%;
  height:100%;
  float:left;
  background-position:top center;
}

.eventime_speaker_image{
	background-size: cover;
	height: 100%;
	width: 100%;
	background-position: top center;
}



.photo_carousel {
  position:relative;
  margin:0 auto;
  list-style: none;
}
/* Common style */
.photo_carousel_container {
  margin:0 auto;
  display:block;
  width:88%;
}
.photo_carousel_ind,.photo_carousel_ind.active {
  width:18px;
  height:18px;
  border-width:3px;
  border-style:solid;
  margin:0 10px;
  display:inline-block;
  background:none;
}
.photo_carousel .carousel-indicators {
  bottom:0px;
}
.right_arrow,.left_arrow {
  position:absolute;
  top:40%;
}
.left_arrow {
  left:3%;
}
.right_arrow {
  right:3%;
}
.right_arrow svg,.left_arrow svg {
  -webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
  -o-transition:all .5s ease-in-out;
  transition:all .5s ease-in-out;
}
.photo_carousel figure {
  position:relative;
  float:left;
  overflow:hidden;
  margin:50px 1% 0 1% ;
  height:290px;
  width:44%;
  text-align:center;
  cursor:pointer;
  margin-left:3%;
  margin-right:3%;
  overflow:hidden;
}

.photo_carousel figure.et_speaker_column_3{
  width: 27.3%;
}

.photo_carousel figure.et_speaker_column_4{
  width: 23%;
  margin-left: 1%;
  margin-right: 1%;
}

.photo_carousel figure:last-child{
  margin-bottom: 50px !important;
}

.photo_carousel figure img {
  position:relative;
  display:block;
  width:100%;
  opacity:0.8;
}
.photo_carousel figure figcaption {
  padding:2em;
  display: table;
  font-size:1.25em;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}





.photo_carousel figure figcaption::before,.photo_carousel figure figcaption::after {
  pointer-events:none;
}
.photo_carousel figure figcaption,.photo_carousel figure figcaption>a {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height: 100%;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.photo_carousel figure figcaption>a {
  z-index:1000;
  text-indent:200%;
  white-space:nowrap;
  font-size:0;
  opacity:0;
  text-align:center;
}
.photo_carousel figure h2 {
  word-spacing:-0.15em;
  font-weight:300;
  line-height:25px;
  font-size:25px;
  text-transform:uppercase;
}

.photo_carousel figure .namecentered{
  display: table-cell;
  vertical-align: middle;
}




.photo_carousel figure h2 span {
  font-weight:800;
}
.photo_carousel figure h2,.photo_carousel figure p {
  margin:0;
}
.photo_carousel figure p {
  letter-spacing:1px;
  font-size:80%;
}
figure.eventime_img img {
  opacity:0.9;
  -webkit-transition:opacity 0.35s;
  transition:opacity 0.35s;
}
figure.eventime_img figcaption {
  padding:3em;
  background-color:rgba(0,0,0,0);
  -webkit-transition:background-color 0.35s;
  transition:background-color 0.35s;
}
figure.eventime_img figcaption::before {
  position:absolute;
  top:60px;
  right:40px;
  bottom:60px;
  left:40px;
  border-style:solid;
  border-width:1px;
  content:'';
}
figure.eventime_img h2 {
  opacity:0;
  -webkit-transition:-webkit-transform 0.35s;
  transition:transform 0.35s;
  -webkit-transform:translate3d(0,100%,0);
  transform:translate3d(0,100%,0);
}
figure.eventime_img figcaption::before,figure.eventime_img p {
  opacity:0;
  -webkit-transition:opacity 0.35s,-webkit-transform 0.35s;
  transition:opacity 0.35s,transform 0.35s;
  -webkit-transform:scale(0);
  transform:scale(0);
}
figure.eventime_img:hover h2 {
  opacity:1;
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
}
figure.eventime_img:hover figcaption::before,figure.eventime_img:hover p {
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1);
}
figure.eventime_img:hover figcaption {
  background-color:rgba(0,0,0,0.7);
}
figure.eventime_img:hover img {
  opacity:0.4;
}
#testimonials {
  height:350px;
}
#testimonials .carousel-indicators {
  bottom:0px;
}
.testimonials_carousel {
  border-width:3px;
  border-style:solid;
  margin-left:9%;
  margin-right:9%;
  width:82%;
  height:300px;
  text-align:center;
}
.testimonials .item {
  text-align:center;
}
.testimonials_dscrp {
  display:table;
  width:80%;
  margin:auto;
  height:300px;
}
.center_testimonials {
  display:table-cell;
  vertical-align:middle;
}
.center_testimonials blockquote {
}
.testimonials_carousel .testimonials_dscrp p span {
  font-weight:800;
  display:block;
  margin-top:20px;
}
.rel_photos {
  min-height:450px;
}
.reservation {
  display:block;
}
.reservation form {
  margin-left:9%;
  width:82%;
  margin-right:9%;
  padding-bottom:50px;
}


.reservation input[type=submit],.eventime_contact_form input[type=submit],.eventime_contact_form input[type=tel],.eventime_contact_form input[type=email],.eventime_contact_form textarea {
  border-radius:0;
  -webkit-appearance:none;
  -webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
  -o-transition:all .5s ease-in-out;
  transition:all .5s ease-in-out;
}

.reservation input[type=text],.et-input-error,.eventime_contact_form input[type=text],.eventime_contact_form input[type=tel],.eventime_contact_form input[type=email],.eventime_contact_form textarea {
  width:48.75%;
  float:left;
  padding-left:2%;
  margin-right:0;
  margin-left:0;
  display:inline-block;
  border-style:solid;
  border-width:1px;
  background:none;
  margin-top:30px;
  height:55px;
  border-radius:0;
  font-size:24px;
  font-weight:200;
  text-transform:uppercase;
  -webkit-appearance:none;
  -webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
  -o-transition:all .5s ease-in-out;
  transition:all .5s ease-in-out;
}
.reservation input[type=text]:focus,.eventime_contact_form input[type=text]:focus,.eventime_contact_form input[type=tel]:focus,.eventime_contact_form input[type=email]:focus,.eventime_contact_form textarea:focus {
  box-shadow:none;
  outline:none;
}
.reservation input:nth-child(odd) {
  margin-left:2.5%;
}
input.reservation_button,.contact_button {
  width:30%;
  margin-top:30px;
  background:transparent;
  margin:0 auto !important;
  float:none;
  display:block;
}
::-webkit-input-placeholder {
  color:#000;
  font-weight: 200;
}
:-moz-placeholder {
  /* Firefox 18- */
  color:#000;
  font-weight:200;
}
::-moz-placeholder {
  /* Firefox 19+*/
  color:#000;
  font-weight:200;
}
:-ms-input-placeholder {
  color:#000;
  font-weight:200;
}
.mask ::-webkit-input-placeholder {
  color:#fff;
  font-weight: 300;
}
.mask :-moz-placeholder {
  /* Firefox 18- */
  color:#fff;
  font-weight:300;
}
.mask ::-moz-placeholder {
  /* Firefox 19+*/
  color:#fff;
  font-weight:300;
}
.mask :-ms-input-placeholder {
  color:#fff;
  font-weight:300;
}

.mask form.eventime_contact_form input[type=text]:focus,.mask form.eventime_contact_form input[type=tel]:focus,.mask form.eventime_contact_form input[type=email]:focus,.mask form.eventime_contact_form textarea:focus {
  background:none;
}

input[type="radio"]+label.firstlabel {
  margin-left:0;
}
.contactMsgc {
  text-align:center;
  width:100%;
  margin-top:20px;
}

input[type="radio"]+label,.pricing_ticket {
  border-style:solid;
  border-width:1px;
}

/* Pricint table */
.pricing_ticket {
  font-size:14px;
  display:block;
  width:100%;
  float:left;
  padding:50px;
  min-height:230px;
  vertical-align:top;
  -webkit-appearance:none;
  -webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
  -o-transition:all .5s ease-in-out;
  transition:all .5s ease-in-out;
}

.pricing_ticket .ticket_name {
  text-transform:uppercase;
  font-size:30px;
  font-weight:700;
  letter-spacing:3px;
  text-transform:uppercase;
  -webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
  -o-transition:all .5s ease-in-out;
  transition:all .5s ease-in-out;
}
.pricing_ticket .ticket_description_one {
  width:90%;
  font-size:16px;
  margin-top:0px;
  margin-bottom:20px;
}
.ticket_line {
  width:40%;
  border-bottom:1px solid black;
  height:2px;
  margin-left:-50px;
  margin-bottom:10px;
}
.ticket_price {
  font-size:56px;
  font-weight:200;
  margin-left:10%;
  margin-bottom:20px;
  margin-top:20px;
}
.ticket_price span {
  font-size:35px;
  vertical-align:top;
  margin-top:30px;
  font-weight:300;
  -webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
  -o-transition:all .5s ease-in-out;
  transition:all .5s ease-in-out;
}
.pricing_ticket .ticket_description_two {
  font-size:16px;
}
.ticket_description_two ul {
  list-style:none;
  margin-left:20px;
  min-height:100px;
}
.ticket_description_two li:before {
  content:'';
  position:absolute;
  width:20px;
  height:1px;
  background:#1F242D;
  left:0;
  top:50%;
  margin:-2px 0 0 -30px;
}
.ticket_description_two li {
  position:relative;
  line-height:16px;
  padding-bottom:10px;
  padding-top:7px;
  font-size:16px;
}
.ticket_description_two li del {
  opacity:0.5;
}
.ticket_button {
  width:50px;
  height:50px;
  font-size:45px;
  margin-top:40px;
  display:block;
  margin-left:-15px;
  -webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
  -o-transition:all .5s ease-in-out;
  transition:all .5s ease-in-out;
}
.ticket_button svg {
  -webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
  -o-transition:all .5s ease-in-out;
  transition:all .5s ease-in-out;
}
.pricing_ticket:hover .ticket_button {
  margin-left:10px;
}
.pricing_ticket:hover .ticket_name {
  margin-left:10px;
}
.pricing_ticket:hover .ticket_price span {
  margin-left: -10px;
}
/* Eventime Newsletter */
.eventime_newsletter {
  min-height:600px;
}
.error_input {
  height:10px;
  text-transform:uppercase;
  font-size:12px;
  width:100%;
  display:block;
}
.sposors_area {
  padding-top:30px;
}
.sponsor_box {
  margin-left:9%;
}
.sponsor_featured {
  width:43%;
  margin-right:4%;
  display:inline-table;
  height:150px;
  text-align:center;
  max-width:100%;
  margin-bottom:40px;
  border-style:solid;
  border-width:3px;
  vertical-align:top;
}
.image_featured {
  display:table-cell;
  vertical-align: middle;
}
.sponsor_box img {
  filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  /* Firefox 10+,Firefox on Android */
  filter:gray;
  /* IE6-9 */
  -webkit-filter:grayscale(100%);
  /* Chrome 19+,Safari 6+,Safari 6+iOS */
  -webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
  -o-transition:all .5s ease-in-out;
  transition:all .5s ease-in-out;
  max-width:100%;
  opacity:0.7;
}
.sponsor_box img:hover {
  filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0\'/></filter></svg>#grayscale");
  -webkit-filter:grayscale(0%);
  opacity:1;
}
.sponsor_basic {
  width:19.42%;
  margin-right:4.11%;
  display:inline-table;
  height:150px;
  text-align:center;
  max-width:100%;
  margin-bottom:40px;
  border-style:solid;
  border-width:3px;
  vertical-align:top;
}
.sponsor_basic img {
  width: 80%;
}
/*-------- Contacts -------- */
.contact {
  display:block;
}
#map {
  width:100%;
  height:400px;
  display:block;
  margin-bottom:40px;
}
.contact_information {
  margin-left:9%;
  width:36%;
  color:#fff;
  display:inline-block;
  vertical-align:top;
}
.eventime_contact_form {
  margin-left:9%;
  margin-right:9%;
  width:82%;
  padding-top:30px;
  padding-bottom:50px;
}
form.eventime_contact_form input:nth-child(odd) {
  margin-left:2.5%;
}
.eventime_contact_form input[type=text],.eventime_contact_form input[type=tel],.eventime_contact_form input[type=email] {
  margin-left:0;
}
.eventime_contact_form textarea {
  width:100%;
  height:200px;
  margin-bottom:30px;
}
.contact_information h6 {
  font-size:25px;
  font-weight:200;
  text-transform:uppercase;
}
.contact_information p {
  margin-bottom:30px;
}
.texticon {
  margin-right:10px;
}
a.contact_icon {
  width:45px;
  height:45px;
  border-style:solid;
  border-width:3px;
  font-size:28px;
  padding-top:6px;
  margin-bottom:6px;
  text-align:center;
  margin-right:20px;
  -webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
  -o-transition:all .5s ease-in-out;
  transition:all .5s ease-in-out;
  text-decoration:none;
}
.er404template {
  background-image:url('../images/notfound.svg');
  background-position:left center;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  background-size:cover;
  -o-background-size:cover;
  background-repeat:no-repeat;
  width:100%;
  height:100%;
}
.et-button404 {
  width:300px;
  display:block;
  position:relative;
  margin:-100px 0px 50px 9%;
}
.footer {
  padding:30px 10% 75px 7.3%;
}
.et-footer-navmenu {
  text-align:center;
}
.recentcomments span.comment-author-link {
  margin-left:0;
  margin-right:0;
}
.footer .widget_text {
  display:block;
  -webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
  -o-transition:all .5s ease-in-out;
  transition:all .5s ease-in-out;
}
.footer .textwidget {
  line-height:24px;
}
.footer .link {
  text-transform:uppercase;
  font-size:18px;
  display:inline-block;
  font-weight:200;
  text-decoration:none;
  -webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
  -o-transition:all .5s ease-in-out;
  transition:all .5s ease-in-out;
}
.footer .et-footer-navmenu span {
  margin-left:10px;
  margin-right:10px;
}
.footer_second {
  height:50px;
  width:82%;
  margin-right:9%;
  margin-left:9%;
  padding-top:15px;
  text-align:center;
}
.footer_second_left,.footer_second_right {
  float:left;
  width:50%;
}
.footer_second_left {
  text-align:left;
}
.footer_second_right {
  text-align:right;
}
footer h3.widget-title {
  text-align:left;
}
.copyright {
  font-weight:200;
  text-transform:uppercase;
}
.copyright span {
  margin:0 10px;
}
a.footer_icon {
  font-size:18px;
  margin:0 10px;
  text-decoration:none;
  -webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
  -o-transition:all .5s ease-in-out;
  transition:all .5s ease-in-out;
}
.footer a {
  text-decoration:none;
  -webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
  -o-transition:all .5s ease-in-out;
  transition:all .5s ease-in-out;
}
.waypointAnimation {
  opacity:0;
}
.widget-container-4 {
  width:25%;
  display:inline-block;
  float:left;
  padding-left:2%;
}


.widget_block.widget_search .wp-block-search__label{
  display: block;
  float: none;
}

.widget_block.widget_search{
  margin-top:30px;
}


.wp-block-search__button{
  background: transparent;
  border-style: solid;
  opacity: 1;
}
footer .wp-block-search__input{
  margin-right: 10px;
}
footer .wp-block-search__button,
footer .wp-block-search__input{
  height: 40px;
  margin-top: 0 !important;

}

footer input[type="search"], .widget-container-3 .searchform input[type="submit"],
.widget-container-4 .wp-block-search .wp-block-search__button,.widget-container-3 .wp-block-search .wp-block-search__button {
  margin-top:10px;
  width:100%;
  font-weight: 200;
  float:left;
  margin-left:0;
  background:transparent;
  border:1px solid;
  padding:8px 15px;
  text-transform:uppercase;
  letter-spacing:1px;
  cursor:pointer;
  -webkit-transition:all .3s ease-in-out;
  -moz-transition:all .3s ease-in-out;
  -o-transition:all .3s ease-in-out;
  transition:all .3s ease-in-out;
}

.widget-container.widget_search form label{
float: left;
}

input[type="submit"].search-submit{
  float: left;
  margin-top: 5px;
  display: block;
  font-weight: 300;
  margin-left: 5px;
}

input[type="search"].search-field,.widget-container-3 .searchform input[type="search"],
.widget-container-4 .wp-block-search .wp-block-search__input,.widget-container-3 .wp-block-search .wp-block-search__input {
  float:left;
  width:100%;
  margin-top:5px;
  background:transparent;
  border:1px solid;
  padding:8px 12px;
  font-size:14px;
  font-weight:300;
  -webkit-transition:all .3s ease-in-out;
  -moz-transition:all .3s ease-in-out;
  -o-transition:all .3s ease-in-out;
  transition:all .3s ease-in-out;
}
footer .searchform input,
footer .wp-block-search .wp-block-search__input,
footer .wp-block-search .wp-block-search__button {
  float:left;
  display:inline-block;
}
footer .searchform input[type="search"],
footer .wp-block-search .wp-block-search__input {
  width:65%;
}
footer .searchform input[type="submit"],
footer .wp-block-search .wp-block-search__button {
  width:35%;
  margin-top:30px;
  margin-left:-3px;
}
footer .screen-reader-text {
  float:left;
  text-align:left;
  font-weight:300;
}

.widget-container-4 .searchform input[type="submit"]:hover,.widget-container-3 .searchform input[type="submit"]:hover,
.widget-container-4 .wp-block-search .wp-block-search__button:hover,.widget-container-3 .wp-block-search .wp-block-search__button:hover {
  opacity:0.8;
}

.widget-container-4 .searchform input[type="search"]:focus,.widget-container-3 .searchform input[type="search"]:focus,
.widget-container-4 .wp-block-search .wp-block-search__input:focus,.widget-container-3 .wp-block-search .wp-block-search__input:focus {
  outline:none;
  opacity:0.8;
}


.widget-container-3 {
  width:33.3333%;
  display:inline-block;
  float:left;
  padding-left:5%;
}
.widget-container-2 {
  width:50%;
  display:inline-block;
  float:left;
  padding-left:5%;
}
.footer ul {
  margin-left:10px;
  list-style:none;
  text-align:left;
}
.footer li:before {
  content:'';
  position:absolute;
  width:25px;
  height:1px;
  left:0;
  top:10px;
  margin:-2px 0 0 -45px;
}
.footer li {
  margin:3px 0;
  position:relative;
}
.et_social_container {
  display:inline-block;
  margin-left:20px;
}
.gallery-caption {
  display:inherit;
}
.bypostauthor {
  display:inherit;
}
.aligncenter {
  display: inherit;
}




/*shedule update */

a.eventime_speaker_featured_link{
    float: right;
    margin-top: -30px;
    opacity: .4;
          -webkit-transition:all .4s ease-in-out;
  -moz-transition:all .4s ease-in-out;
  -o-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out;
        text-decoration: none;
    width: 40px;
    height: 40px;
    text-align: center

}


a.eventime_speaker_featured_link:hover{
    opacity: 1;
}

a.eventime_speaker_featured_link:before{
    font-family: "FontAwesome";
    content: "\f105";
    font-size: 40px;
    margin-right: 10px;
    color: #000;
    text-decoration: none;
}


/*table 1 */

.schedule_table{
    width: 100%;
    background: rgba(0,0,0,.1);
      -webkit-transition:all .4s ease-in-out;
  -moz-transition:all .4s ease-in-out;
  -o-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out;
    cursor: pointer;
}



.schedule_table a{
    text-decoration: none;
}

.schedule_table:hover{
        background: rgba(0,0,0,.12);
}
[class*='tablesize']{
    display: table;
    width: 100%;
}

.tablesize{
    height: 90px;
}

.tablesize_small{
    height: 70px;
}

.tablesize_big{
    height: 140px;
}

.tablesize_xbig{
    height: 190px;
}

[class*='tablesize'] div{
  display: table-cell;
  vertical-align: middle;
}


.schedule_table_time{
    width: 22%;
        padding-left:9%;

    display: table-cell;

}


.schedule_table_time p:before{
    font-family: "FontAwesome";
    content: "\f017";
    font-size: 20px;
    margin-right: 10px;

}

.schedule_table_title{
    width: 33%;
    padding-right: 2%;
}


.schedule_table_title p.table_title{
    text-transform: uppercase;
    font-weight: 600;
    margin: 0;
}
.schedule_table_title p.table_excerpt{
    font-weight: 300;
    margin: 0;
}


.schedule_table_title p:first-child:before{
    font-family: "FontAwesome";
    content: "\f068 ";
    font-size: 20px;
    margin-right: 10px;

}


.schedule_table_venue{
    width: 13%;
    padding-right: 2%;

}

.schedule_table_venue p:before{
    font-family: "FontAwesome";
    content: "\f041";
    font-size: 20px;
    margin-right: 10px;
}


.schedule_table_venue p{

}

.schedule_table_speaker{
    width: 19%;
    padding-left: 2%;
}


.schedule_table_speaker div {
 display: block;
}


.schedule_table_details{
    width: 82%;
    margin: auto;
}

.schedule_table_details p{
padding-top: 50px;
    padding-bottom: 50px;
}

.schedule_table:nth-of-type(4n+1) {
    background: rgba(0,0,0,.04) ;
      -webkit-transition:all .4s ease-in-out;
  -moz-transition:all .4s ease-in-out;
  -o-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out;

}

.schedule_table:nth-of-type(4n+1):hover{
       background: rgba(0,0,0,.07) ;
}

.schedule_table_header{
    width: 82%;
    margin: 25px 9%;
     border: 3px solid;
    height: 95px;
    display: table;
    padding-left: 3%;
    padding-right:3%;
}


.schedule_table_inner a {
    text-decoration: none;
}

.schedule_table_inner a:focus{
    color: #000;
}


.schedule_table_header_data{
    text-transform: uppercase;
    display: table-cell;
    vertical-align: middle;
}


.schedule_table_header_data p.day{
        font-weight: 500;
           font-size: 46px;
    line-height: 36px;
    margin-bottom: 0;
    padding-top: 7px;
}

.schedule_table_header_data p.month{
        font-weight: 300;
       font-size: 22px;
    line-height: 22px;
}


.schedule_table.phototable{
    background-size: cover !important;
    background-position: center center;
}

.phototable [class*='tablesize'] {
    background: rgba(0,0,0,.7);
    color: #fff;
      -webkit-transition:all .4s ease-in-out;
  -moz-transition:all .4s ease-in-out;
  -o-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out;
}


.phototable:hover [class*='tablesize']{
    background: rgba(0,0,0,.8);
}

.schedule_table_header_title{
    width: 40%;
    text-align: right;
    display: table-cell;
vertical-align: middle;
}


.schedule_table_header_title p{
    font-size: 20px;
    text-transform: uppercase;
    padding-top: 10px;
}


.schedule_table_header.header_active{
  border: 3px solid;
}


    .eventime-speaker-avatar-wrapper{
        position:relative;
        z-index: 999;
        left: 0;
    }
    .eventime-speaker-avatar-wrapper img{
        display: none;
        position: absolute;
      top: -155px;
margin-left: 0px !important;
padding: 1px;
        left: 0;
    }

 div.schedule_table_icon:before{
    font-family: "FontAwesome";
    content: "\f130";
    font-size: 20px;
    margin-right: 10px;
     float: left;
}

div.schedule_table_icon {
 display: block;
    clear: both;
}

.eventime-speaker-avatar-wrapper{
	display: block !important;
}

/*table 2*/

.schedule_table_flat {
    width: 82%;
    margin: 0 auto;

}
.flatphototable div[class*='tablesize_flat'] .schedule_table_title_flat,
.flatphototable div[class*='tablesize_flat'] .schedule_table_flat_speaker {
    border: none !important;
}
.flatphototable {
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: -10px center !important;
}
.flatphototable div[class*="tablesize_flat"] {
    background-color: rgba(0, 0, 0, .5);
}


.flatphototable a{
        -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}


.time_left {
    float: left;
    width: 70%;
    display: inline-table !important;
}
.arrowtable {
    text-align: center;
    width: 20%;
}
.table_time_venue_wrapper {
    display: table-cell;
    vertical-align: middle;
}
.arrowtable a {
    width: 50px;
    margin: 10px auto 0 auto;
    height: 50px;
    display: table;
    border-radius: 100%;
    padding-top: 3px;
    text-decoration: none;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.arrowtable a:before {
    font-family: "FontAwesome";
    font-size: 20px;
    vertical-align: middle;
    display: table-cell;
        content: "\f054 ";
}
.arrowtable a[aria-expanded="true"] {
    -ms-transform: rotate(90deg);
    /* IE 9 */

    -webkit-transform: rotate(90deg);
    /* Safari */

    transform: rotate(90deg);
}
.tablesize_flat {
    height: 160px;
}
.tablesize_flat_small {
    height: 120px;
}
.tablesize_flat_big {
    height: 200px;
}
.tablesize_flat_xbig {
    height: 260px;
}
div[class*='tablesize_flat'] .schedule_table_title_flat {
    width: 40%;

    border-right: none;
}
.schedule_table_time_venue_flat {
    width: 25%;
    padding: 0;
    margin: 0;
    position: relative;
}
p.flat_time,
p.flat_venue {
    padding-left: 15%;
}
.schedule_table_title_flat .table_title {
    font-size: 22px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 22px;
    margin-bottom: 5px;
}
.schedule_table_title_flat .table_excerpt {
    margin-bottom: 0;
}
.schedule_table_title_flat .table_title,
.schedule_table_title_flat .table_excerpt {
    margin-left: 9%;
}
p.flat_venue:before {
    font-family: "FontAwesome";
    content: "\f041";
    font-size: 20px;
    margin-right: 10px;
}
p.flat_time:before {
    font-family: "FontAwesome";
    content: "\f017";
    font-size: 20px;
    margin-right: 10px;
}
.schedule_table_flat_speaker {
    width: 24%;
    padding-left: 2%;
    padding-right: 1%;
    border-left: none;
    border-right: none;
}



/* table orig - update */
.carousel-inner .default_venue,
.carousel-inner .speakers-wrapper img.attachment-thumbnail{
    border-radius: 100%;
    width: 100px;
    height: 100px;
    margin: 10px 25px 10px 0px;
    text-align: center;
    float: left
}

.carousel-inner .speakers-wrapper img.attachment-thumbnail{
  border-style: solid;
}

.carousel-inner .default_venue{
    padding-top: 10px;
    clear: right;
}


.carousel-inner .default_venue:before{
font-family: "FontAwesome";
    content: "\f041";
    font-size: 50px;
}
.carousel-inner .et_schedule_relatedimage{
    width: 63%;
    float: right;
    height: auto;
}

.carousel-inner .et_schedule_relatedimage img{
    width: 100%;
    height: auto;
}

.carousel-inner .speakers-wrapper{
    float:left;
    width: 25%;
}

.carousel-inner .tooltip {
    display: block !important;
}


.carousel-inner .tooltip.top .tooltip-arrow{
    border-bottom-color:transparent !important;
    border-left-color: transparent  !important;
    border-right-color: transparent !important;
}


.carousel-inner .tooltip.right .tooltip-arrow{
    border-bottom-color:transparent !important;
    border-left-color: transparent  !important;
    border-top-color: transparent !important;
}


.carousel-inner .panel-collapse p{
    margin-bottom: 50px;
    border-left: 3px solid transparent;
}

.carousel-inner .accordion_full{
    padding-left:9%;
    width: 90%;
}



/* Speaker Page */


.et_speaker_affiliation{
    margin: 50px 0 10px 0;
}

.speaker_entry_thumbnail{
    text-align: left;
    margin-right: 20px;
    margin-top: 0px;
}

.speaker_entry_thumbnail img{
    padding: 20px;
 max-width: 40%;
    float: left

}
.speaker_entry_thumbnail h3{

  font-size:30px;
  font-weight:200;
  letter-spacing:3px;
  text-transform:uppercase;
  display:inline-block;

}

.speaker_entry_thumbnail h5{
     font-size: 16px;
    margin-top: -10px;
}

.et-schedules-container.mask{
    padding-bottom: 20px;
}


@media (max-width: 1160px) {


    .nav > li > a{
        padding-left: 10px;
        padding-right: 10px;
    }

}



@media (max-width: 1060px) {


    .nav > li > a{
        padding-left: 7px;
        padding-right: 7px;
    }

}



/*-------- Media -------- */
@media (min-width:1221px) {
  .eventime_modal .modal-dialog.img-dialog {
    width:70%;
  }
}
@media (max-width:1220px) {
  .eventime_modal .modal-dialog.img-dialog {
    width: 85%;
  }
    .et_social_container {
    margin-left:13%;
    margin-top:20px;
    display:block;
  }
.photo_carousel figure.et_speaker_column_4,
.photo_carousel figure.et_speaker_column_3{
  width: 31%;
  margin: 50px 1% 0 1%;
}





}
/* Revolution slider fixes */
@media (max-width:1024px) {
  .detail {
    display:block;
    margin:auto;
    text-align:center;
  }
  .leftdet.detail {
    display:block;
    margin:auto;
    text-align: left;
  }
  /*Media settings */
  .er404template {
    background-size:100%;
  }
  #navbar {
    order: 5;
    }

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

  
  .dropdown-menu > li > a:focus{
    background-color: transparent;
  }

      .nav > li > a{
        padding-left: 5px;
        padding-right: 5px;
    }

  .et-contact-description-column-2 {
    width:100%;
    margin-left:0;
    margin-right:0;
  }
  .dropdown-menu {
    position:relative;
    width:100%;
    text-align:center;
  }
  .dropdown-menu li {
    position:relative;
    width:100%;
    text-align:center;
  }
  .dropdown-menu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px;
    border-radius:0 6px 6px 6px;
  }
  .dropdown-menu:hover>.dropdown-menu {
    display:block;
  }
  .dropdown-menu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#ccc;
    margin-top:5px;
    margin-right:-10px;
  }
  .dropdown-submenu.pull-left>.dropdown-menu,.dropdown-submenu>.dropdown-menu {
    float:none;
    left:0;
  }
  nav.navbar {
    min-height:60px !important;
  }
  .navbar-nav .open .dropdown-menu {
    position:relative;
  }
  .dropdown-menu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
  }
  .widget-container-4 {
    width:50%;
  }
  .navbar-nav .open .dropdown-menu>li{
    margin: 0 auto;
    width: 96%;
  }
  .navbar-nav .open .dropdown-menu>li>a {
    line-height:30px;
    margin-bottom:10px;
    padding: 5px;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
 
  }
  a.navbar-brand {
    max-width:60%;
    max-height:60px;
  }
  a.navbar-brand img {
    width:auto;
    height:auto;
    max-height:32px;
    max-width:100%;
  }
  .navbar-header {
    float:none;
  }
  .eventime_modal .btn {
    width:90%;
    margin:10px auto;
    float:left;
  }
  .navbar-left,.navbar-right {
    float:none !important;
  }
  .navbar-toggle {
    margin:0;
    padding: 0;
    display: block;
  }
  
  .navbar-collapse {
    border-top:1px solid transparent;
    box-shadow:inset 0 1px 0 rgba(255,255,255,0);
  }
  .navbar-fixed-top {
    top:0;
    border-width:0 0 1px;
  }
  .navbar-collapse.collapse {
    display:none!important;
  }
  .navbar-nav {
    float:none!important;
  }
  .navbar-nav>li {
    float:none;
  }
  .navbar-nav>li>a {
    padding-top:10px;
    padding-bottom:10px;
  }
  .collapse.in {
    overflow:scroll !important;
    display:block !important;
  }
  .container>.navbar-collapse {
    margin-right:0;
    margin-left:0;
  }
  .navbar-toggle ul {
  }
  .eventime_modal .modal-dialog.img-dialog {
    width:100%;
  }
  .navbar-collapse {
    border-top:transparent;
    box-shadow:transparent;
    width:100%;
    text-align:center !important;
    max-height:100%;
  }
  .eventime_modal .modal-dialog.img-dialog {
  }
  .description_h2 {
    font-size:40px;
  }
  .description h3 {
    font-size:25px;
    text-transform:uppercase;
    letter-spacing:5px;
  }
  .description #clock {
    font-size:40px;
    text-transform:uppercase;
    letter-spacing:10px;
    font-weight:200;
  }
  .detail {
    width:100%;
    margin:0 auto;
  }
  .tabs_about .mask {
    min-height:950px;
  }
  .tabs_about li,.sh_carousel .carousel-indicators div {
    margin-bottom:10px;
  }
  .stats li {
    margin-left:10%;
    margin-right:10%;
  }
  .stats {
    padding-bottom:90px;
  }
  .about_columns .list .fa {
    display:none;
  }
  .about_columns .list,.about_columns .list.right {
    width:95%;
    text-align:center;
  }
  .speakers_image {
    display:block;
    float:none;
    height:400px;
  }
  .speakers_row {
    height:auto;
  }


  input.reservation_button,.contact_button {
    margin-left:0;
    margin-right:0;
    width:90.5%;
  }
  .centred {
    width:100%;
    display:block;

    clear: both;
  }
  .firstrow {
    display:block;
    height:auto;
  }
  .centred>.first_line {
    display: none;
  }
  .centred>.first_title {
    padding-left:0;
    text-align: center;
    width: 100%;
  }

.et-text-section-right.centred .first_line{
  width: 100%;
  text-align: center;
}

.et-text-section-right.centred .first_description{
  padding-right: 9%;
  text-align: center;
}

.et-text-section-right.centred .first_title{
  width: 100%;
  text-align: center;
}

.photo_carousel figure.et_speaker_column_4,
.photo_carousel figure.et_speaker_column_3 {
  width:46.0%;
  margin: 50px 2% 0 2%;
}

.et-row   .vc_grid .vc_grid-item{
  padding-left: 0 !important;
  padding-right: 0 !important;
 margin: 0 auto !important;
}

.vc_grid.vc_row.vc_grid-gutter-30px .vc_pageable-slide-wrapper{
  margin-right: 0;
}


  .centred>.first_description {
    padding-left:9%;
    padding-right: 9%;
    padding-bottom: 20px;
    text-align: center;
  }
  .first_image {
    display:block;
  }
  .sponsor_featured {
    width:90%
  }
  .sponsor_basic {
    width:42.2%;
    margin-right:5%;
  }
  .contact_information {
    width:85%;
    display:block;
  }
  .blog_sidebar_right {
    width:100%;
    padding:43px 13%;
    float:none;
    display:block;
  }
  .blog_content_left {
    display:block;
    width:100%;
    float:none;
  }
  .blog_content_left .blog_item {
    padding-right:10%;
  }
  .blog_sidebar_left {
    width:100%;
    padding:43px 13%;
    float:none;
    display:block;
  }
  .blog_content_right {
    display:block;
    width:100%;
    float:none;
  }
  .blog_content_right .blog_item {
    padding-right:10%;
    padding-left:10%;
  }
  .eventime_contact_form input,.eventime_contact_form input[type="text"],.eventime_contact_form input[type="tel"],.eventime_contact_form input[type="email"] {
    width:100%;
    display:block;
    margin:30px 0 0 0;
  }
  form.eventime_contact_form input:nth-child(2n+1) {
    margin-left:0;
  }
  .widget-container-4 .searchform input[type="submit"],.widget-container-3 .searchform input[type="submit"] {
    width:100%;
  }
  .footer_second {
    height:auto;
    min-height:90px;
    width:94%;
    margin-right:2%;
    margin-left:2%;
    padding-top:15px;
    text-align:center;
    padding-bottom:15px;
  }
  .footer_second_left,.footer_second_right {
    width:100%;
    text-align:center;
  }

        .accordions_titles_small,
.accordions_titles_big,
.accordions_titles_xbig {

  height:auto;
}



    [class*="tablesize"]>div{
        display: inline-block;
        width: 50%;
        height: auto;
        float: left;
        margin-bottom: 20px;
        margin: 10px 0;
        padding: 0;

    }

    [class*="tablesize"]>div.clear{
        width: 100%;
        clear: both;
        height: 0px;
        display: block;
    }

    .schedule_table_title p.table_title{
        clear: right;
    }

    [class*="tablesize"] div.schedule_table_time{
        padding-left: 9%;
    }

    [class*="tablesize"] div.schedule_table_venue{
        padding-left: 9%;
        clear: left;
    }


    [class*="tablesize"] div.schedule_table_speaker{
        clear: right;

    }

    [class*="tablesize"]{
        height: auto;
        padding-bottom: 10px;
        padding-top: 10px;

    }

    [class*="tablesize_flat"]>div{
        width: 100%;
        clear: both;
        height: auto;
        display: block;
        margin: 0;
        padding: 15px 9%;
        border: none !important;
    }



    .schedule_table_flat.flatphototable{
        border: none;
    }

    p.flat_time, p.flat_venue{
        padding: 0;
    }

    .schedule_table_title_flat .table_excerpt, .schedule_table_title_flat .table_title{
        margin: 0;
        border: none;
    }
    [class*="tablesize_flat"] div.arrowtable{
        height: 100px;
        margin-bottom: -10px;

    }

    div[class*="tablesize_flat"] .schedule_table_title_flat{
        border: none;
    }


    [class*="tablesize_flat"] .arrowtable a{
        float: left;
    }

    div[class*="tablesize_flat"] .schedule_table_title_flat{
        width: 100%;
    }

}
@media (max-width:780px) {
  body.admin-bar .navbar-fixed-top {
    margin-top:45px;
  }




}
@media (max-width:600px) {
  body.admin-bar .navbar-fixed-top {
    margin-top:0;
  }
  .ticket_price {
    font-size:50px;
  }
  .ticket_price span {
    font-size:30px;
  }
  .ticket_description_two ul {
    margin-left:-10px;
  }
  .description_h2 {
    font-size:52px;
    line-height: 46px;
    letter-spacing:10px;
  }
  .widget-container-4,.widget-container-3,.widget-container-2,.footer_second_left,.footer_second_right {
    width:100%;
  }
  .description h3 {
    font-size:20px;
    text-transform:uppercase;
    letter-spacing:5px;
  }
  .description #clock {
    font-size:30px;
    text-transform:uppercase;
    letter-spacing:10px;
    font-weight:200;
  }
  .detail {
    font-size:15px;
    letter-spacing:2px;
  }
  .stats li {
    display:block;
    margin:50px auto;
  }
  .accordion_left {
    display:block;
    width:90%;
    height:auto;
      margin-bottom: 5px;
  }
  .accordion_right {
    display:block;
    width:90%;
    padding-left:9%;
    border:none;

  }

    .accordions_titles{
        height: auto
    }
  .accordion_full {
    width: 82%;
      margin: 0 auto;
  }


.photo_carousel figure,
.photo_carousel figure.et_speaker_column_4,
.photo_carousel figure.et_speaker_column_3 {
  width:94%;
}



    .accordions_titles_small,
.accordions_titles_big,
.accordions_titles_xbig {

  height:auto;
    margin-bottom: 0px;
}


  #testimonials {
    height:auto;
  }
  .testimonials_carousel {
    border:none;
    height:auto;
    padding-bottom: 50px;
  }
  /*-------- reservation ------ */
  .reservation form {
    display:block;
    clear:both;
    margin-top:20px;
  }
  .reservation input[type="text"] {
    width:90%;
    display:block;
  }

  input.reservation_button,.contact_button {
    width: 90%;
  }
  /*-------- Sponsors -------- */
  .sponsor_basic {
    width:90%;
  }
  .sponsor_featured img,.sponsor_basic img {
    width:90%;
  }
  #map {
    height:200px;
  }

    .carousel-inner .panel-collapse p,
    .carousel-inner .speakers-wrapper,
    .carousel-inner .et_schedule_relatedimage{
        width: 100%;
        float: left;
        padding: 0;
        display: block;
        margin-bottom: 10px;
    }





  .schedule_table    [class*="tablesize"]>div{
        display: block;
        width: 100%;
        height: auto;
        float: left;
        margin-bottom: 20px;
        margin: 10px 0;
        padding: 0 9%;

    }



   .schedule_table   [class*="tablesize_flat"]>div{
        display: block;
        width: 100%;
        height: auto;
        float: left;
        margin-bottom: 20px;
        margin: 0;
        padding: 0 9%;

    }



}
@media (max-width:400px) {
  .ticket_price {
    font-size:30px;
  }
  .ticket_price span {
    font-size:20px;
  }
  .ticket_description_two ul {
    margin-left:-20px;
  }
  .ticket_description_two li::before {
    width:10px;
    margin:-2px 0 0 -20px;
  }
  .panel {
    width:85%;
    margin:0 auto;
  }
  .photo_carousel_container {
    width:80%;
    margin:0 auto;
  }
  .eventime_button {
    margin:0 auto;
  }
  .btn.eventime_button.eventimeslide {
    margin:0 0 10px 0;
  }
  .accordion_full {
    width:85%;
    padding-left:14%;
  }
  .schedule_date,.schedule_month {
    display:block;
    margin:0 auto;
    text-align:center;
    padding:0;
  }
  .sh_carousel .carousel-indicators {
    text-align:center;
    width:85%;
  }
  figure.eventime_img figcaption {
    padding:2em;
  }
  .photo_carousel figure h2 {
    padding-top:30px;
  }
  .menu_tabs {
    padding-left:0;
  }
  .description_h2 {
    font-size:38px;
    letter-spacing:2px;
    line-height: 36px;
  }
  .detail {
    font-size:14px;
    letter-spacing: 1px;
  }
  .detail p {
    padding-top:3px;
  }
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 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;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-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-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-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-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-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 {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-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-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-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-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-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;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    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 {
  from {
    -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);
  }

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

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

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

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

@-webkit-keyframes rubberBand {
  from {
    -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);
  }

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

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

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

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

@-webkit-keyframes shake {
  from, to {
    -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 {
  from, to {
    -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 headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

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

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

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

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

@-webkit-keyframes tada {
  from {
    -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);
  }

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

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

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

  to {
    -webkit-transform: none;
    transform: none;
  }
}

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

  to {
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-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);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-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);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-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);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-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);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-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);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-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);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

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

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

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

  to {
    -webkit-transform: none;
    transform: none;
  }
}

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

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

  to {
    -webkit-transform: none;
    transform: none;
  }
}

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

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

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

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

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

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

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

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

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

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

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

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

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

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

@-webkit-keyframes flip {
  from {
    -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;
  }

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

@keyframes flip {
  from {
    -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;
  }

  to {
    -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 {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-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-animation-timing-function: ease-in;
    animation-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);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-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-animation-timing-function: ease-in;
    animation-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);
  }

  to {
    -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 {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-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-animation-timing-function: ease-in;
    animation-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);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-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-animation-timing-function: ease-in;
    animation-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);
  }

  to {
    -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 {
  from {
    -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;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -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;
  }

  to {
    -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-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -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;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -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;
  }

  to {
    -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-keyframes lightSpeedIn {
  from {
    -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;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -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;
  }

  to {
    -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 {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

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

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

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

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

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

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

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

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

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

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -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 {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

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

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -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 {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -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 {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -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 {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -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 {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -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 {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -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 {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -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 {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -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 {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -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;
  }

  to {
    -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;
  }

  to {
    -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 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    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 {
  from {
    opacity: 1;
  }

  to {
    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 {
  from {
    opacity: 1;
  }

  to {
    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 {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    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 {
  from {
    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 {
  from {
    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 {
  from {
    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 {
  from {
    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 {
  from {
    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 {
  from {
    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 {
  from {
    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 {
  from {
    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 {
  from {
    opacity: 1;
  }

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

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

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

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

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

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

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

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

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

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

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

  to {
    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 {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

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

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

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

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

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

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
/*fixes for new version*/
/*firefix 44.0.2 - outline */
.btn.eventime_button.graybtn.graytxt,.active.btn.eventime_button.graybtn.graytxt {
  outline: none !important;
}
/* end fixes */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.rev_slider_wrapper, .fullscreen-container, .rev_slider, .tp-fullwidth-forcer, .rev_slider .tp-bgimg.defaultimg{
overflow:hidden;
}
.mask{
  overflow: hidden;
}
.firstrow{
  display: block;
  width: auto;
  overflow: hidden;
  padding: 0;
  height: auto !important;
  max-height: 800px !important;
  clear: both;
  max-width: 100% !important
}

.centred{
width: 50% !important;
  padding-top: 100px;
display: inline-block;
}

.first_image, .speakers_image{
  width: 40% !important;
  display: inline-block;
}

.centred .first_line{
  width: 16% !important;
}


.centred .first_description{
  padding-left: 18% !important;
  padding-right: 0 !important;
}

.speakers_image, .first_image  {
height: 500px !important;
}



}

@media (max-width:992px) {

html[data-useragent*='MSIE 10.0'] .centred{
width: 50% !important;
  padding-top: 100px;
display: block;
}

html[data-useragent*='MSIE 10.0'] .first_image, html[data-useragent*='MSIE 10.0'] .speakers_image{
  width: 80% !important;
  display: block;
}

html[data-useragent*='MSIE 10.0'] .navbar-collapse ul.nav{
  width:80%;
  margin: 0 auto;

}

html[data-useragent*='MSIE 10.0'] .navbar-collapse{
      -ms-overflow-style: none;
      overflow: hidden;
}

}


.navbar-collapse, .panel-collapse{
       -ms-overflow-style: none;
}

a.edit, .myaccount_user a{
  text-decoration: underline;


}

.hideScrollbars{
  overflow: hidden;
}





/* WPML */


li[class*=wpml-ls-slot-chaykovskiy_eventime_footer],
li[class*=wpml-ls-slot-chaykovskiy_eventime_footer] a,
li[class*=wpml-ls-slot-chaykovskiy_eventime_footer] a:hover,
div[class*=wpml-ls-sidebars-chaykovskiy_eventime_footer] ,
.div[class*=wpml-ls-sidebars-chaykovskiy_eventime_footer]  li
{
background-color: rgba(0, 0, 0, 0.95)  !important;
border: none !important;
color:#fff !important;
}

li[class*=wpml-ls-slot-chaykovskiy_eventime_footer] a:hover
{
background-color: rgba(0, 0, 0, 0.99)  !important;
}

.wpml-ls-item a img,
.wpml-ls-item a span
{
vertical-align:middle  !important;
}


#lang_sel ul ul{
border-top: none !important;
}


div[class*=wpml-ls-sidebars-chaykovskiy_eventime_footer]  li
{
border: none !important;
z-index:999;
}


li[class*=wpml-ls-slot-chaykovskiy_eventime_sidebar]
{
z-index:999;
}

li[class*=wpml-ls-slot-chaykovskiy_eventime_sidebar]:before,
li[class*=wpml-ls-slot-chaykovskiy_eventime_footer]:before
{
list-style:none  !important;
width:0  !important;
border:none  !important;
background:none  !important;
}