.post-type-oss_cards {
  background: #fff;
}
.post-type-oss_cards #wpcontent, .post-type-oss_cards #wpfooter {
  margin-left: 310px;
}
.post-type-oss_cards .interface-interface-skeleton__body {
  margin: 0;
  margin-left: 330px;
}
.post-type-oss_cards .edit-post-visual-editor__post-title-wrapper {
  margin-top: 20px;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-left: 0 !important;
}
.post-type-oss_cards .wp-block-post-title {
  margin-left: 20px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.post-type-oss_cards .block-editor-block-list__layout, .post-type-oss_cards #adminmenuwrap, .post-type-oss_cards #adminmenuback {
  display: none !important;
}
.post-type-oss_cards .edit-post-header-toolbar__left {
  display: none;
}
.post-type-oss_cards .edit-post-sidebar__panel-tabs ul li:nth-child(2) {
  display: none;
}
.post-type-oss_cards .interface-interface-skeleton__sidebar {
  display: none;
}
.post-type-oss_cards #oss_cards_meta_box .inside {
  display: block;
}
.post-type-oss_cards #oss_cards_meta_box .postbox-header {
  display: none;
}

#app-cards {
  background: #fff;
  z-index: 100;
}

.oss_show_full_width {
  /* 	.interface-interface-skeleton__body {
  		margin: 0;
  		margin-left: 60px !important;
  	}
  	.oci-card-edit-panel {
  		width: 60px !important;
  		overflow: hidden;
  		padding: 0;
  	}
  	.oss-menu-form {
  		width: 60px !important;
  		overflow: hidden;
  		padding: 0;
  	}
  	.editor-styles-wrapper {
  		display: none !important;
  	}
  	.interface-interface-skeleton__sidebar {
  		display: none !important;
  	}
  	.oci-icon-group {
  		display: none !important;
  	}
  	.oci-info {
  	}
  	.osc-top-bar {
  		display: none !important;
  	} */
}
.oss_show_full_width #post-body-content, .oss_show_full_width #submitdiv, .oss_show_full_width .oss-menu-form, .oss_show_full_width .oci-card-edit-panel, .oss_show_full_width .page-title-action, .oss_show_full_width .wp-heading-inline, .oss_show_full_width .icongroup-wrapper {
  display: none !important;
}
.oss_show_full_width #app-cards {
  position: fixed;
  top: 32px;
  left: 32px;
  right: 0;
  bottom: 0;
  overflow-x: auto;
  z-index: 1000000;
}
.oss_show_full_width #v_full_width_note {
  display: block;
}
.oss_show_full_width #app-cards {
  padding-top: 20px;
}

.vv_side_tooltip {
  display: inline-block;
  position: absolute;
  left: 105%;
  top: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 26px;
  padding: 0 8px;
  border-radius: 4px;
  font-size: 0.9rem;
  background: #606060;
  border: 1px solid #8f8f8f;
  color: #FFFFFF;
  z-index: 99;
}

.oss-main-loader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  top: 32px;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  z-index: 100000000;
}
.oss-main-loader i {
  font-size: 72px;
  color: #f00;
}
.oss-main-loader h3, .oss-main-loader h4, .oss-main-loader p {
  margin-top: 0;
}

.oss-spiner-small-loader, .oss-spiner-small-loader-micro {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: radial-gradient(farthest-side, #1e87f0 94%, rgba(0, 0, 0, 0)) top/4px 4px no-repeat, conic-gradient(rgba(0, 0, 0, 0) 30%, #1e87f0);
  -webkit-mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 4px), #000 0);
  -webkit-animation: s3 0.5s infinite linear;
          animation: s3 0.5s infinite linear;
  margin-bottom: 10px;
}

.oss-spiner-small-loader-micro {
  position: absolute;
  top: 3px;
  right: 5px;
}

@-webkit-keyframes s3 {
  100% {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}

@keyframes s3 {
  100% {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}
.oss-loader-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#app-cards .v_upgrade {
  background: #717b8e;
}
#app-cards .v_upgrade i {
  color: #ffee58 !important;
}

.v_upgrade_screen {
  background: #fff;
  padding: 100px 20px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: fixed !important;
  top: 32px;
  left: 310px;
  right: 0;
  bottom: 0;
  z-index: 999999;
}
.v_upgrade_screen i.fa-heart {
  color: #f00 !important;
  font-size: 72px;
}
.v_upgrade_screen .vv_heading {
  font-size: 2.5rem !important;
  color: #2855d7 !important;
}
.v_upgrade_screen .fa-times {
  cursor: pointer;
  font-size: 22px !important;
  color: #444 !important;
  z-index: 9999999;
  position: absolute;
  right: 20px;
  top: 20px;
}
.v_upgrade_screen h4 {
  margin-top: 0;
}
.v_upgrade_screen .uk-button-primary {
  color: #fff !important;
}

#v_full_width_note {
  margin: 10px;
  padding: 20px;
  background: #404550;
  color: #edeef1;
  display: none;
}

.rest_api_false {
  background: #404550;
  padding: 20px;
  color: #e5e5e5;
  position: fixed;
  bottom: 20px;
  right: 50px;
  left: 360px;
}
.rest_api_false span {
  font-weight: bold;
  cursor: pointer;
}

#app-cards .v-rest-note {
  background: #F2D2D2;
}
#app-cards .v-rest-note i {
  color: #431C1C !important;
}

.oss-menu-form h3, .oci-card-edit-panel h3 {
  text-transform: uppercase;
  color: #edeef1 !important;
  border-bottom: 1px solid #edeef1;
  font-size: 16px !important;
  padding: 0 0 0 0px;
  margin-bottom: 10px;
}
.oss-menu-form .osc_note_span, .oci-card-edit-panel .osc_note_span {
  color: #999 !important;
  font-size: 12px !important;
}
.oss-menu-form .osc_note, .oci-card-edit-panel .osc_note {
  color: #999 !important;
  line-height: 16px !important;
  display: block;
  font-size: 12px !important;
  margin-top: 7px;
  margin-bottom: 10px;
}
.oss-menu-form .osc_note_red, .oci-card-edit-panel .osc_note_red {
  color: #8b1414 !important;
  line-height: 16px !important;
  display: block;
  font-size: 12px !important;
  margin-top: 0;
  margin-bottom: 10px;
}

.oss-menu-form {
  position: fixed !important;
  top: 32px;
  bottom: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #2a3236;
  overflow-y: auto;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  z-index: 10000000;
  left: 0;
  width: 310px;
  box-sizing: border-box;
  padding: 10px;
  padding-left: 42px;
  z-index: 99999;
}
.oss-menu-form label {
  color: #edeef1 !important;
  line-height: 30px !important;
  display: block;
  width: 100% !important;
}
.oss-menu-form p {
  color: #edeef1 !important;
  line-height: 30px !important;
  display: block;
}
.oss-menu-form input {
  height: 25px !important;
  line-height: 25px !important;
  width: 100% !important;
  border-radius: 4px !important;
  border: 1px solid #003d60 !important;
  line-height: 30px !important;
  display: block;
}
.oss-menu-form select {
  width: 100% !important;
  border-radius: 4px !important;
  border: 1px solid #003d60 !important;
  line-height: 30px !important;
  display: block;
}
.oss-menu-form textarea {
  width: 100% !important;
}

.oci-card-edit-panel {
  position: fixed !important;
  top: 32px;
  bottom: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #2a3236;
  overflow-y: auto;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  z-index: 99999;
  left: 32px !important;
  width: 275px;
  padding: 10px 10px 32px;
}
.oci-card-edit-panel label {
  color: #edeef1 !important;
  line-height: 30px !important;
  display: block;
  width: 100% !important;
}
.oci-card-edit-panel p {
  color: #edeef1 !important;
  line-height: 30px !important;
  display: block;
}
.oci-card-edit-panel input {
  height: 25px !important;
  line-height: 25px !important;
  width: 100% !important;
  border-radius: 4px !important;
  border: 1px solid #003d60 !important;
  line-height: 30px !important;
  display: block;
}
.oci-card-edit-panel select {
  width: 100% !important;
  border-radius: 4px !important;
  border: 1px solid #003d60 !important;
  line-height: 30px !important;
  display: block;
}
.oci-card-edit-panel textarea {
  width: 100% !important;
}

.os-tabs-left-fixed {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  top: 32px;
  left: 0;
  bottom: 0;
  width: 32px;
  background: #404550 !important;
  margin-left: 0 !important;
  z-index: 100000;
}
.os-tabs-left-fixed ul.uk-tab {
  padding-left: 0 !important;
  margin-bottom: 0;
  border-left-width: 0 !important;
}
.os-tabs-left-fixed ul.uk-tab:before {
  border-left: none;
}
.os-tabs-left-fixed ul.uk-tab li {
  list-style: none;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-bottom: solid 1px #4a5876;
  margin-bottom: 0;
  cursor: pointer;
}
.os-tabs-left-fixed ul.uk-tab li i {
  color: #cfd8dc !important;
}
.os-tabs-left-fixed ul.uk-tab li p {
  color: #cfd8dc !important;
  line-height: 11px !important;
  font-size: 11px !important;
  margin-top: 0;
  margin-bottom: 5px;
}
.os-tabs-left-fixed ul.uk-tab li.uk-active {
  background: #2a3236;
}
.os-tabs-left-fixed ul.uk-tab li.uk-active i {
  color: #edeef1;
}
.os-tabs-left-fixed ul.uk-tab li.uk-active p {
  color: #252c3b !important;
}
.os-tabs-left-fixed ul.uk-tab li.uk-active span {
  color: #252c3b !important;
}
.os-tabs-left-fixed ul.uk-tab:hover {
  color: #999 !important;
}
.os-tabs-left-fixed .os-active {
  background: #2a3236 !important;
}
.os-tabs-left-fixed .os-active i {
  color: #000 !important;
}

#app-cards .pro {
  color: #f3c6ab;
}

/*     color: !important;
    border: 1px solid ;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    .os_note{
      color:#c0c8de!important;
    }
    input, select{
      background: ;
      border-color: $primary_col_border!important; */
.os_ui_box, .os_media {
  margin: 10px 0;
  padding: 5px;
  background-color: #404550;
  color: #edeef1 !important;
  border: 1px solid #37474f;
  border-radius: 2px;
}
.os_ui_box .os_note, .os_media .os_note {
  color: #c0c8de !important;
}
.os_ui_box input, .os_ui_box select, .os_media input, .os_media select {
  background: #edeef1;
  border-color: #7f93a0 !important;
  color: #444;
}
.os_ui_box select, .os_ui_box input, .os_ui_box label, .os_media select, .os_media input, .os_media label {
  width: 90% !important;
}
.os_ui_box .os_section_title, .os_media .os_section_title {
  text-transform: uppercase;
  font-size: 0.9rem !important;
}
.os_ui_box label, .os_media label {
  display: block;
}
.os_ui_box label span, .os_media label span {
  font-size: 18px;
  color: #fff !important;
  margin-top: 0px !important;
}
.os_ui_box label i, .os_media label i {
  color: #f0f0f0 !important;
  margin: 3px 5px 0 0;
  float: right;
}

@-webkit-keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes fade-in-fwd {
  0% {
    -webkit-transform: translateZ(-80px);
    transform: translateZ(-80px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes fade-in-fwd {
  0% {
    -webkit-transform: translateZ(-80px);
    transform: translateZ(-80px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@-webkit-keyframes scale-in-hor-left {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes scale-in-hor-left {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes s4 {
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}
@keyframes s4 {
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}
@keyframes s4 {
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}
@keyframes s4 {
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}
@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes scale-in-bottom {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 1;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 1;
  }
}
@keyframes scale-in-bottom {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 1;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 1;
  }
}
@-webkit-keyframes scale-in-hor-center {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 1;
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1;
  }
}
@keyframes scale-in-hor-center {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 1;
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1;
  }
}
@-webkit-keyframes scale-in-hor-left {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes scale-in-hor-left {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes scale-in-hor-right {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes scale-in-hor-right {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
}
@-webkit-keyframes scale-in-ver-center {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    opacity: 1;
  }
  to {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
  }
}
@keyframes scale-in-ver-center {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    opacity: 1;
  }
  to {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
  }
}
@-webkit-keyframes scale-in-ver-top {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    opacity: 1;
  }
  to {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    opacity: 1;
  }
}
@keyframes scale-in-ver-top {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    opacity: 1;
  }
  to {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    opacity: 1;
  }
}
@-webkit-keyframes scale-in-ver-bottom {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 1;
  }
  to {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 1;
  }
}
@keyframes scale-in-ver-bottom {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 1;
  }
  to {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 1;
  }
}
@-webkit-keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes jello-vertical {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  40% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  50% {
    -webkit-transform: scale3d(0.85, 1.15, 1);
    transform: scale3d(0.85, 1.15, 1);
  }
  65% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  75% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes jello-vertical {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  40% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  50% {
    -webkit-transform: scale3d(0.85, 1.15, 1);
    transform: scale3d(0.85, 1.15, 1);
  }
  65% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  75% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes jello-diagonal-1 {
  0% {
    -webkit-transform: skew(0deg 0deg);
    transform: skew(0deg 0deg);
  }
  30% {
    -webkit-transform: skew(25deg 25deg);
    transform: skew(25deg 25deg);
  }
  40% {
    -webkit-transform: skew(-15deg, -15deg);
    transform: skew(-15deg, -15deg);
  }
  50% {
    -webkit-transform: skew(15deg, 15deg);
    transform: skew(15deg, 15deg);
  }
  65% {
    -webkit-transform: skew(-5deg, -5deg);
    transform: skew(-5deg, -5deg);
  }
  75% {
    -webkit-transform: skew(5deg, 5deg);
    transform: skew(5deg, 5deg);
  }
  to {
    -webkit-transform: skew(0deg 0deg);
    transform: skew(0deg 0deg);
  }
}
@keyframes jello-diagonal-1 {
  0% {
    -webkit-transform: skew(0deg 0deg);
    transform: skew(0deg 0deg);
  }
  30% {
    -webkit-transform: skew(25deg 25deg);
    transform: skew(25deg 25deg);
  }
  40% {
    -webkit-transform: skew(-15deg, -15deg);
    transform: skew(-15deg, -15deg);
  }
  50% {
    -webkit-transform: skew(15deg, 15deg);
    transform: skew(15deg, 15deg);
  }
  65% {
    -webkit-transform: skew(-5deg, -5deg);
    transform: skew(-5deg, -5deg);
  }
  75% {
    -webkit-transform: skew(5deg, 5deg);
    transform: skew(5deg, 5deg);
  }
  to {
    -webkit-transform: skew(0deg 0deg);
    transform: skew(0deg 0deg);
  }
}
@-webkit-keyframes jello-diagonal-2 {
  0% {
    -webkit-transform: skew(0deg 0deg);
    transform: skew(0deg 0deg);
  }
  30% {
    -webkit-transform: skew(-25deg -25deg);
    transform: skew(-25deg -25deg);
  }
  40% {
    -webkit-transform: skew(15deg, 15deg);
    transform: skew(15deg, 15deg);
  }
  50% {
    -webkit-transform: skew(-15deg, -15deg);
    transform: skew(-15deg, -15deg);
  }
  65% {
    -webkit-transform: skew(5deg, 5deg);
    transform: skew(5deg, 5deg);
  }
  75% {
    -webkit-transform: skew(-5deg, -5deg);
    transform: skew(-5deg, -5deg);
  }
  to {
    -webkit-transform: skew(0deg 0deg);
    transform: skew(0deg 0deg);
  }
}
@keyframes jello-diagonal-2 {
  0% {
    -webkit-transform: skew(0deg 0deg);
    transform: skew(0deg 0deg);
  }
  30% {
    -webkit-transform: skew(-25deg -25deg);
    transform: skew(-25deg -25deg);
  }
  40% {
    -webkit-transform: skew(15deg, 15deg);
    transform: skew(15deg, 15deg);
  }
  50% {
    -webkit-transform: skew(-15deg, -15deg);
    transform: skew(-15deg, -15deg);
  }
  65% {
    -webkit-transform: skew(5deg, 5deg);
    transform: skew(5deg, 5deg);
  }
  75% {
    -webkit-transform: skew(-5deg, -5deg);
    transform: skew(-5deg, -5deg);
  }
  to {
    -webkit-transform: skew(0deg 0deg);
    transform: skew(0deg 0deg);
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes tracking-in-contract-bck-bottom {
  0% {
    letter-spacing: 1em;
    -webkit-transform: translateZ(400px) translateY(300px);
    transform: translateZ(400px) translateY(300px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  to {
    -webkit-transform: translateZ(0) translateY(0);
    transform: translateZ(0) translateY(0);
    opacity: 1;
  }
}
@keyframes tracking-in-contract-bck-bottom {
  0% {
    letter-spacing: 1em;
    -webkit-transform: translateZ(400px) translateY(300px);
    transform: translateZ(400px) translateY(300px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  to {
    -webkit-transform: translateZ(0) translateY(0);
    transform: translateZ(0) translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes tracking-in-contract-bck-top {
  0% {
    letter-spacing: 1em;
    -webkit-transform: translateZ(400px) translateY(-300px);
    transform: translateZ(400px) translateY(-300px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  to {
    -webkit-transform: translateZ(0) translateY(0);
    transform: translateZ(0) translateY(0);
    opacity: 1;
  }
}
@keyframes tracking-in-contract-bck-top {
  0% {
    letter-spacing: 1em;
    -webkit-transform: translateZ(400px) translateY(-300px);
    transform: translateZ(400px) translateY(-300px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  to {
    -webkit-transform: translateZ(0) translateY(0);
    transform: translateZ(0) translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  to {
    opacity: 1;
  }
}
@keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes tracking-in-expand-fwd {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-700px);
    transform: translateZ(-700px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes tracking-in-expand-fwd {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-700px);
    transform: translateZ(-700px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@-webkit-keyframes tracking-in-expand-fwd-top {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-700px) translateY(-500px);
    transform: translateZ(-700px) translateY(-500px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  to {
    -webkit-transform: translateZ(0) translateY(0);
    transform: translateZ(0) translateY(0);
    opacity: 1;
  }
}
@keyframes tracking-in-expand-fwd-top {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-700px) translateY(-500px);
    transform: translateZ(-700px) translateY(-500px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  to {
    -webkit-transform: translateZ(0) translateY(0);
    transform: translateZ(0) translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes tracking-in-expand-fwd-bottom {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-700px) translateY(500px);
    transform: translateZ(-700px) translateY(500px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  to {
    -webkit-transform: translateZ(0) translateY(0);
    transform: translateZ(0) translateY(0);
    opacity: 1;
  }
}
@keyframes tracking-in-expand-fwd-bottom {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-700px) translateY(500px);
    transform: translateZ(-700px) translateY(500px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  to {
    -webkit-transform: translateZ(0) translateY(0);
    transform: translateZ(0) translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes tracking-in-contract {
  0% {
    letter-spacing: 1em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  to {
    letter-spacing: normal;
    opacity: 1;
  }
}
@keyframes tracking-in-contract {
  0% {
    letter-spacing: 1em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  to {
    letter-spacing: normal;
    opacity: 1;
  }
}
@-webkit-keyframes tracking-in-contract-bck {
  0% {
    letter-spacing: 1em;
    -webkit-transform: translateZ(400px);
    transform: translateZ(400px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes tracking-in-contract-bck {
  0% {
    letter-spacing: 1em;
    -webkit-transform: translateZ(400px);
    transform: translateZ(400px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@-webkit-keyframes tracking-in-contract-bck-top {
  0% {
    letter-spacing: 1em;
    -webkit-transform: translateZ(400px) translateY(-300px);
    transform: translateZ(400px) translateY(-300px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  to {
    -webkit-transform: translateZ(0) translateY(0);
    transform: translateZ(0) translateY(0);
    opacity: 1;
  }
}
@keyframes tracking-in-contract-bck-top {
  0% {
    letter-spacing: 1em;
    -webkit-transform: translateZ(400px) translateY(-300px);
    transform: translateZ(400px) translateY(-300px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  to {
    -webkit-transform: translateZ(0) translateY(0);
    transform: translateZ(0) translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes tracking-in-contract-bck-bottom {
  0% {
    letter-spacing: 1em;
    -webkit-transform: translateZ(400px) translateY(300px);
    transform: translateZ(400px) translateY(300px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  to {
    -webkit-transform: translateZ(0) translateY(0);
    transform: translateZ(0) translateY(0);
    opacity: 1;
  }
}
@keyframes tracking-in-contract-bck-bottom {
  0% {
    letter-spacing: 1em;
    -webkit-transform: translateZ(400px) translateY(300px);
    transform: translateZ(400px) translateY(300px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  to {
    -webkit-transform: translateZ(0) translateY(0);
    transform: translateZ(0) translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes bounce-in-top {
  0% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(-65px);
    transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(-28px);
    transform: translateY(-28px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes bounce-in-top {
  0% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(-65px);
    transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(-28px);
    transform: translateY(-28px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@-webkit-keyframes bounce-in-right {
  0% {
    -webkit-transform: translateX(600px);
    transform: translateX(600px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateX(68px);
    transform: translateX(68px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateX(32px);
    transform: translateX(32px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes bounce-in-right {
  0% {
    -webkit-transform: translateX(600px);
    transform: translateX(600px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateX(68px);
    transform: translateX(68px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateX(32px);
    transform: translateX(32px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@-webkit-keyframes bounce-in-bottom {
  0% {
    -webkit-transform: translateY(500px);
    transform: translateY(500px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(65px);
    transform: translateY(65px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(28px);
    transform: translateY(28px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes bounce-in-bottom {
  0% {
    -webkit-transform: translateY(500px);
    transform: translateY(500px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(65px);
    transform: translateY(65px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(28px);
    transform: translateY(28px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@-webkit-keyframes bounce-in-left {
  0% {
    -webkit-transform: translateX(-600px);
    transform: translateX(-600px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateX(-68px);
    transform: translateX(-68px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateX(-28px);
    transform: translateX(-28px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes bounce-in-left {
  0% {
    -webkit-transform: translateX(-600px);
    transform: translateX(-600px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateX(-68px);
    transform: translateX(-68px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateX(-28px);
    transform: translateX(-28px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@-webkit-keyframes bounce-in-fwd {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: scale(0.84);
    transform: scale(0.84);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  89% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes bounce-in-fwd {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: scale(0.84);
    transform: scale(0.84);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  89% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@-webkit-keyframes bounce-in-bck {
  0% {
    -webkit-transform: scale(7);
    transform: scale(7);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: scale(1.24);
    transform: scale(1.24);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  89% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes bounce-in-bck {
  0% {
    -webkit-transform: scale(7);
    transform: scale(7);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: scale(1.24);
    transform: scale(1.24);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  89% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@-webkit-keyframes rotate-in-hor {
  0% {
    -webkit-transform: rotateX(360deg);
    transform: rotateX(360deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1;
  }
}
@keyframes rotate-in-hor {
  0% {
    -webkit-transform: rotateX(360deg);
    transform: rotateX(360deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes rotate-in-ver {
  0% {
    -webkit-transform: rotateY(-360deg);
    transform: rotateY(-360deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    opacity: 1;
  }
}
@keyframes rotate-in-ver {
  0% {
    -webkit-transform: rotateY(-360deg);
    transform: rotateY(-360deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes rotate-in-2-cw {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotate-in-2-cw {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@-webkit-keyframes rotate-in-2-ccw {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotate-in-2-ccw {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@-webkit-keyframes rotate-in-2-fwd-cw {
  0% {
    -webkit-transform: translateZ(-200px) rotate(-45deg);
    transform: translateZ(-200px) rotate(-45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0) rotate(0);
    transform: translateZ(0) rotate(0);
    opacity: 1;
  }
}
@keyframes rotate-in-2-fwd-cw {
  0% {
    -webkit-transform: translateZ(-200px) rotate(-45deg);
    transform: translateZ(-200px) rotate(-45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0) rotate(0);
    transform: translateZ(0) rotate(0);
    opacity: 1;
  }
}
@-webkit-keyframes rotate-in-2-fwd-ccw {
  0% {
    -webkit-transform: translateZ(-200px) rotate(45deg);
    transform: translateZ(-200px) rotate(45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0) rotate(0);
    transform: translateZ(0) rotate(0);
    opacity: 1;
  }
}
@keyframes rotate-in-2-fwd-ccw {
  0% {
    -webkit-transform: translateZ(-200px) rotate(45deg);
    transform: translateZ(-200px) rotate(45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0) rotate(0);
    transform: translateZ(0) rotate(0);
    opacity: 1;
  }
}
@-webkit-keyframes rotate-in-2-bck-cw {
  0% {
    -webkit-transform: translateZ(200px) rotate(-45deg);
    transform: translateZ(200px) rotate(-45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0) rotate(0);
    transform: translateZ(0) rotate(0);
    opacity: 1;
  }
}
@keyframes rotate-in-2-bck-cw {
  0% {
    -webkit-transform: translateZ(200px) rotate(-45deg);
    transform: translateZ(200px) rotate(-45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0) rotate(0);
    transform: translateZ(0) rotate(0);
    opacity: 1;
  }
}
@-webkit-keyframes rotate-in-2-bck-ccw {
  0% {
    -webkit-transform: translateZ(200px) rotate(45deg);
    transform: translateZ(200px) rotate(45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0) rotate(0);
    transform: translateZ(0) rotate(0);
    opacity: 1;
  }
}
@keyframes rotate-in-2-bck-ccw {
  0% {
    -webkit-transform: translateZ(200px) rotate(45deg);
    transform: translateZ(200px) rotate(45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0) rotate(0);
    transform: translateZ(0) rotate(0);
    opacity: 1;
  }
}
@-webkit-keyframes flip-horizontal-top {
  0% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  to {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
  }
}
@keyframes flip-horizontal-top {
  0% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  to {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
  }
}
@-webkit-keyframes flip-2-hor-top-1 {
  0% {
    -webkit-transform: translateY(0) rotateX(0);
    transform: translateY(0) rotateX(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
  }
  to {
    -webkit-transform: translateY(-100%) rotateX(-180deg);
    transform: translateY(-100%) rotateX(-180deg);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
}
@keyframes flip-2-hor-top-1 {
  0% {
    -webkit-transform: translateY(0) rotateX(0);
    transform: translateY(0) rotateX(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
  }
  to {
    -webkit-transform: translateY(-100%) rotateX(-180deg);
    transform: translateY(-100%) rotateX(-180deg);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
}
@-webkit-keyframes flip-2-hor-top-2 {
  0% {
    -webkit-transform: translateY(0) rotateX(0);
    transform: translateY(0) rotateX(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
  }
  to {
    -webkit-transform: translateY(-100%) rotateX(180deg);
    transform: translateY(-100%) rotateX(180deg);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
}
@keyframes flip-2-hor-top-2 {
  0% {
    -webkit-transform: translateY(0) rotateX(0);
    transform: translateY(0) rotateX(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
  }
  to {
    -webkit-transform: translateY(-100%) rotateX(180deg);
    transform: translateY(-100%) rotateX(180deg);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
}
@-webkit-keyframes flip-2-ver-right-1 {
  0% {
    -webkit-transform: translateX(0) rotateY(0);
    transform: translateX(0) rotateY(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
  }
  to {
    -webkit-transform: translateX(100%) rotateY(-180deg);
    transform: translateX(100%) rotateY(-180deg);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
  }
}
@keyframes flip-2-ver-right-1 {
  0% {
    -webkit-transform: translateX(0) rotateY(0);
    transform: translateX(0) rotateY(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
  }
  to {
    -webkit-transform: translateX(100%) rotateY(-180deg);
    transform: translateX(100%) rotateY(-180deg);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
  }
}
@-webkit-keyframes flip-2-ver-right-2 {
  0% {
    -webkit-transform: translateX(0) rotateY(0);
    transform: translateX(0) rotateY(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
  }
  to {
    -webkit-transform: translateX(100%) rotateY(180deg);
    transform: translateX(100%) rotateY(180deg);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
  }
}
@keyframes flip-2-ver-right-2 {
  0% {
    -webkit-transform: translateX(0) rotateY(0);
    transform: translateX(0) rotateY(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
  }
  to {
    -webkit-transform: translateX(100%) rotateY(180deg);
    transform: translateX(100%) rotateY(180deg);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
  }
}
@-webkit-keyframes flip-scale-up-hor {
  0% {
    -webkit-transform: scale(1) rotateX(0);
    transform: scale(1) rotateX(0);
  }
  50% {
    -webkit-transform: scale(2.5) rotateX(-90deg);
    transform: scale(2.5) rotateX(-90deg);
  }
  to {
    -webkit-transform: scale(1) rotateX(-180deg);
    transform: scale(1) rotateX(-180deg);
  }
}
@keyframes flip-scale-up-hor {
  0% {
    -webkit-transform: scale(1) rotateX(0);
    transform: scale(1) rotateX(0);
  }
  50% {
    -webkit-transform: scale(2.5) rotateX(-90deg);
    transform: scale(2.5) rotateX(-90deg);
  }
  to {
    -webkit-transform: scale(1) rotateX(-180deg);
    transform: scale(1) rotateX(-180deg);
  }
}
@-webkit-keyframes flip-scale-down-hor {
  0% {
    -webkit-transform: scale(1) rotateX(0);
    transform: scale(1) rotateX(0);
  }
  50% {
    -webkit-transform: scale(0.4) rotateX(90deg);
    transform: scale(0.4) rotateX(90deg);
  }
  to {
    -webkit-transform: scale(1) rotateX(180deg);
    transform: scale(1) rotateX(180deg);
  }
}
@keyframes flip-scale-down-hor {
  0% {
    -webkit-transform: scale(1) rotateX(0);
    transform: scale(1) rotateX(0);
  }
  50% {
    -webkit-transform: scale(0.4) rotateX(90deg);
    transform: scale(0.4) rotateX(90deg);
  }
  to {
    -webkit-transform: scale(1) rotateX(180deg);
    transform: scale(1) rotateX(180deg);
  }
}
@-webkit-keyframes flip-scale-up-ver {
  0% {
    -webkit-transform: scale(1) rotateY(0);
    transform: scale(1) rotateY(0);
  }
  50% {
    -webkit-transform: scale(2.5) rotateY(90deg);
    transform: scale(2.5) rotateY(90deg);
  }
  to {
    -webkit-transform: scale(1) rotateY(180deg);
    transform: scale(1) rotateY(180deg);
  }
}
@keyframes flip-scale-up-ver {
  0% {
    -webkit-transform: scale(1) rotateY(0);
    transform: scale(1) rotateY(0);
  }
  50% {
    -webkit-transform: scale(2.5) rotateY(90deg);
    transform: scale(2.5) rotateY(90deg);
  }
  to {
    -webkit-transform: scale(1) rotateY(180deg);
    transform: scale(1) rotateY(180deg);
  }
}
@-webkit-keyframes flip-scale-down-ver {
  0% {
    -webkit-transform: scale(1) rotateY(0);
    transform: scale(1) rotateY(0);
  }
  50% {
    -webkit-transform: scale(0.4) rotateY(-90deg);
    transform: scale(0.4) rotateY(-90deg);
  }
  to {
    -webkit-transform: scale(1) rotateY(-180deg);
    transform: scale(1) rotateY(-180deg);
  }
}
@keyframes flip-scale-down-ver {
  0% {
    -webkit-transform: scale(1) rotateY(0);
    transform: scale(1) rotateY(0);
  }
  50% {
    -webkit-transform: scale(0.4) rotateY(-90deg);
    transform: scale(0.4) rotateY(-90deg);
  }
  to {
    -webkit-transform: scale(1) rotateY(-180deg);
    transform: scale(1) rotateY(-180deg);
  }
}
@-webkit-keyframes flip-scale-up-diag-1 {
  0% {
    -webkit-transform: scale(1) rotate3d(1, 1, 0, 0deg);
    transform: scale(1) rotate3d(1, 1, 0, 0deg);
  }
  50% {
    -webkit-transform: scale(2.5) rotate3d(1, 1, 0, 90deg);
    transform: scale(2.5) rotate3d(1, 1, 0, 90deg);
  }
  to {
    -webkit-transform: scale(1) rotate3d(1, 1, 0, 180deg);
    transform: scale(1) rotate3d(1, 1, 0, 180deg);
  }
}
@keyframes flip-scale-up-diag-1 {
  0% {
    -webkit-transform: scale(1) rotate3d(1, 1, 0, 0deg);
    transform: scale(1) rotate3d(1, 1, 0, 0deg);
  }
  50% {
    -webkit-transform: scale(2.5) rotate3d(1, 1, 0, 90deg);
    transform: scale(2.5) rotate3d(1, 1, 0, 90deg);
  }
  to {
    -webkit-transform: scale(1) rotate3d(1, 1, 0, 180deg);
    transform: scale(1) rotate3d(1, 1, 0, 180deg);
  }
}
@-webkit-keyframes flip-scale-down-diag-1 {
  0% {
    -webkit-transform: scale(1) rotate3d(1, 1, 0, 0deg);
    transform: scale(1) rotate3d(1, 1, 0, 0deg);
  }
  50% {
    -webkit-transform: scale(0.4) rotate3d(1, 1, 0, -90deg);
    transform: scale(0.4) rotate3d(1, 1, 0, -90deg);
  }
  to {
    -webkit-transform: scale(1) rotate3d(1, 1, 0, -180deg);
    transform: scale(1) rotate3d(1, 1, 0, -180deg);
  }
}
@keyframes flip-scale-down-diag-1 {
  0% {
    -webkit-transform: scale(1) rotate3d(1, 1, 0, 0deg);
    transform: scale(1) rotate3d(1, 1, 0, 0deg);
  }
  50% {
    -webkit-transform: scale(0.4) rotate3d(1, 1, 0, -90deg);
    transform: scale(0.4) rotate3d(1, 1, 0, -90deg);
  }
  to {
    -webkit-transform: scale(1) rotate3d(1, 1, 0, -180deg);
    transform: scale(1) rotate3d(1, 1, 0, -180deg);
  }
}
@-webkit-keyframes flip-scale-up-diag-2 {
  0% {
    -webkit-transform: scale(1) rotate3d(-1, 1, 0, 0deg);
    transform: scale(1) rotate3d(-1, 1, 0, 0deg);
  }
  50% {
    -webkit-transform: scale(2.5) rotate3d(-1, 1, 0, 90deg);
    transform: scale(2.5) rotate3d(-1, 1, 0, 90deg);
  }
  to {
    -webkit-transform: scale(1) rotate3d(-1, 1, 0, 180deg);
    transform: scale(1) rotate3d(-1, 1, 0, 180deg);
  }
}
@keyframes flip-scale-up-diag-2 {
  0% {
    -webkit-transform: scale(1) rotate3d(-1, 1, 0, 0deg);
    transform: scale(1) rotate3d(-1, 1, 0, 0deg);
  }
  50% {
    -webkit-transform: scale(2.5) rotate3d(-1, 1, 0, 90deg);
    transform: scale(2.5) rotate3d(-1, 1, 0, 90deg);
  }
  to {
    -webkit-transform: scale(1) rotate3d(-1, 1, 0, 180deg);
    transform: scale(1) rotate3d(-1, 1, 0, 180deg);
  }
}
@-webkit-keyframes flip-scale-down-diag-2 {
  0% {
    -webkit-transform: scale(1) rotate3d(-1, 1, 0, 0deg);
    transform: scale(1) rotate3d(-1, 1, 0, 0deg);
  }
  50% {
    -webkit-transform: scale(0.4) rotate3d(-1, 1, 0, -90deg);
    transform: scale(0.4) rotate3d(-1, 1, 0, -90deg);
  }
  to {
    -webkit-transform: scale(1) rotate3d(-1, 1, 0, -180deg);
    transform: scale(1) rotate3d(-1, 1, 0, -180deg);
  }
}
@keyframes flip-scale-down-diag-2 {
  0% {
    -webkit-transform: scale(1) rotate3d(-1, 1, 0, 0deg);
    transform: scale(1) rotate3d(-1, 1, 0, 0deg);
  }
  50% {
    -webkit-transform: scale(0.4) rotate3d(-1, 1, 0, -90deg);
    transform: scale(0.4) rotate3d(-1, 1, 0, -90deg);
  }
  to {
    -webkit-transform: scale(1) rotate3d(-1, 1, 0, -180deg);
    transform: scale(1) rotate3d(-1, 1, 0, -180deg);
  }
}
@-webkit-keyframes flip-in-hor-bottom {
  0% {
    -webkit-transform: rotateX(80deg);
    transform: rotateX(80deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1;
  }
}
@keyframes flip-in-hor-bottom {
  0% {
    -webkit-transform: rotateX(80deg);
    transform: rotateX(80deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes flip-in-hor-top {
  0% {
    -webkit-transform: rotateX(-80deg);
    transform: rotateX(-80deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1;
  }
}
@keyframes flip-in-hor-top {
  0% {
    -webkit-transform: rotateX(-80deg);
    transform: rotateX(-80deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes flip-in-ver-right {
  0% {
    -webkit-transform: rotateY(-80deg);
    transform: rotateY(-80deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    opacity: 1;
  }
}
@keyframes flip-in-ver-right {
  0% {
    -webkit-transform: rotateY(-80deg);
    transform: rotateY(-80deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes flip-in-ver-left {
  0% {
    -webkit-transform: rotateY(80deg);
    transform: rotateY(80deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    opacity: 1;
  }
}
@keyframes flip-in-ver-left {
  0% {
    -webkit-transform: rotateY(80deg);
    transform: rotateY(80deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes flip-in-diag-1-tr {
  0% {
    -webkit-transform: rotate3d(1, 1, 0, -80deg);
    transform: rotate3d(1, 1, 0, -80deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
    transform: rotate3d(1, 1, 0, 0deg);
    opacity: 1;
  }
}
@keyframes flip-in-diag-1-tr {
  0% {
    -webkit-transform: rotate3d(1, 1, 0, -80deg);
    transform: rotate3d(1, 1, 0, -80deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
    transform: rotate3d(1, 1, 0, 0deg);
    opacity: 1;
  }
}
@-webkit-keyframes flip-in-diag-1-bl {
  0% {
    -webkit-transform: rotate3d(1, 1, 0, 80deg);
    transform: rotate3d(1, 1, 0, 80deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
    transform: rotate3d(1, 1, 0, 0deg);
    opacity: 1;
  }
}
@keyframes flip-in-diag-1-bl {
  0% {
    -webkit-transform: rotate3d(1, 1, 0, 80deg);
    transform: rotate3d(1, 1, 0, 80deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
    transform: rotate3d(1, 1, 0, 0deg);
    opacity: 1;
  }
}
@-webkit-keyframes flip-in-diag-2-tl {
  0% {
    -webkit-transform: rotate3d(-1, 1, 0, 80deg);
    transform: rotate3d(-1, 1, 0, 80deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
    transform: rotate3d(1, 1, 0, 0deg);
    opacity: 1;
  }
}
@keyframes flip-in-diag-2-tl {
  0% {
    -webkit-transform: rotate3d(-1, 1, 0, 80deg);
    transform: rotate3d(-1, 1, 0, 80deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
    transform: rotate3d(1, 1, 0, 0deg);
    opacity: 1;
  }
}
@-webkit-keyframes flip-in-diag-2-br {
  0% {
    -webkit-transform: rotate3d(-1, 1, 0, -80deg);
    transform: rotate3d(-1, 1, 0, -80deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
    transform: rotate3d(1, 1, 0, 0deg);
    opacity: 1;
  }
}
@keyframes flip-in-diag-2-br {
  0% {
    -webkit-transform: rotate3d(-1, 1, 0, -80deg);
    transform: rotate3d(-1, 1, 0, -80deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
    transform: rotate3d(1, 1, 0, 0deg);
    opacity: 1;
  }
}
@-webkit-keyframes slide-in-blurred-top {
  0% {
    -webkit-transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
    transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
    transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes slide-in-blurred-top {
  0% {
    -webkit-transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
    transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
    transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@-webkit-keyframes slide-in-blurred-right {
  0% {
    -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
    transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
    transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes slide-in-blurred-right {
  0% {
    -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
    transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
    transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@-webkit-keyframes slide-in-blurred-left {
  0% {
    -webkit-transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
    transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
    transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes slide-in-blurred-left {
  0% {
    -webkit-transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
    transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
    transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@-webkit-keyframes slide-in-blurred-bottom {
  0% {
    -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
    transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
    transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes slide-in-blurred-bottom {
  0% {
    -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
    transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
    transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@-webkit-keyframes slide-in-elliptic-top-fwd {
  0% {
    -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
    transform: translateY(-600px) rotateX(-30deg) scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
    transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% 1400px;
    transform-origin: 50% 1400px;
    opacity: 1;
  }
}
@keyframes slide-in-elliptic-top-fwd {
  0% {
    -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
    transform: translateY(-600px) rotateX(-30deg) scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
    transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% 1400px;
    transform-origin: 50% 1400px;
    opacity: 1;
  }
}
@-webkit-keyframes slide-in-elliptic-right-fwd {
  0% {
    -webkit-transform: translateX(800px) rotateY(-30deg) scale(0);
    transform: translateX(800px) rotateY(-30deg) scale(0);
    -webkit-transform-origin: -100% 50%;
    transform-origin: -100% 50%;
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0) rotateY(0) scale(1);
    transform: translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin: -1800px 50%;
    transform-origin: -1800px 50%;
    opacity: 1;
  }
}
@keyframes slide-in-elliptic-right-fwd {
  0% {
    -webkit-transform: translateX(800px) rotateY(-30deg) scale(0);
    transform: translateX(800px) rotateY(-30deg) scale(0);
    -webkit-transform-origin: -100% 50%;
    transform-origin: -100% 50%;
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0) rotateY(0) scale(1);
    transform: translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin: -1800px 50%;
    transform-origin: -1800px 50%;
    opacity: 1;
  }
}
@-webkit-keyframes slide-in-elliptic-bottom-fwd {
  0% {
    -webkit-transform: translateY(600px) rotateX(30deg) scale(0);
    transform: translateY(600px) rotateX(30deg) scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
    transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% -1400px;
    transform-origin: 50% -1400px;
    opacity: 1;
  }
}
@keyframes slide-in-elliptic-bottom-fwd {
  0% {
    -webkit-transform: translateY(600px) rotateX(30deg) scale(0);
    transform: translateY(600px) rotateX(30deg) scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
    transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% -1400px;
    transform-origin: 50% -1400px;
    opacity: 1;
  }
}
@-webkit-keyframes slide-in-elliptic-left-fwd {
  0% {
    -webkit-transform: translateX(-800px) rotateY(30deg) scale(0);
    transform: translateX(-800px) rotateY(30deg) scale(0);
    -webkit-transform-origin: -100% 50%;
    transform-origin: -100% 50%;
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0) rotateY(0) scale(1);
    transform: translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin: 1800px 50%;
    transform-origin: 1800px 50%;
    opacity: 1;
  }
}
@keyframes slide-in-elliptic-left-fwd {
  0% {
    -webkit-transform: translateX(-800px) rotateY(30deg) scale(0);
    transform: translateX(-800px) rotateY(30deg) scale(0);
    -webkit-transform-origin: -100% 50%;
    transform-origin: -100% 50%;
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0) rotateY(0) scale(1);
    transform: translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin: 1800px 50%;
    transform-origin: 1800px 50%;
    opacity: 1;
  }
}
@-webkit-keyframes roll-in-left {
  0% {
    -webkit-transform: translateX(-800px) rotate(-540deg);
    transform: translateX(-800px) rotate(-540deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
    opacity: 1;
  }
}
@keyframes roll-in-left {
  0% {
    -webkit-transform: translateX(-800px) rotate(-540deg);
    transform: translateX(-800px) rotate(-540deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes roll-in-top {
  0% {
    -webkit-transform: translateY(-800px) rotate(-540deg);
    transform: translateY(-800px) rotate(-540deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
}
@keyframes roll-in-top {
  0% {
    -webkit-transform: translateY(-800px) rotate(-540deg);
    transform: translateY(-800px) rotate(-540deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes roll-in-right {
  0% {
    -webkit-transform: translateX(800px) rotate(540deg);
    transform: translateX(800px) rotate(540deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
    opacity: 1;
  }
}
@keyframes roll-in-right {
  0% {
    -webkit-transform: translateX(800px) rotate(540deg);
    transform: translateX(800px) rotate(540deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes roll-in-bottom {
  0% {
    -webkit-transform: translateY(800px) rotate(540deg);
    transform: translateY(800px) rotate(540deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
}
@keyframes roll-in-bottom {
  0% {
    -webkit-transform: translateY(800px) rotate(540deg);
    transform: translateY(800px) rotate(540deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  to {
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  to {
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@-webkit-keyframes focus-in-expand {
  0% {
    letter-spacing: -0.5em;
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  to {
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes focus-in-expand {
  0% {
    letter-spacing: -0.5em;
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  to {
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@-webkit-keyframes focus-in-expand-fwd {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-800px);
    transform: translateZ(-800px);
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes focus-in-expand-fwd {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-800px);
    transform: translateZ(-800px);
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@-webkit-keyframes focus-in-contract {
  0% {
    letter-spacing: 1em;
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  to {
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes focus-in-contract {
  0% {
    letter-spacing: 1em;
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  to {
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@-webkit-keyframes focus-in-contract-bck {
  0% {
    letter-spacing: 1em;
    -webkit-transform: translateZ(300px);
    transform: translateZ(300px);
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(12px);
    transform: translateZ(12px);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes focus-in-contract-bck {
  0% {
    letter-spacing: 1em;
    -webkit-transform: translateZ(300px);
    transform: translateZ(300px);
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(12px);
    transform: translateZ(12px);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@-webkit-keyframes tilt-in-top-1 {
  0% {
    -webkit-transform: rotateY(30deg) translateY(-300px) skewY(-30deg);
    transform: rotateY(30deg) translateY(-300px) skewY(-30deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
    transform: rotateY(0deg) translateY(0) skewY(0deg);
    opacity: 1;
  }
}
@keyframes tilt-in-top-1 {
  0% {
    -webkit-transform: rotateY(30deg) translateY(-300px) skewY(-30deg);
    transform: rotateY(30deg) translateY(-300px) skewY(-30deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
    transform: rotateY(0deg) translateY(0) skewY(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes tilt-in-top-2 {
  0% {
    -webkit-transform: rotateY(-30deg) translateY(-300px) skewY(30deg);
    transform: rotateY(-30deg) translateY(-300px) skewY(30deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
    transform: rotateY(0deg) translateY(0) skewY(0deg);
    opacity: 1;
  }
}
@keyframes tilt-in-top-2 {
  0% {
    -webkit-transform: rotateY(-30deg) translateY(-300px) skewY(30deg);
    transform: rotateY(-30deg) translateY(-300px) skewY(30deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
    transform: rotateY(0deg) translateY(0) skewY(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes tilt-in-right-1 {
  0% {
    -webkit-transform: rotateX(-30deg) translateX(300px) skewX(30deg);
    transform: rotateX(-30deg) translateX(300px) skewX(30deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotateX(0deg) translateX(0) skewX(0deg);
    transform: rotateX(0deg) translateX(0) skewX(0deg);
    opacity: 1;
  }
}
@keyframes tilt-in-right-1 {
  0% {
    -webkit-transform: rotateX(-30deg) translateX(300px) skewX(30deg);
    transform: rotateX(-30deg) translateX(300px) skewX(30deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotateX(0deg) translateX(0) skewX(0deg);
    transform: rotateX(0deg) translateX(0) skewX(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes tilt-in-right-2 {
  0% {
    -webkit-transform: rotateX(30deg) translateX(300px) skewX(-30deg);
    transform: rotateX(30deg) translateX(300px) skewX(-30deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotateX(0deg) translateX(0) skewX(0deg);
    transform: rotateX(0deg) translateX(0) skewX(0deg);
    opacity: 1;
  }
}
@keyframes tilt-in-right-2 {
  0% {
    -webkit-transform: rotateX(30deg) translateX(300px) skewX(-30deg);
    transform: rotateX(30deg) translateX(300px) skewX(-30deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotateX(0deg) translateX(0) skewX(0deg);
    transform: rotateX(0deg) translateX(0) skewX(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes tilt-in-bottom-1 {
  0% {
    -webkit-transform: rotateY(30deg) translateY(300px) skewY(-30deg);
    transform: rotateY(30deg) translateY(300px) skewY(-30deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
    transform: rotateY(0deg) translateY(0) skewY(0deg);
    opacity: 1;
  }
}
@keyframes tilt-in-bottom-1 {
  0% {
    -webkit-transform: rotateY(30deg) translateY(300px) skewY(-30deg);
    transform: rotateY(30deg) translateY(300px) skewY(-30deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
    transform: rotateY(0deg) translateY(0) skewY(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes tilt-in-bottom-2 {
  0% {
    -webkit-transform: rotateY(-30deg) translateY(300px) skewY(30deg);
    transform: rotateY(-30deg) translateY(300px) skewY(30deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
    transform: rotateY(0deg) translateY(0) skewY(0deg);
    opacity: 1;
  }
}
@keyframes tilt-in-bottom-2 {
  0% {
    -webkit-transform: rotateY(-30deg) translateY(300px) skewY(30deg);
    transform: rotateY(-30deg) translateY(300px) skewY(30deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
    transform: rotateY(0deg) translateY(0) skewY(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes tilt-in-left-1 {
  0% {
    -webkit-transform: rotateX(-30deg) translateX(-300px) skewX(-30deg);
    transform: rotateX(-30deg) translateX(-300px) skewX(-30deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotateX(0deg) translateX(0) skewX(0deg);
    transform: rotateX(0deg) translateX(0) skewX(0deg);
    opacity: 1;
  }
}
@keyframes tilt-in-left-1 {
  0% {
    -webkit-transform: rotateX(-30deg) translateX(-300px) skewX(-30deg);
    transform: rotateX(-30deg) translateX(-300px) skewX(-30deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotateX(0deg) translateX(0) skewX(0deg);
    transform: rotateX(0deg) translateX(0) skewX(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes tilt-in-left-2 {
  0% {
    -webkit-transform: rotateX(30deg) translateX(-300px) skewX(30deg);
    transform: rotateX(30deg) translateX(-300px) skewX(30deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotateX(0deg) translateX(0) skewX(0deg);
    transform: rotateX(0deg) translateX(0) skewX(0deg);
    opacity: 1;
  }
}
@keyframes tilt-in-left-2 {
  0% {
    -webkit-transform: rotateX(30deg) translateX(-300px) skewX(30deg);
    transform: rotateX(30deg) translateX(-300px) skewX(30deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotateX(0deg) translateX(0) skewX(0deg);
    transform: rotateX(0deg) translateX(0) skewX(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes swing-in-top-fwd {
  0% {
    -webkit-transform: rotateX(-100deg);
    transform: rotateX(-100deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
  }
  to {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 1;
  }
}
@keyframes swing-in-top-fwd {
  0% {
    -webkit-transform: rotateX(-100deg);
    transform: rotateX(-100deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
  }
  to {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 1;
  }
}
@-webkit-keyframes swing-in-right-fwd {
  0% {
    -webkit-transform: rotateY(-100deg);
    transform: rotateY(-100deg);
    -webkit-transform-origin: right;
    transform-origin: right;
    opacity: 0;
  }
  to {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-transform-origin: right;
    transform-origin: right;
    opacity: 1;
  }
}
@keyframes swing-in-right-fwd {
  0% {
    -webkit-transform: rotateY(-100deg);
    transform: rotateY(-100deg);
    -webkit-transform-origin: right;
    transform-origin: right;
    opacity: 0;
  }
  to {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-transform-origin: right;
    transform-origin: right;
    opacity: 1;
  }
}
@-webkit-keyframes swing-in-right-bck {
  0% {
    -webkit-transform: rotateY(70deg);
    transform: rotateY(70deg);
    -webkit-transform-origin: right;
    transform-origin: right;
    opacity: 0;
  }
  to {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-transform-origin: right;
    transform-origin: right;
    opacity: 1;
  }
}
@keyframes swing-in-right-bck {
  0% {
    -webkit-transform: rotateY(70deg);
    transform: rotateY(70deg);
    -webkit-transform-origin: right;
    transform-origin: right;
    opacity: 0;
  }
  to {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-transform-origin: right;
    transform-origin: right;
    opacity: 1;
  }
}
@-webkit-keyframes swing-in-bottom-fwd {
  0% {
    -webkit-transform: rotateX(100deg);
    transform: rotateX(100deg);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    opacity: 0;
  }
  to {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    opacity: 1;
  }
}
@keyframes swing-in-bottom-fwd {
  0% {
    -webkit-transform: rotateX(100deg);
    transform: rotateX(100deg);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    opacity: 0;
  }
  to {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    opacity: 1;
  }
}
@-webkit-keyframes swing-in-bottom-bck {
  0% {
    -webkit-transform: rotateX(-70deg);
    transform: rotateX(-70deg);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    opacity: 0;
  }
  to {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    opacity: 1;
  }
}
@keyframes swing-in-bottom-bck {
  0% {
    -webkit-transform: rotateX(-70deg);
    transform: rotateX(-70deg);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    opacity: 0;
  }
  to {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    opacity: 1;
  }
}
@-webkit-keyframes swing-in-left-fwd {
  0% {
    -webkit-transform: rotateY(100deg);
    transform: rotateY(100deg);
    -webkit-transform-origin: left;
    transform-origin: left;
    opacity: 0;
  }
  to {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-transform-origin: left;
    transform-origin: left;
    opacity: 1;
  }
}
@keyframes swing-in-left-fwd {
  0% {
    -webkit-transform: rotateY(100deg);
    transform: rotateY(100deg);
    -webkit-transform-origin: left;
    transform-origin: left;
    opacity: 0;
  }
  to {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-transform-origin: left;
    transform-origin: left;
    opacity: 1;
  }
}
@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  to {
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  to {
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@-webkit-keyframes focus-in-expand {
  0% {
    letter-spacing: -0.5em;
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  to {
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes focus-in-expand {
  0% {
    letter-spacing: -0.5em;
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  to {
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@-webkit-keyframes focus-in-expand-fwd {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-800px);
    transform: translateZ(-800px);
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes focus-in-expand-fwd {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-800px);
    transform: translateZ(-800px);
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@-webkit-keyframes focus-in-contract {
  0% {
    letter-spacing: 1em;
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  to {
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes focus-in-contract {
  0% {
    letter-spacing: 1em;
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  to {
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@-webkit-keyframes focus-in-contract-bck {
  0% {
    letter-spacing: 1em;
    -webkit-transform: translateZ(300px);
    transform: translateZ(300px);
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(12px);
    transform: translateZ(12px);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes focus-in-contract-bck {
  0% {
    letter-spacing: 1em;
    -webkit-transform: translateZ(300px);
    transform: translateZ(300px);
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(12px);
    transform: translateZ(12px);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@-webkit-keyframes puff-in-center {
  0% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes puff-in-center {
  0% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@-webkit-keyframes puff-in-hor {
  0% {
    -webkit-transform: scaleX(2);
    transform: scaleX(2);
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes puff-in-hor {
  0% {
    -webkit-transform: scaleX(2);
    transform: scaleX(2);
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@-webkit-keyframes puff-in-ver {
  0% {
    -webkit-transform: scaleY(2);
    transform: scaleY(2);
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
  to {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes puff-in-ver {
  0% {
    -webkit-transform: scaleY(2);
    transform: scaleY(2);
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
  to {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@-webkit-keyframes tilt-in-left-1 {
  0% {
    -webkit-transform: rotateX(-30deg) translateX(-300px) skewX(-30deg);
    transform: rotateX(-30deg) translateX(-300px) skewX(-30deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotateX(0deg) translateX(0) skewX(0deg);
    transform: rotateX(0deg) translateX(0) skewX(0deg);
    opacity: 1;
  }
}
@keyframes tilt-in-left-1 {
  0% {
    -webkit-transform: rotateX(-30deg) translateX(-300px) skewX(-30deg);
    transform: rotateX(-30deg) translateX(-300px) skewX(-30deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotateX(0deg) translateX(0) skewX(0deg);
    transform: rotateX(0deg) translateX(0) skewX(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes tilt-in-bottom-1 {
  0% {
    -webkit-transform: rotateY(30deg) translateY(300px) skewY(-30deg);
    transform: rotateY(30deg) translateY(300px) skewY(-30deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
    transform: rotateY(0deg) translateY(0) skewY(0deg);
    opacity: 1;
  }
}
@keyframes tilt-in-bottom-1 {
  0% {
    -webkit-transform: rotateY(30deg) translateY(300px) skewY(-30deg);
    transform: rotateY(30deg) translateY(300px) skewY(-30deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
    transform: rotateY(0deg) translateY(0) skewY(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  to {
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  to {
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@-webkit-keyframes focus-in-expand {
  0% {
    letter-spacing: -0.5em;
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  to {
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes focus-in-expand {
  0% {
    letter-spacing: -0.5em;
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  to {
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@-webkit-keyframes focus-in-expand-fwd {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-800px);
    transform: translateZ(-800px);
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes focus-in-expand-fwd {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-800px);
    transform: translateZ(-800px);
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@-webkit-keyframes focus-in-contract {
  0% {
    letter-spacing: 1em;
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  to {
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes focus-in-contract {
  0% {
    letter-spacing: 1em;
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  to {
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@-webkit-keyframes focus-in-contract-bck {
  0% {
    letter-spacing: 1em;
    -webkit-transform: translateZ(300px);
    transform: translateZ(300px);
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(12px);
    transform: translateZ(12px);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes focus-in-contract-bck {
  0% {
    letter-spacing: 1em;
    -webkit-transform: translateZ(300px);
    transform: translateZ(300px);
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(12px);
    transform: translateZ(12px);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@-webkit-keyframes puff-in-center {
  0% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes puff-in-center {
  0% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@-webkit-keyframes puff-in-hor {
  0% {
    -webkit-transform: scaleX(2);
    transform: scaleX(2);
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes puff-in-hor {
  0% {
    -webkit-transform: scaleX(2);
    transform: scaleX(2);
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@-webkit-keyframes puff-in-ver {
  0% {
    -webkit-transform: scaleY(2);
    transform: scaleY(2);
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
  to {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes puff-in-ver {
  0% {
    -webkit-transform: scaleY(2);
    transform: scaleY(2);
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
  to {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@-webkit-keyframes swing-in-left-bck {
  0% {
    -webkit-transform: rotateY(-70deg);
    transform: rotateY(-70deg);
    -webkit-transform-origin: left;
    transform-origin: left;
    opacity: 0;
  }
  to {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-transform-origin: left;
    transform-origin: left;
    opacity: 1;
  }
}
@keyframes swing-in-left-bck {
  0% {
    -webkit-transform: rotateY(-70deg);
    transform: rotateY(-70deg);
    -webkit-transform-origin: left;
    transform-origin: left;
    opacity: 0;
  }
  to {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-transform-origin: left;
    transform-origin: left;
    opacity: 1;
  }
}
@-webkit-keyframes slide-in-bck-center {
  0% {
    -webkit-transform: translateZ(600px);
    transform: translateZ(600px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes slide-in-bck-center {
  0% {
    -webkit-transform: translateZ(600px);
    transform: translateZ(600px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@-webkit-keyframes slide-in-bck-bottom {
  0% {
    -webkit-transform: translateZ(700px) translateY(300px);
    transform: translateZ(700px) translateY(300px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0) translateY(0);
    transform: translateZ(0) translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-bck-bottom {
  0% {
    -webkit-transform: translateZ(700px) translateY(300px);
    transform: translateZ(700px) translateY(300px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0) translateY(0);
    transform: translateZ(0) translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes slide-in-bck-left {
  0% {
    -webkit-transform: translateZ(700px) translateX(-400px);
    transform: translateZ(700px) translateX(-400px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0) translateX(0);
    transform: translateZ(0) translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-bck-left {
  0% {
    -webkit-transform: translateZ(700px) translateX(-400px);
    transform: translateZ(700px) translateX(-400px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0) translateX(0);
    transform: translateZ(0) translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes slide-in-bck-right {
  0% {
    -webkit-transform: translateZ(700px) translateX(400px);
    transform: translateZ(700px) translateX(400px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0) translateX(0);
    transform: translateZ(0) translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-bck-right {
  0% {
    -webkit-transform: translateZ(700px) translateX(400px);
    transform: translateZ(700px) translateX(400px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0) translateX(0);
    transform: translateZ(0) translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes slide-in-fwd-center {
  0% {
    -webkit-transform: translateZ(-1400px);
    transform: translateZ(-1400px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes slide-in-fwd-center {
  0% {
    -webkit-transform: translateZ(-1400px);
    transform: translateZ(-1400px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@-webkit-keyframes slide-in-fwd-top {
  0% {
    -webkit-transform: translateZ(-1400px) translateY(-800px);
    transform: translateZ(-1400px) translateY(-800px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0) translateY(0);
    transform: translateZ(0) translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-fwd-top {
  0% {
    -webkit-transform: translateZ(-1400px) translateY(-800px);
    transform: translateZ(-1400px) translateY(-800px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0) translateY(0);
    transform: translateZ(0) translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes slide-in-fwd-right {
  0% {
    -webkit-transform: translateZ(-1400px) translateX(1000px);
    transform: translateZ(-1400px) translateX(1000px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0) translateX(0);
    transform: translateZ(0) translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-fwd-right {
  0% {
    -webkit-transform: translateZ(-1400px) translateX(1000px);
    transform: translateZ(-1400px) translateX(1000px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0) translateX(0);
    transform: translateZ(0) translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes slide-in-fwd-left {
  0% {
    -webkit-transform: translateZ(-1400px) translateX(-1000px);
    transform: translateZ(-1400px) translateX(-1000px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0) translateX(0);
    transform: translateZ(0) translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-fwd-left {
  0% {
    -webkit-transform: translateZ(-1400px) translateX(-1000px);
    transform: translateZ(-1400px) translateX(-1000px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0) translateX(0);
    transform: translateZ(0) translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes slide-in-fwd-bottom {
  0% {
    -webkit-transform: translateZ(-1400px) translateY(800px);
    transform: translateZ(-1400px) translateY(800px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0) translateY(0);
    transform: translateZ(0) translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-fwd-bottom {
  0% {
    -webkit-transform: translateZ(-1400px) translateY(800px);
    transform: translateZ(-1400px) translateY(800px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0) translateY(0);
    transform: translateZ(0) translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  to {
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  to {
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@-webkit-keyframes focus-in-expand {
  0% {
    letter-spacing: -0.5em;
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  to {
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes focus-in-expand {
  0% {
    letter-spacing: -0.5em;
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  to {
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@-webkit-keyframes focus-in-expand-fwd {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-800px);
    transform: translateZ(-800px);
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes focus-in-expand-fwd {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-800px);
    transform: translateZ(-800px);
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@-webkit-keyframes focus-in-contract {
  0% {
    letter-spacing: 1em;
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  to {
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes focus-in-contract {
  0% {
    letter-spacing: 1em;
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  to {
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@-webkit-keyframes focus-in-contract-bck {
  0% {
    letter-spacing: 1em;
    -webkit-transform: translateZ(300px);
    transform: translateZ(300px);
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(12px);
    transform: translateZ(12px);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes focus-in-contract-bck {
  0% {
    letter-spacing: 1em;
    -webkit-transform: translateZ(300px);
    transform: translateZ(300px);
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(12px);
    transform: translateZ(12px);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@-webkit-keyframes shadow-pop-tr {
  0% {
    -webkit-box-shadow: 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e;
    box-shadow: 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e;
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
  }
  to {
    -webkit-box-shadow: 1px -1px #3e3e3e, 2px -2px #3e3e3e, 3px -3px #3e3e3e, 4px -4px #3e3e3e, 5px -5px #3e3e3e, 6px -6px #3e3e3e, 7px -7px #3e3e3e, 8px -8px #3e3e3e;
    box-shadow: 1px -1px #3e3e3e, 2px -2px #3e3e3e, 3px -3px #3e3e3e, 4px -4px #3e3e3e, 5px -5px #3e3e3e, 6px -6px #3e3e3e, 7px -7px #3e3e3e, 8px -8px #3e3e3e;
    -webkit-transform: translateX(-8px) translateY(8px);
    transform: translateX(-8px) translateY(8px);
  }
}
@keyframes shadow-pop-tr {
  0% {
    -webkit-box-shadow: 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e;
    box-shadow: 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e;
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
  }
  to {
    -webkit-box-shadow: 1px -1px #3e3e3e, 2px -2px #3e3e3e, 3px -3px #3e3e3e, 4px -4px #3e3e3e, 5px -5px #3e3e3e, 6px -6px #3e3e3e, 7px -7px #3e3e3e, 8px -8px #3e3e3e;
    box-shadow: 1px -1px #3e3e3e, 2px -2px #3e3e3e, 3px -3px #3e3e3e, 4px -4px #3e3e3e, 5px -5px #3e3e3e, 6px -6px #3e3e3e, 7px -7px #3e3e3e, 8px -8px #3e3e3e;
    -webkit-transform: translateX(-8px) translateY(8px);
    transform: translateX(-8px) translateY(8px);
  }
}
@-webkit-keyframes shadow-pop-br {
  0% {
    -webkit-box-shadow: 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e;
    box-shadow: 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e;
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
  }
  to {
    -webkit-box-shadow: 1px 1px #3e3e3e, 2px 2px #3e3e3e, 3px 3px #3e3e3e, 4px 4px #3e3e3e, 5px 5px #3e3e3e, 6px 6px #3e3e3e, 7px 7px #3e3e3e, 8px 8px #3e3e3e;
    box-shadow: 1px 1px #3e3e3e, 2px 2px #3e3e3e, 3px 3px #3e3e3e, 4px 4px #3e3e3e, 5px 5px #3e3e3e, 6px 6px #3e3e3e, 7px 7px #3e3e3e, 8px 8px #3e3e3e;
    -webkit-transform: translateX(-8px) translateY(-8px);
    transform: translateX(-8px) translateY(-8px);
  }
}
@keyframes shadow-pop-br {
  0% {
    -webkit-box-shadow: 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e;
    box-shadow: 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e;
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
  }
  to {
    -webkit-box-shadow: 1px 1px #3e3e3e, 2px 2px #3e3e3e, 3px 3px #3e3e3e, 4px 4px #3e3e3e, 5px 5px #3e3e3e, 6px 6px #3e3e3e, 7px 7px #3e3e3e, 8px 8px #3e3e3e;
    box-shadow: 1px 1px #3e3e3e, 2px 2px #3e3e3e, 3px 3px #3e3e3e, 4px 4px #3e3e3e, 5px 5px #3e3e3e, 6px 6px #3e3e3e, 7px 7px #3e3e3e, 8px 8px #3e3e3e;
    -webkit-transform: translateX(-8px) translateY(-8px);
    transform: translateX(-8px) translateY(-8px);
  }
}
@-webkit-keyframes shadow-pop-bl {
  0% {
    -webkit-box-shadow: 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e;
    box-shadow: 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e;
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
  }
  to {
    -webkit-box-shadow: -1px 1px #3e3e3e, -2px 2px #3e3e3e, -3px 3px #3e3e3e, -4px 4px #3e3e3e, -5px 5px #3e3e3e, -6px 6px #3e3e3e, -7px 7px #3e3e3e, -8px 8px #3e3e3e;
    box-shadow: -1px 1px #3e3e3e, -2px 2px #3e3e3e, -3px 3px #3e3e3e, -4px 4px #3e3e3e, -5px 5px #3e3e3e, -6px 6px #3e3e3e, -7px 7px #3e3e3e, -8px 8px #3e3e3e;
    -webkit-transform: translateX(8px) translateY(-8px);
    transform: translateX(8px) translateY(-8px);
  }
}
@keyframes shadow-pop-bl {
  0% {
    -webkit-box-shadow: 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e;
    box-shadow: 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e;
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
  }
  to {
    -webkit-box-shadow: -1px 1px #3e3e3e, -2px 2px #3e3e3e, -3px 3px #3e3e3e, -4px 4px #3e3e3e, -5px 5px #3e3e3e, -6px 6px #3e3e3e, -7px 7px #3e3e3e, -8px 8px #3e3e3e;
    box-shadow: -1px 1px #3e3e3e, -2px 2px #3e3e3e, -3px 3px #3e3e3e, -4px 4px #3e3e3e, -5px 5px #3e3e3e, -6px 6px #3e3e3e, -7px 7px #3e3e3e, -8px 8px #3e3e3e;
    -webkit-transform: translateX(8px) translateY(-8px);
    transform: translateX(8px) translateY(-8px);
  }
}
@-webkit-keyframes shadow-pop-tl {
  0% {
    -webkit-box-shadow: 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e;
    box-shadow: 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e;
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
  }
  to {
    -webkit-box-shadow: -1px -1px #3e3e3e, -2px -2px #3e3e3e, -3px -3px #3e3e3e, -4px -4px #3e3e3e, -5px -5px #3e3e3e, -6px -6px #3e3e3e, -7px -7px #3e3e3e, -8px -8px #3e3e3e;
    box-shadow: -1px -1px #3e3e3e, -2px -2px #3e3e3e, -3px -3px #3e3e3e, -4px -4px #3e3e3e, -5px -5px #3e3e3e, -6px -6px #3e3e3e, -7px -7px #3e3e3e, -8px -8px #3e3e3e;
    -webkit-transform: translateX(8px) translateY(8px);
    transform: translateX(8px) translateY(8px);
  }
}
@keyframes shadow-pop-tl {
  0% {
    -webkit-box-shadow: 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e;
    box-shadow: 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e;
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
  }
  to {
    -webkit-box-shadow: -1px -1px #3e3e3e, -2px -2px #3e3e3e, -3px -3px #3e3e3e, -4px -4px #3e3e3e, -5px -5px #3e3e3e, -6px -6px #3e3e3e, -7px -7px #3e3e3e, -8px -8px #3e3e3e;
    box-shadow: -1px -1px #3e3e3e, -2px -2px #3e3e3e, -3px -3px #3e3e3e, -4px -4px #3e3e3e, -5px -5px #3e3e3e, -6px -6px #3e3e3e, -7px -7px #3e3e3e, -8px -8px #3e3e3e;
    -webkit-transform: translateX(8px) translateY(8px);
    transform: translateX(8px) translateY(8px);
  }
}
.just-editing {
  -webkit-box-shadow: 0px 0px 5px 2px #A5241D !important;
  box-shadow: 0px 0px 5px 2px #A5241D !important;
}

.oss-info-box-alert.vertical {
  margin-left: 320px;
}

#app-cards {
  font-size: 1rem;
  padding-right: 20px;
}
#app-cards .osc_icon_list label {
  display: inline-block !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  padding: 5px 0;
}
#app-cards .osi-colorpicker {
  position: relative !important;
  border: 1px solid #999;
  border-radius: 4px !important;
  z-index: 0 !important;
}
#app-cards .osi-colorpicker input {
  border-width: 0 !important;
  padding: 0 10px !important;
  height: 30px !important;
  line-height: 30px !important;
  margin-bottom: 0 !important;
  background: transparent !important;
  position: relative;
  z-index: 0 !important;
}
#app-cards .osi-colorpicker .vc-input__input {
  margin-left: 0px !important;
  padding: 0 !important;
  margin-left: -10px !important;
}
#app-cards .osi-colorpicker .vc-chrome {
  position: relative !important;
}
#app-cards p {
  font-size: 1rem;
}
#app-cards .omi-note-small {
  font-size: 11px !important;
  line-height: 14px !important;
  color: #7c3104;
  margin: 5px 0;
}
#app-cards .medium-note {
  font-size: 13px !important;
  line-height: 15px !important;
  margin: 7px 0 !important;
  font-size: 13px !important;
  line-height: 15px !important;
  margin: 7px 0 !important;
}
#app-cards .omm-descr {
  margin-top: 0;
}
#app-cards .omi-topbar {
  position: fixed;
  top: 60px;
  left: 310px;
  right: 0;
  height: 40px;
  line-height: 40px;
  background: #364149;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  z-index: 1000;
  padding-left: 20px;
}
#app-cards .omi-topbar .omi-back {
  display: inline-block;
  line-height: 30px !important;
  height: 30px !important;
  padding: 0 30px;
  border-radius: 4px;
  margin-right: 15px;
  border: 0 !important;
  font-size: 1rem;
  background: #00c853;
  color: #fff;
}
#app-cards .omi-topbar .omi-save {
  display: inline-block;
  line-height: 30px !important;
  height: 30px !important;
  padding: 0 30px;
  border-radius: 4px;
  margin-right: 15px;
  border: 0 !important;
  font-size: 1rem;
  background: #219cfe;
  color: #fff;
  cursor: pointer;
}
#app-cards .omi-topbar a {
  display: inline-block;
  line-height: 30px !important;
  height: 30px !important;
  padding: 0 30px;
  border-radius: 4px;
  margin-right: 15px;
  border: 0 !important;
  font-size: 1rem;
}
#app-cards .omi-topbar input {
  display: inline-block;
  line-height: 30px !important;
  height: 30px !important;
  padding: 0 30px;
  border-radius: 4px;
  margin-right: 15px;
  border: 0 !important;
  font-size: 1rem;
}
#app-cards .oci-header-check input {
  display: inline-block !important;
  margin-right: 5px;
  width: auto !important;
}
#app-cards .oci-header-check label {
  display: inline-block !important;
  margin-right: 5px;
  width: auto !important;
}
#app-cards .small-note {
  font-size: 11px !important;
  line-height: 14px !important;
  margin-bottom: 0;
  margin-top: 3px !important;
  color: #600000 !important;
}
#app-cards .oss_transparent {
  background: transparent !important;
}
#app-cards .oss_transparent i {
  color: #cfd8dc !important;
}
#app-cards .oss_transparent p {
  color: #cfd8dc !important;
}
#app-cards .uk-tooltip {
  z-index: 10030;
  background: #2079ac !important;
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
}
#app-cards .uk-accordion-title {
  color: #444 !important;
  background: #f5f5f5;
  border: 1px solid #DFE9EB;
  padding: 5px 10px;
  border-radius: 4px;
}

.list-enter-active {
  -webkit-transition: 500ms cubic-bezier(0.59, 0.12, 0.34, 0.95);
  transition: 500ms cubic-bezier(0.59, 0.12, 0.34, 0.95);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}

.list-leave-active {
  -webkit-transition: 500ms cubic-bezier(0.59, 0.12, 0.34, 0.95);
  transition: 500ms cubic-bezier(0.59, 0.12, 0.34, 0.95);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  position: absolute;
}

.list-move {
  -webkit-transition: 500ms cubic-bezier(0.59, 0.12, 0.34, 0.95);
  transition: 500ms cubic-bezier(0.59, 0.12, 0.34, 0.95);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}

.list-enter {
  opacity: 0;
  -webkit-transform: translateX(50px) scaleY(0.5);
          transform: translateX(50px) scaleY(0.5);
}

.list-enter-to {
  opacity: 1;
  -webkit-transform: translateX(0) scaleY(1);
          transform: translateX(0) scaleY(1);
}

.list-leave-to {
  opacity: 0;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: center top;
          transform-origin: center top;
}

.slideL-enter-active {
  -webkit-animation: fade-in-left 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in-left 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.slideL-move {
  -webkit-animation: fade-in-left 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in-left 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.fade-enter-active {
  -webkit-animation: fade-in-fwd 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in-fwd 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.fade-move {
  -webkit-animation: fade-in-fwd 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in-fwd 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.oss_shortcode_top {
  display: inline-block;
  line-height: 27px !important;
  height: 27px !important;
  padding: 0 30px;
  display: inline-block;
  float: left;
  margin-right: 7px;
  border-radius: 4px;
  border-width: 0;
  margin-top: 5px;
  cursor: pointer;
  position: relative;
  background-color: #c3d2db;
}
.oss_shortcode_top .clk {
  color: #edeef1;
}
.oss_shortcode_top div {
  display: none;
  position: absolute;
  top: 110%;
  left: 0;
  padding: 20px;
  background: #fff;
  -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}
.oss_shortcode_top div input {
  margin-bottom: 10px;
}
.oss_shortcode_top div .dashicons-admin-page {
  color: #444;
}
.oss_shortcode_top div .osc_copy_shortcode_click {
  color: #444;
}

.osc_copyed_alert {
  display: none;
  position: fixed;
  width: 200px;
  top: 80px;
  right: 20px;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  text-align: center;
  font-size: 18px;
  border-radius: 4px;
  z-index: 10000;
  display: none;
  z-index: 1001;
}

.oss_copyed_alert_data {
  display: none;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  border-radius: 4px;
}

.osc_filter {
  margin: 10px 0;
  line-height: 25px;
}
.osc_filter input {
  line-height: inherit;
}
.osc_filter span {
  line-height: inherit;
  font-size: 18px;
  cursor: pointer;
  margin-left: -20px;
}

.osc_copy_shortcode_click {
  cursor: pointer;
}

.osc_column_title {
  padding-left: 10px !important;
}

input.osc_copy_shortcode {
  width: 150px;
  min-height: 22px !important;
  line-height: 22px !important;
  padding-left: 5px !important;
}

.osi_close_wp {
  display: none;
  font-size: 24px;
  cursor: pointer;
  background: #1d2327;
  color: #fff !important;
  width: 35px;
  height: 40px;
  position: fixed;
  top: 50%;
  margin-top: -20px;
  left: 160px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 8px 0 0 5px !important;
  border-radius: 0px 8px 8px 0px;
}

.osci-topbar {
  position: fixed;
  top: 60px;
  right: 0;
  left: 310px;
  line-height: 38px;
  height: 38px;
  background: #52626e;
  color: #fff;
  padding-left: 20px;
  z-index: 1;
}
.osci-topbar a {
  color: #f0f0f1;
}
.osci-topbar i {
  color: #f0f0f1;
}
.osci-topbar span {
  color: #f0f0f1;
}
.osci-topbar .osci-wp-icons {
  width: 310px;
  float: left;
  padding: 0 7px;
  overflow: hidden;
  font-size: 13px;
}
.osci-topbar .osci-back {
  line-height: 27px !important;
  height: 27px !important;
  padding: 0 30px;
  display: inline-block;
  float: left;
  margin-right: 7px;
  border-radius: 4px;
  color: #fff;
  border-width: 0;
  margin-top: 5px;
  cursor: pointer;
  background-color: #b0bec5;
}
.osci-topbar .fa-eye {
  color: #999;
}

.osi_modal_white {
  position: fixed;
  top: 70px;
  bottom: 0;
  left: 310px;
  right: 0;
  background: rgba(255, 255, 255, 0.9);
  z-index: 300;
}

.osi_modal_white2 {
  position: fixed;
  top: 70px;
  bottom: 0;
  left: 310px;
  right: 0;
  background: rgba(255, 255, 255, 0.7);
  z-index: 500;
}

.osi_modal_white_hidden {
  display: none;
  position: fixed;
  top: 70px;
  bottom: 0;
  left: 310px;
  right: 0;
  background: rgba(255, 255, 255, 0.7);
  z-index: 300;
}

.osti_respond_popup {
  position: fixed;
  top: 75px;
  right: 20px;
  left: 310px;
  margin: 0 20px;
  background: #eef7fd;
  padding: 20px;
  border: 1px solid #105c8f;
  color: #105c8f;
  z-index: 1000001;
  font-size: 1rem;
}

.osti_respond_popup_warning {
  position: fixed;
  top: 35px;
  right: 20px;
  left: 310px;
  margin: 0 20px;
  background: #ffebee;
  padding: 20px;
  border: 1px solid #9f0000;
  color: #9f0000;
  z-index: 400;
  font-size: 1rem;
}

.osti_new {
  position: fixed;
  top: 70px;
  right: 20px;
  left: 310px;
  margin: 20px;
  background: #edf0f2;
  padding: 20px;
  border: 1px solid #54636c;
  z-index: 400;
}
.osti_new input {
  display: block;
  line-height: 35px;
  width: 350px;
  font-size: 1.3rem;
}
.osti_new label {
  display: block;
  line-height: 35px;
  width: 350px;
  font-size: 1.3rem;
}
.osti_new textarea {
  display: block;
  line-height: 35px;
  width: 350px;
  font-size: 1.3rem;
}
.osti_new .osc_continue {
  display: inline-block;
  width: auto;
  padding: 10px 30px;
  margin-top: 20px;
  background: #546e7a;
  color: #fff;
  cursor: pointer;
}
.osti_new .osc_continue[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}

.osti_theme_name span {
  font-weight: bold;
}

.omi-show-sidebar #adminmenuback {
  display: block !important;
  visibility: visible;
  opacity: 1;
  left: 35px !important;
}
.omi-show-sidebar #adminmenuwrap {
  display: block !important;
  visibility: visible;
  opacity: 1;
  left: 35px !important;
}
.omi-show-sidebar .omi-menu-form {
  background: #1d2327 !important;
}

.omi-emergency-toggle {
  cursor: pointer;
}

.omi-tabs-horisontal {
  border-bottom: 1px solid #52626e;
  height: 31px;
  line-height: 31px;
}
.omi-tabs-horisontal li {
  line-height: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #b6c1c9;
  width: 260px;
  display: inline-block;
  float: left;
  border: 1px solid #52626e;
  border-radius: 4px 4px 0px 0px;
  text-align: center;
  padding: 0 10px;
  cursor: pointer;
  margin-bottom: -1px;
  font-size: 1rem;
}
.omi-tabs-horisontal li.os-active {
  background: none;
  border-bottom-color: #F0F0F1;
}

.omm-admin {
  z-index: 300;
}

.omi-container {
  border: 1px dashed #52626e;
}

.omi-success-alert {
  display: none;
  position: fixed;
  bottom: 20px;
  left: 50%;
  background: rgba(0, 0, 0, 0.7);
  font-size: 1rem;
  color: #cbd6f3;
  padding: 10px;
  width: 300px;
  margin-left: -160px;
  border-radius: 4px;
  text-align: center;
}

.omi-embed-codes {
  background: #fff;
  padding: 20px;
  border: 1px solid #52626e;
  border-radius: 5px;
}
.omi-embed-codes .omi-note-embed-title {
  margin-top: 15px !important;
  margin-bottom: 5px !important;
  font-weight: bold;
}

.omi-help1 {
  cursor: pointer;
  color: #803000;
}

.omi-codes input {
  display: inline-block;
  line-height: 30px;
  border: 1px solid #52626e;
  margin-right: 5px;
  border-radius: 4px;
  width: 380px !important;
  background: #fff !important;
}
.omi-codes span {
  display: inline-block;
  line-height: 30px;
  border: 1px solid #52626e;
  margin-right: 5px;
  border-radius: 4px;
  padding: 0 10px;
  background: #5f7280;
  color: #fff;
  cursor: pointer;
}

#omi-add-new-form {
  display: none;
  width: 400px;
  margin-bottom: 20px;
  padding: 20px;
  border: 1px solid #555;
  background: #fff;
  border-radius: 4px;
}
#omi-add-new-form input {
  display: inline-block;
  line-height: 30px;
  border: 1px solid #81d4fa;
  margin-right: 5px;
  border-radius: 4px;
}
#omi-add-new-form .omi-submit {
  background: #81d4fa;
  color: #fff;
  cursor: pointer;
}
#omi-add-new-form .omi-submit[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}

.oci-empty {
  border: 3px dashed #78909c;
  background: #fafafa;
  border: 1px dashed #999;
  color: #003d60;
  padding: 30px;
  margin: 20px 0;
  text-align: center;
}

.oci_media {
  text-align: center;
}

.osci_but {
  width: auto;
  line-height: 27px !important;
  height: 27px !important;
  padding: 0 30px;
  display: block;
  margin: 20px auto;
  border-radius: 4px;
  background-color: #0091ea;
  color: #fff;
  border-width: 0;
  cursor: pointer;
  text-align: center;
}

.osc_title_main {
  padding: 20px 0 10px;
}
.osc_title_main label {
  font-weight: bold;
  margin-right: 5px;
}

#osti_show_data {
  display: none;
  position: fixed;
  top: 60px;
  right: 0;
  bottom: 0;
  left: 310px;
  background: #fff;
  padding: 20px;
  z-index: 1000;
  overflow-y: auto;
}
#osti_show_data #close_data {
  float: right;
  cursor: pointer;
}
#osti_show_data .oss_copy_data_click {
  margin-bottom: 20px;
  cursor: pointer;
}
#osti_show_data label {
  display: inline;
  font-weight: bold;
}
#osti_show_data input {
  display: block;
  font-size: 1.3rem;
}
#osti_show_data textarea {
  display: block;
  font-size: 1.3rem;
}

#osti_show_help {
  display: none;
  position: fixed;
  top: 32px;
  right: 0;
  bottom: 0;
  left: 310px;
  background: #fff;
  padding: 20px;
  z-index: 1000;
  overflow-y: auto;
}
#osti_show_help #close_data {
  float: right;
  cursor: pointer;
}
#osti_show_help .oss_copy_data_click {
  margin-bottom: 20px;
  cursor: pointer;
}
#osti_show_help label {
  display: inline;
  font-weight: bold;
}
#osti_show_help input {
  display: block;
  font-size: 1.3rem;
}
#osti_show_help textarea {
  display: block;
  font-size: 1.3rem;
}

.oss_shortcode_table {
  float: right;
  font-weight: normal !important;
  margin: 0 10px;
  padding: 0 10px;
  border-right: 1px solid #808080;
}
.oss_shortcode_table i {
  margin-left: 5px;
  cursor: pointer;
}

#oss_leave_page {
  display: none;
  position: fixed;
  text-align: center;
  width: 400px;
  padding: 20px;
  top: 65px;
  left: 50%;
  margin-left: -220px;
  background: #fff;
  -webkit-box-shadow: 5px 5px 15px 5px #000000;
  box-shadow: 5px 5px 15px 5px #000000;
  z-index: 10000;
}

.oci-logo a {
  color: #fff;
}
.oci-logo a:hover {
  text-decoration: none;
  color: #eee;
}
.oci-logo a:before {
  display: none;
}

.container-main {
  visibility: visible !important;
  margin-left: 288px;
}

.oti-expand {
  margin-top: 40px;
}

ul:before {
  border-left-width: 0;
}
ul li a {
  border-right-width: 0 !important;
}

.oci-tabs-content {
  padding-left: 0;
  margin-bottom: 0;
  margin-top: 0;
  display: block;
  line-height: 30px;
  width: 100%;
}
.oci-tabs-content li {
  list-style: none;
}
.oci-tabs-content .oci_active {
  display: block !important;
}

.oci-tab i {
  color: #fff !important;
}
.oci-tab li {
  color: #fff !important;
}

.omm-close {
  color: #fff !important;
  float: right;
  padding: 5px 15px;
  margin-top: -20px;
  margin-right: -20px;
  cursor: pointer;
}

.oss-menu-formt {
  z-index: 1;
}

.oci-descr {
  font-size: 12px;
  line-height: 14px !important;
}

label {
  position: relative;
}
label span {
  font-size: 12px;
  margin-top: -10px !important;
}

.oss-tooltip-right {
  font-size: 14px;
  line-height: 17px;
  display: none;
  width: 250px;
  position: absolute;
  bottom: 100%;
  background: #eee;
  color: #444;
  padding: 10px;
  border-radius: 4px;
  z-index: 5000;
}

.oss_del {
  background: #f00;
}

.oss_note_block {
  border: 1px solid #4e8ef1;
  background: #e3f2fd;
  padding: 10px;
  margin-bottom: 10px;
  color: #0a3476;
  line-height: 150%;
  border-radius: 3px;
}

.oss_note_block_nocards {
  border: 1px solid #0a3476;
  background: #fff;
  padding: 20px;
  font-size: 1.2rem;
  margin: 20px;
  color: #0a3476;
  line-height: 150%;
  border-radius: 3px;
}

.oci-show-data {
  cursor: pointer;
  color: #999;
}

.oci-dummy {
  height: 200px;
}

.osc-wraper {
  cursor: pointer;
}

.oci-card-edit-panelor-box {
  margin-top: 10px;
  background: #f8f8f8;
  border: 1px solid rgba(48, 48, 48, 0.2);
  padding: 5px;
  border-radius: 3px;
}
.oci-card-edit-panelor-box input {
  background-color: #fff !important;
}

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

.oci-icon-group {
  border: 1px solid rgba(48, 48, 48, 0.2);
  padding: 2px;
  border-radius: 3px;
  display: inline-block;
  margin-bottom: 5px;
}
.oci-icon-group span {
  background: rgba(48, 48, 48, 0.1);
  padding: 0 5px;
  border-radius: 3px;
  display: inline-block;
  text-align: center;
}
.oci-icon-group span i {
  font-size: 14px;
  color: #2E486B;
  margin-right: 5px;
  cursor: pointer;
}
.oci-icon-group .oss_del {
  margin-right: 15px;
  color: #f00;
}

.oci-fixed-width {
  width: 300px;
  float: left;
  margin-right: 30px;
  width: 300px;
  float: left;
  margin-right: 30px;
}

.oci-full-width {
  width: 100%;
}

.osc-top-bar {
  display: block !important;
  height: 45px;
  line-height: 45px;
  margin: 10px 0 !important;
  border: 1px solid #cfd8dc;
  padding-left: 10px !important;
  margin-top: 10px;
  border-radius: 3px;
}
.osc-top-bar div {
  height: inherit;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 10px;
  width: auto;
  float: left;
  margin-left: 4px;
}
.osc-top-bar div label {
  line-height: 25px;
}
.osc-top-bar div select {
  line-height: 25px;
}
.osc-top-bar div span {
  line-height: 25px;
}

.oss_shortcode_block {
  position: relative;
}
.oss_shortcode_block .oss_but1 {
  height: 30px;
  line-height: 30px !important;
  border: 1px solid #cfd8dc;
  padding: 0 10px !important;
  border-radius: 3px;
  background: #eeeeee;
  cursor: pointer;
}
.oss_shortcode_block .oss_but1:hover {
  background: #cfcfcf;
}
.oss_shortcode_block .oss_but1 span {
  margin-top: 3px;
}
.oss_shortcode_block .oss_shortcode_drop {
  width: 200px;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  padding: 20px;
  background: #eee;
  -webkit-box-shadow: 5px 5px 5px 0px #000000, 5px 5px 15px 5px rgba(0, 0, 0, 0);
  box-shadow: 5px 5px 5px 0px #000000, 5px 5px 15px 5px rgba(0, 0, 0, 0);
  z-index: 100;
}
.oss_shortcode_block .oss_shortcode_drop i {
  margin-left: 5px;
  cursor: pointer;
}

.osc_refresh {
  display: inline-block;
  float: right !important;
  font-size: 12px;
  color: #00f;
  float: right;
  cursor: pointer;
}

.oci-info {
  border: 1px solid #999;
  padding: 10px;
  border-radius: 3px;
}

.oci-info.vertical {
  margin-left: 320px;
}

.osc_icon_list {
  position: relative;
  width: 100%;
  max-height: 200px;
  height: 200px;
  overflow-y: auto;
  background: #5f6881;
  padding: 5px;
  border-radius: 5px;
  margin-top: 0;
  text-align: center;
}
.osc_icon_list span {
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  color: #444;
}
.osc_icon_list input:focus + label {
  background: #a2dbfc;
}
.osc_icon_list label {
  height: 36px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #edeef1;
  width: 23% !important;
  font-size: 11px;
  color: #fff !important;
  margin: 1%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  border-radius: 4px;
  z-index: 1;
}
.osc_icon_list label i {
  color: #545d6b !important;
  font-size: 22px;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}
.osc_icon_list label:hover i {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
.osc_icon_list label:focus-within {
  background: #a2dbfc;
}
.osc_icon_list label .ttl {
  line-height: 13;
  font-size: 10px;
}
.osc_icon_list label input {
  height: 1px;
  display: none;
}
.osc_icon_list label.oss_active {
  background: #a2dbfc;
}

.oss_search_icons input {
  margin-bottom: 10px !important;
}
.oss_search_icons select {
  margin-bottom: 10px !important;
}

.oss_icons {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.oss_icons div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.oss_icons label {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.oss_icons li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.oss_icons span {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.oss_search_filter {
  margin-bottom: 10px;
}

.osc_anim select {
  margin-bottom: 10px;
}
.osc_anim span {
  line-height: 20px !important;
  display: block;
  background: #404550;
  margin-bottom: 3px;
  border-radius: 4px;
}
.osc_anim span:hover {
  background: #777;
}
.osc_anim span label {
  padding: 0 3px 0 5px;
  line-height: 20px !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  width: 100%;
  cursor: pointer;
  position: relative;
  font-size: 13px;
}
.osc_anim span label span {
  position: absolute;
  right: 3px;
  bottom: 0;
  background: transparent;
  display: inline-block;
  font-size: 11px;
  line-height: 20px !important;
  margin-bottom: 0;
  margin-top: 0 !important;
  padding-left: 0;
}
.osc_anim span label.oss_active {
  background: #666;
}
.osc_anim span input {
  display: none;
}

.osc_anim_list {
  max-height: 150px;
  overflow-y: auto;
}
.pro_opt {
  position: absolute;
  right: 3px;
  bottom: 0;
  width: auto !important;
  background: transparent;
  display: inline-block;
  color: #005180;
  font-size: 11px;
  line-height: 20px !important;
  margin-bottom: 0;
  margin-top: 0 !important;
  padding-left: 0;
}

#app-cards .oss_media {
  width: 100%;
  background: #fafafa;
  border: 1px solid #dfdfdf;
  padding: 7px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 5px;
}
#app-cards .oss_media label {
  color: #444 !important;
}
#app-cards .oss_media img {
  width: 100%;
  z-index: 1;
  margin-bottom: 7px;
}
#app-cards .oss_media input {
  border-color: #dfdfdf !important;
  margin-bottom: 7px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#app-cards .oss_media .oss_double_but {
  height: 30px;
  line-height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  border-radius: 5px;
  overflow: hidden;
}
#app-cards .oss_media .oss_double_but span {
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  padding: 0 10px;
  cursor: pointer;
}
#app-cards .oss_media .oss_double_but .oss_select {
  background: #0077bf;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
#app-cards .oss_media .oss_double_but .oss_del {
  background: #003c60;
  width: auto;
}

[data-tooltip] {
  position: relative;
  cursor: pointer;
}
[data-tooltip]:after {
  line-height: 1;
  font-size: 0.9em;
  pointer-events: none;
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: none;
  opacity: 0;
  content: attr(data-tooltip);
  text-align: center;
  min-width: 3em;
  max-width: 21em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 6px 8px;
  border-radius: 3px;
  background: #0A5EBF;
  color: #FFFFFF;
  z-index: 99;
}
[data-tooltip]:before {
  line-height: 1;
  font-size: 0.9em;
  pointer-events: none;
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: none;
  opacity: 0;
  content: "";
  border: 5px solid transparent;
  z-index: 100;
}
[data-tooltip]:hover:after {
  display: block;
  opacity: 1;
}
[data-tooltip]:hover:before {
  display: block;
  opacity: 1;
}
[data-tooltip]:not([data-flow]):before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #0A5EBF;
  left: 50%;
  -webkit-transform: translate(-50%, -4px);
  transform: translate(-50%, -4px);
}
[data-tooltip]:not([data-flow]):after {
  bottom: calc(100% + 5px);
}

[data-tooltip][data-flow=top]:before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #0A5EBF;
  left: 50%;
  -webkit-transform: translate(-50%, -4px);
  transform: translate(-50%, -4px);
}
[data-tooltip][data-flow=top]:after {
  bottom: calc(100% + 5px);
  left: 50%;
  -webkit-transform: translate(-50%, -4px);
  transform: translate(-50%, -4px);
}

[tooltip]:not([data-flow]):after {
  left: 50%;
  -webkit-transform: translate(-50%, -4px);
  transform: translate(-50%, -4px);
}

[data-tooltip][data-flow=bottom]:before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #0A5EBF;
  left: 50%;
  -webkit-transform: translate(-50%, 8px);
  transform: translate(-50%, 8px);
}
[data-tooltip][data-flow=bottom]:after {
  top: calc(100% + 5px);
  left: 50%;
  -webkit-transform: translate(-50%, 8px);
  transform: translate(-50%, 8px);
}

[data-tooltip][data-flow=left]:before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #0A5EBF;
  left: calc(0em - 5px);
  -webkit-transform: translate(-8px, -50%);
  transform: translate(-8px, -50%);
}
[data-tooltip][data-flow=left]:after {
  top: 50%;
  right: calc(100% + 5px);
  -webkit-transform: translate(-8px, -50%);
  transform: translate(-8px, -50%);
}

[data-tooltip][data-flow=right]:before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #0A5EBF;
  right: calc(0em - 5px);
  -webkit-transform: translate(8px, -50%);
  transform: translate(8px, -50%);
}
[data-tooltip][data-flow=right]:after {
  top: 50%;
  left: calc(100% + 5px);
  -webkit-transform: translate(8px, -50%);
  transform: translate(8px, -50%);
}

[data-tooltip=""]:after {
  display: none !important;
}
[data-tooltip=""]:before {
  display: none !important;
}

.oss_radios_block {
  z-index: 100;
  position: relative;
  border-radius: 5px;
  border: 1px solid #003d60 !important;
  background: #fff;
}
.oss_radios_block summary:after {
  content: "click to change";
  display: inline-block;
  color: #005180;
  font-size: 11px;
  cursor: pointer;
}
.oss_radios_block summary:focus {
  outline: none;
}
.oss_radios_block ul {
  z-index: 100;
  width: 100%;
  background: #edf0f2;
  position: absolute;
  top: 100%;
  left: 0;
  padding: 10px;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0px 0px 5px 5px;
  max-height: 150px;
  overflow-y: auto;
  border: 1px solid #003d60 !important;
  border-top-width: 0;
}
.oss_radios_block li {
  z-index: 100;
  line-height: 30px;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  border-bottom: 1px solid #ccc;
  color: #000;
}
.oss_radios_block li:first-child {
  padding-top: 0;
}
.oss_radios_block li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.oss_radios_block li.oss_active {
  background: #b5c3c9;
}
.oss_radios_block summary.oss_radios {
  counter-reset: oss_radios;
}
.oss_radios_block summary.oss_radios:before {
  content: var(--selection);
}
.oss_radios_block input[type=radio] {
  counter-increment: oss_radios;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: none;
}
.oss_radios_block input[type=radio]:checked {
  border-width: 0 !important;
  display: inline;
  --display: block;
  cursor: e-resize;
}
.oss_radios_block input[type=radio]:checked:before {
  background: #fff !important;
  background-color: #fff !important;
}
.oss_radios_block input[type=radio]:after {
  content: attr(title);
  display: inline;
  font-size: 1rem;
}
.oss_radios_block ul.oss_radios_list {
  counter-reset: labels;
}
.oss_radios_block label {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.oss_radios_block label span {
  --display: none;
  display: var(--display);
  width: 1rem;
  height: 1rem;
  border: 1px solid #727272;
  border-radius: 3px;
}
.oss_radios_block .oss_badge_pro {
  display: inline-block;
  color: #005180;
  font-size: 11px;
}

.oss_radios_block[open] {
  z-index: 1;
  border-radius: 5px 5px 0px 0px;
}
.oss_radios_block[open] summary:after {
  content: "X";
  float: right;
  right: 10px;
  padding-right: 15px;
  padding-top: 3px;
  border-bottom: none;
  border-right: none;
  border-bottom-left-radius: 2px;
  -webkit-transform: rotate(0deg) translate(50%, 0%);
  transform: rotate(0deg) translate(50%, 0%);
  border-width: 0;
}

.oss_loader_main {
  position: fixed;
  top: 70px;
  right: 0;
  left: 310px;
  bottom: 0;
  background: rgba(255, 255, 255, 0.9);
  z-index: 1000000;
}

.spinner-loader {
  position: fixed;
  top: 50%;
  right: 0;
  left: 50%;
  margin-left: 125px;
  margin-top: -95px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  padding: 1px;
  background: conic-gradient(rgba(0, 0, 0, 0) 10%, #766DF4) content-box;
  -webkit-mask: repeating-conic-gradient(rgba(0, 0, 0, 0) 0deg, #000 1deg 20deg, rgba(0, 0, 0, 0) 21deg 36deg), radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 9px), #000 calc(100% - 8px));
  -webkit-mask-composite: destination-in;
  mask-composite: intersect;
  -webkit-animation: s4 1s infinite steps(10);
          animation: s4 1s infinite steps(10);
}

.omi-select-menu label {
  margin-bottom: 15px;
  height: 30px !important;
  line-height: 30px !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.omi-select-menu select {
  margin-bottom: 15px;
  height: 30px !important;
  line-height: 30px !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.omi-but {
  line-height: 30px;
  border: 1px solid #cfd8dc;
  padding: 0 20px;
  cursor: pointer;
}

.omi-def {
  background: #eceff1;
}

.omi-dang {
  background: #dd2c00;
  color: #fff;
}

.omi-text-dang {
  color: #601300;
}

.omm-vertical-right {
  width: 250px;
  float: right;
}

.omm-vertical-left {
  width: 250px;
  float: left;
  margin: 0 20px 200px;
}

.tmp {
  position: fixed;
  bottom: 5px;
  right: 20px;
  z-index: 10000;
}

.os-image-modal-bg {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2000;
}

.os-media {
  display: none;
  position: fixed;
  top: 116px;
  bottom: 0;
  right: 0px;
  left: 310px;
  background: #fff;
  z-index: 2001;
}
.os-media iframe {
  width: 100%;
  height: 100%;
}

.os-image-select-buttons {
  padding: 0 !important;
  line-height: 50px;
  height: 50px;
  position: fixed;
  top: 66px;
  right: 0px;
  left: 310px;
  text-align: center;
  background: #2E486B;
  z-index: 10001;
}
.os-image-select-buttons span {
  float: right !important;
  margin: 10px 20px 0 0;
  cursor: pointer;
  padding: 0 20px;
  line-height: 30px;
  text-transform: uppercase;
}
.os-image-select-buttons .os-img-select {
  background: #1e88e5;
  color: #fff;
}
.os-image-select-buttons .os-img-cancel {
  background: #fff;
}

.custom-loader {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  padding: 1px;
  background: conic-gradient(rgba(0, 0, 0, 0) 10%, #766DF4) content-box;
  -webkit-mask: repeating-conic-gradient(rgba(0, 0, 0, 0) 0deg, #000 1deg 20deg, rgba(0, 0, 0, 0) 21deg 36deg), radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 9px), #000 calc(100% - 8px));
  -webkit-mask-composite: destination-in;
  mask-composite: intersect;
  -webkit-animation: s4 1s infinite steps(10);
          animation: s4 1s infinite steps(10);
}

.custom-loader-lite {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  padding: 1px;
  background: conic-gradient(rgba(0, 0, 0, 0) 10%, #E6E7F4) content-box;
  -webkit-mask: repeating-conic-gradient(rgba(0, 0, 0, 0) 0deg, #000 1deg 20deg, rgba(0, 0, 0, 0) 21deg 36deg), radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 9px), #000 calc(100% - 8px));
  -webkit-mask-composite: destination-in;
  mask-composite: intersect;
  -webkit-animation: s4 1s infinite steps(10);
          animation: s4 1s infinite steps(10);
}

.omi-premium {
  color: #311b92;
  background: #eee8f6;
  border: 1px solid #a98bd4;
  color: #2c1a46 !important;
  padding: 3px;
  border-radius: 3px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.omi-badges {
  padding-top: 10px;
}

.omi-but-app {
  display: inline-block;
  margin-right: 5px;
  background: #f5f5f5;
  border: 1px solid #999;
  padding: 2px 10px;
  cursor: pointer;
  margin-bottom: 10px;
  border-radius: 4px !important;
}

.om-pro-test {
  cursor: pointer;
}

.om-pro-note {
  float: right;
  line-height: 20px;
  height: 20px;
  margin-top: 3px !important;
  margin-bottom: 3px !important;
  font-size: 11px;
  color: #fff;
  padding: 0 3px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background: #2E486B;
  background: -webkit-gradient(linear, left top, right top, from(#2E486B), to(#2E486B));
  background: linear-gradient(to right, #2E486B 0%, #2E486B 100%);
}
.om-pro-note:after {
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  content: "\f059";
  font-size: 11px !important;
  padding-left: 3px;
}

.omi-checkbox {
  width: 100%;
  height: 30px;
  line-height: 30px;
}
.omi-checkbox input {
  width: auto !important;
  height: 30px;
  line-height: 30px;
  display: inline-block !important;
  float: left !important;
  margin-right: 7px;
}
.omi-checkbox label {
  width: auto !important;
  height: 30px;
  line-height: 30px;
  display: inline-block !important;
  float: left !important;
}

.omi-mega-note-medium {
  padding: 10px;
  border: 1px solid #1a237e;
  border-radius: 5px;
  background: #e8eaf6;
  color: #1a237e;
  margin-top: 20px;
}
.omi-mega-note-medium span {
  width: 15px;
  height: 15px;
  float: right;
  cursor: pointer;
}

.omi-mega-note-main {
  padding: 10px;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.18);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.18);
  margin-top: 20px;
}
.omi-mega-note-main span {
  width: 15px;
  height: 15px;
  float: right;
  cursor: pointer;
}

.omi-info-note-side {
  padding: 5px;
  font-size: 13px;
  line-height: 16px;
  color: #03405d;
  border: 1px solid #a2e0fc;
  border-radius: 3px;
  background: #e1f5fe;
  margin-top: 5px;
  margin-bottom: 10px;
}

.omm-icon-group {
  padding-bottom: 10px;
  position: relative;
}

.omi-select-img {
  margin-bottom: 10px;
  background: #4c78b3;
  color: #fff;
  width: 100%;
  line-height: 20px !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5px;
  border-radius: 5px;
  cursor: pointer;
}

.omm-icon-select {
  margin-bottom: 10px;
  background: #4c78b3;
  color: #fff;
  width: 100%;
  line-height: 20px !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5px;
  border-radius: 5px;
  cursor: pointer;
}

.oci-select-img {
  margin: 10px 0;
  background: #1e88e5;
}

.oi-icon-list-wrap-heading {
  width: 220px;
  overflow-y: auto;
  border-bottom: 1px solid #b0bec5;
  padding: 0 5px;
  overflow: hidden !important;
  background: #cfd8dc;
  cursor: none;
  border-radius: 5px 5px 0px 0px;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.oi-icon-list-wrap-heading i {
  display: inline-block;
  height: 25px !important;
  line-height: 25px !important;
  position: relative;
  border: none;
  font-size: 18px;
  padding: 5px 7px;
  margin: 3px 0;
  color: #000;
  cursor: pointer;
}
.oi-icon-list-wrap-heading input {
  display: inline-block;
  height: 25px !important;
  line-height: 25px !important;
  position: relative;
  border: none;
  width: 170px !important;
  border-radius: 4px;
}

.oi-icon-list-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 220px;
  max-height: 200px;
  margin-bottom: 20px;
  overflow-y: auto;
  margin-bottom: -35px;
  background: #eceff1;
  color: #444;
  border: 1px solid #999;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 0px 0px 5px 5px;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.oi-icon-list-wrap label {
  float: left;
  text-align: center;
  line-height: 20px;
  width: 30px !important;
  height: 30px;
  line-height: 30px;
  border: 1px solid #999;
  padding: 0 5px;
  margin: 2px;
  cursor: pointer;
  color: #eceff1;
  overflow: hidden;
  border-radius: 5px;
}
.oi-icon-list-wrap label input {
  display: none;
}
.oi-icon-list-wrap label span {
  display: none;
}
.oi-icon-list-wrap label i {
  color: #37474f;
}

.oss-hidden {
  display: none !important;
}

.shadow-drop-2-bl {
  -webkit-animation: shadow-drop-2-bl 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: shadow-drop-2-bl 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.shadow-pop-tl {
  -webkit-animation: shadow-pop-tl 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) both;
  animation: shadow-pop-tl 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) both;
}

.shadow-pop-bl {
  -webkit-animation: shadow-pop-bl 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) both;
  animation: shadow-pop-bl 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) both;
}

.shadow-pop-br {
  -webkit-animation: shadow-pop-br 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) both;
  animation: shadow-pop-br 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) both;
}

.shadow-pop-tr {
  -webkit-animation: shadow-pop-tr 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) both;
  animation: shadow-pop-tr 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) both;
}

.bounce-in-bck {
  -webkit-animation: bounce-in-bck 1.1s both;
  animation: bounce-in-bck 1.1s both;
}

.bounce-in-fwd {
  -webkit-animation: bounce-in-fwd 1.1s both;
  animation: bounce-in-fwd 1.1s both;
}

.bounce-in-left {
  -webkit-animation: bounce-in-left 1.1s both;
  animation: bounce-in-left 1.1s both;
}

.bounce-in-bottom {
  -webkit-animation: bounce-in-bottom 1.1s both;
  animation: bounce-in-bottom 1.1s both;
}

.bounce-in-right {
  -webkit-animation: bounce-in-right 1.1s both;
  animation: bounce-in-right 1.1s both;
}

.bounce-in-top {
  -webkit-animation: bounce-in-top 1.1s both;
  animation: bounce-in-top 1.1s both;
}

.rotate-in-hor {
  -webkit-animation: rotate-in-hor 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: rotate-in-hor 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.rotate-in-ver {
  -webkit-animation: rotate-in-ver 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: rotate-in-ver 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.rotate-in-2-cw {
  -webkit-animation: rotate-in-2-cw 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: rotate-in-2-cw 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.rotate-in-2-ccw {
  -webkit-animation: rotate-in-2-ccw 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: rotate-in-2-ccw 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.rotate-in-2-fwd-cw {
  -webkit-animation: rotate-in-2-fwd-cw 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: rotate-in-2-fwd-cw 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.rotate-in-2-fwd-ccw {
  -webkit-animation: rotate-in-2-fwd-ccw 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: rotate-in-2-fwd-ccw 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.rotate-in-2-bck-cw {
  -webkit-animation: rotate-in-2-bck-cw 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: rotate-in-2-bck-cw 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.rotate-in-2-bck-ccw {
  -webkit-animation: rotate-in-2-bck-ccw 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: rotate-in-2-bck-ccw 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.flip-in-hor-bottom {
  -webkit-animation: flip-in-hor-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: flip-in-hor-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.flip-in-hor-top {
  -webkit-animation: flip-in-hor-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: flip-in-hor-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.flip-in-ver-right {
  -webkit-animation: flip-in-ver-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: flip-in-ver-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.flip-in-ver-left {
  -webkit-animation: flip-in-ver-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: flip-in-ver-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.flip-in-diag-1-tr {
  -webkit-animation: flip-in-diag-1-tr 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: flip-in-diag-1-tr 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.flip-in-diag-1-bl {
  -webkit-animation: flip-in-diag-1-bl 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: flip-in-diag-1-bl 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.flip-in-diag-2-tl {
  -webkit-animation: flip-in-diag-2-tl 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: flip-in-diag-2-tl 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.flip-in-diag-2-br {
  -webkit-animation: flip-in-diag-2-br 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: flip-in-diag-2-br 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.slide-in-blurred-top {
  -webkit-animation: slide-in-blurred-top 0.6s cubic-bezier(0.23, 1, 0.32, 1) both;
  animation: slide-in-blurred-top 0.6s cubic-bezier(0.23, 1, 0.32, 1) both;
}

.slide-in-blurred-right {
  -webkit-animation: slide-in-blurred-right 0.6s cubic-bezier(0.23, 1, 0.32, 1) both;
  animation: slide-in-blurred-right 0.6s cubic-bezier(0.23, 1, 0.32, 1) both;
}

.slide-in-blurred-bottom {
  -webkit-animation: slide-in-blurred-bottom 0.6s cubic-bezier(0.23, 1, 0.32, 1) both;
  animation: slide-in-blurred-bottom 0.6s cubic-bezier(0.23, 1, 0.32, 1) both;
}

.slide-in-blurred-left {
  -webkit-animation: slide-in-blurred-left 0.6s cubic-bezier(0.23, 1, 0.32, 1) both;
  animation: slide-in-blurred-left 0.6s cubic-bezier(0.23, 1, 0.32, 1) both;
}

.slide-in-elliptic-top-fwd {
  -webkit-animation: slide-in-elliptic-top-fwd 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-elliptic-top-fwd 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.slide-in-elliptic-right-fwd {
  -webkit-animation: slide-in-elliptic-right-fwd 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-elliptic-right-fwd 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.slide-in-elliptic-bottom-fwd {
  -webkit-animation: slide-in-elliptic-bottom-fwd 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-elliptic-bottom-fwd 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.slide-in-elliptic-left-fwd {
  -webkit-animation: slide-in-elliptic-left-fwd 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-elliptic-left-fwd 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.roll-in-left {
  -webkit-animation: roll-in-left 0.6s ease-out both;
  animation: roll-in-left 0.6s ease-out both;
}

.roll-in-top {
  -webkit-animation: roll-in-top 0.6s ease-out both;
  animation: roll-in-top 0.6s ease-out both;
}

.roll-in-right {
  -webkit-animation: roll-in-right 0.6s ease-out both;
  animation: roll-in-right 0.6s ease-out both;
}

.roll-in-bottom {
  -webkit-animation: roll-in-bottom 0.6s ease-out both;
  animation: roll-in-bottom 0.6s ease-out both;
}

.jello-horizontal {
  -webkit-animation: jello-horizontal 0.9s both;
  animation: jello-horizontal 0.9s both;
}

.jello-vertical {
  -webkit-animation: jello-vertical 0.9s both;
  animation: jello-vertical 0.9s both;
}

.jello-diagonal-1 {
  -webkit-animation: jello-diagonal-1 0.8s both;
  animation: jello-diagonal-1 0.8s both;
}

.jello-diagonal-2 {
  -webkit-animation: jello-diagonal-2 0.8s both;
  animation: jello-diagonal-2 0.8s both;
}

.scale-in-center {
  -webkit-animation: scale-in-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: scale-in-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.scale-in-bottom {
  -webkit-animation: scale-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: scale-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.scale-in-hor-center {
  -webkit-animation: scale-in-hor-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: scale-in-hor-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.scale-in-hor-left {
  -webkit-animation: scale-in-hor-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: scale-in-hor-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.scale-in-hor-right {
  -webkit-animation: scale-in-hor-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: scale-in-hor-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.scale-in-ver-center {
  -webkit-animation: scale-in-ver-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: scale-in-ver-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.scale-in-ver-top {
  -webkit-animation: scale-in-ver-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: scale-in-ver-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.scale-in-ver-bottom {
  -webkit-animation: scale-in-ver-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: scale-in-ver-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.tracking-in-expand {
  -webkit-animation: tracking-in-expand 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) both;
  animation: tracking-in-expand 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) both;
}

.tracking-in-expand-fwd {
  -webkit-animation: tracking-in-expand-fwd 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) both;
  animation: tracking-in-expand-fwd 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) both;
}

.tracking-in-expand-fwd-top {
  -webkit-animation: tracking-in-expand-fwd-top 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) both;
  animation: tracking-in-expand-fwd-top 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) both;
}

.tracking-in-expand-fwd-bottom {
  -webkit-animation: tracking-in-expand-fwd-bottom 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) both;
  animation: tracking-in-expand-fwd-bottom 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) both;
}

.tracking-in-contract {
  -webkit-animation: tracking-in-contract 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) both;
  animation: tracking-in-contract 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) both;
}

.tracking-in-contract-bck {
  -webkit-animation: tracking-in-contract-bck 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) both;
  animation: tracking-in-contract-bck 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) both;
}

.tracking-in-contract-bck-top {
  -webkit-animation: tracking-in-contract-bck-top 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) both;
  animation: tracking-in-contract-bck-top 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) both;
}

.tracking-in-contract-bck-bottom {
  -webkit-animation: tracking-in-contract-bck-bottom 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) both;
  animation: tracking-in-contract-bck-bottom 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) both;
}

.text-focus-in {
  -webkit-animation: text-focus-in 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  animation: text-focus-in 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

.focus-in-expand {
  -webkit-animation: focus-in-expand 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: focus-in-expand 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.focus-in-expand-fwd {
  -webkit-animation: focus-in-expand-fwd 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: focus-in-expand-fwd 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.focus-in-contract {
  -webkit-animation: focus-in-contract 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: focus-in-contract 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.focus-in-contract-bck {
  -webkit-animation: focus-in-contract-bck 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: focus-in-contract-bck 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.slide-in-fwd-bl {
  -webkit-animation: slide-in-fwd-center 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-fwd-center 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.slide-in-fwd-top {
  -webkit-animation: slide-in-fwd-top 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-fwd-top 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.slide-in-fwd-right {
  -webkit-animation: slide-in-fwd-right 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-fwd-right 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.slide-in-fwd-bottom {
  -webkit-animation: slide-in-fwd-bottom 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-fwd-bottom 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.slide-in-fwd-left {
  -webkit-animation: slide-in-fwd-left 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-fwd-left 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.slide-in-bck-center {
  -webkit-animation: slide-in-bck-center 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-bck-center 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.slide-in-bck-right {
  -webkit-animation: slide-in-bck-right 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-bck-right 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.slide-in-bck-bottom {
  -webkit-animation: slide-in-bck-bottom 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-bck-bottom 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.slide-in-bck-left {
  -webkit-animation: slide-in-bck-left 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-bck-left 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.tilt-in-top-1 {
  -webkit-animation: tilt-in-top-1 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: tilt-in-top-1 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.tilt-in-top-2 {
  -webkit-animation: tilt-in-top-2 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: tilt-in-top-2 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.tilt-in-right-1 {
  -webkit-animation: tilt-in-right-1 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: tilt-in-right-1 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.tilt-in-right-2 {
  -webkit-animation: tilt-in-right-2 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: tilt-in-right-2 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.tilt-in-bottom-1 {
  -webkit-animation: tilt-in-bottom-1 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: tilt-in-bottom-1 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.tilt-in-left-1 {
  -webkit-animation: tilt-in-left-1 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: tilt-in-left-1 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.swing-in-top-fwd {
  -webkit-animation: swing-in-top-fwd 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
  animation: swing-in-top-fwd 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}

.swing-in-right-fwd {
  -webkit-animation: swing-in-right-fwd 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
  animation: swing-in-right-fwd 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}

.swing-in-right-bck {
  -webkit-animation: swing-in-right-bck 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
  animation: swing-in-right-bck 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}

.swing-in-bottom-fwd {
  -webkit-animation: swing-in-bottom-fwd 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
  animation: swing-in-bottom-fwd 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}

.swing-in-bottom-bck {
  -webkit-animation: swing-in-bottom-bck 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
  animation: swing-in-bottom-bck 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}

.swing-in-left-fwd {
  -webkit-animation: swing-in-left-fwd 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
  animation: swing-in-left-fwd 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}

.swing-in-left-bck {
  -webkit-animation: swing-in-left-bck 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
  animation: swing-in-left-bck 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}

.puff-in-center {
  -webkit-animation: puff-in-center 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) both;
  animation: puff-in-center 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) both;
}

.puff-in-hor {
  -webkit-animation: puff-in-hor 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) both;
  animation: puff-in-hor 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) both;
}

.puff-in-ver {
  -webkit-animation: puff-in-ver 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) both;
  animation: puff-in-ver 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) both;
}

.oss-effect-apollo .osc-heading-box {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-apollo .osc-heading-box .osc-heading {
  opacity: 1 !important;
}
.oss-effect-apollo .osc-heading-box h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-apollo .osc-heading-box p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-apollo .osc-heading-box .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-apollo a {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-apollo a .osc-heading {
  opacity: 1 !important;
}
.oss-effect-apollo a h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-apollo a p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-apollo a .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-apollo h3 {
  color: #fff;
}

.oss-effect-bubba .osc-heading-box {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-bubba .osc-heading-box .osc-heading {
  opacity: 1 !important;
}
.oss-effect-bubba .osc-heading-box h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-bubba .osc-heading-box p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-bubba .osc-heading-box .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-bubba a {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-bubba a .osc-heading {
  opacity: 1 !important;
}
.oss-effect-bubba a h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-bubba a p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-bubba a .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-bubba h3 {
  color: #fff;
}

.oss-effect-chico .osc-heading-box {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-chico .osc-heading-box .osc-heading {
  opacity: 1 !important;
}
.oss-effect-chico .osc-heading-box h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-chico .osc-heading-box p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-chico .osc-heading-box .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-chico a {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-chico a .osc-heading {
  opacity: 1 !important;
}
.oss-effect-chico a h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-chico a p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-chico a .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-chico h3 {
  color: #fff;
}

.oss-effect-dexter .osc-heading-box {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-dexter .osc-heading-box .osc-heading {
  opacity: 1 !important;
}
.oss-effect-dexter .osc-heading-box h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-dexter .osc-heading-box p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-dexter .osc-heading-box .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-dexter a {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-dexter a .osc-heading {
  opacity: 1 !important;
}
.oss-effect-dexter a h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-dexter a p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-dexter a .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-dexter h3 {
  color: #fff;
}

.oss-effect-duke .osc-heading-box {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-duke .osc-heading-box .osc-heading {
  opacity: 1 !important;
}
.oss-effect-duke .osc-heading-box h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-duke .osc-heading-box p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-duke .osc-heading-box .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-duke a {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-duke a .osc-heading {
  opacity: 1 !important;
}
.oss-effect-duke a h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-duke a p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-duke a .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-duke h3 {
  color: #fff;
}

.oss-effect-goliath .osc-heading-box {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-goliath .osc-heading-box .osc-heading {
  opacity: 1 !important;
}
.oss-effect-goliath .osc-heading-box h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-goliath .osc-heading-box p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-goliath .osc-heading-box .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-goliath a {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-goliath a .osc-heading {
  opacity: 1 !important;
}
.oss-effect-goliath a h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-goliath a p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-goliath a .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-goliath h3 {
  color: #fff;
}

.oss-effect-honey .osc-heading-box {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-honey .osc-heading-box .osc-heading {
  opacity: 1 !important;
}
.oss-effect-honey .osc-heading-box h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-honey .osc-heading-box p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-honey .osc-heading-box .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-honey a {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-honey a .osc-heading {
  opacity: 1 !important;
}
.oss-effect-honey a h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-honey a p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-honey a .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-honey h3 {
  color: #fff;
}

.oss-effect-jazz .osc-heading-box {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-jazz .osc-heading-box .osc-heading {
  opacity: 1 !important;
}
.oss-effect-jazz .osc-heading-box h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-jazz .osc-heading-box p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-jazz .osc-heading-box .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-jazz a {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-jazz a .osc-heading {
  opacity: 1 !important;
}
.oss-effect-jazz a h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-jazz a p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-jazz a .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-jazz h3 {
  color: #fff;
}

.oss-effect-julia .osc-heading-box {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-julia .osc-heading-box .osc-heading {
  opacity: 1 !important;
}
.oss-effect-julia .osc-heading-box h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-julia .osc-heading-box p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-julia .osc-heading-box .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-julia a {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-julia a .osc-heading {
  opacity: 1 !important;
}
.oss-effect-julia a h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-julia a p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-julia a .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-julia h3 {
  color: #fff;
}

.oss-effect-kira .osc-heading-box {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-kira .osc-heading-box .osc-heading {
  opacity: 1 !important;
}
.oss-effect-kira .osc-heading-box h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-kira .osc-heading-box p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-kira .osc-heading-box .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-kira a {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-kira a .osc-heading {
  opacity: 1 !important;
}
.oss-effect-kira a h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-kira a p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-kira a .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-kira h3 {
  color: #fff;
}

.oss-effect-layla .osc-heading-box {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-layla .osc-heading-box .osc-heading {
  opacity: 1 !important;
}
.oss-effect-layla .osc-heading-box h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-layla .osc-heading-box p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-layla .osc-heading-box .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-layla a {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-layla a .osc-heading {
  opacity: 1 !important;
}
.oss-effect-layla a h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-layla a p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-layla a .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-layla h3 {
  color: #fff;
}

.oss-effect-lily .osc-heading-box {
  width: 100% !important;
  height: 100% !important;
  padding: 1rem;
}
.oss-effect-lily .osc-heading-box .osc-heading {
  opacity: 1 !important;
}
.oss-effect-lily .osc-heading-box h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-lily .osc-heading-box p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-lily .osc-heading-box .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-lily a {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-lily a .osc-heading {
  opacity: 1 !important;
}
.oss-effect-lily a h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-lily a p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-lily a .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-lily h3 {
  color: #fff;
}
.oss-effect-lily img:hover {
  opacity: 0.7;
}

.oss-effect-marley .osc-heading-box {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-marley .osc-heading-box .osc-heading {
  opacity: 1 !important;
}
.oss-effect-marley .osc-heading-box h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-marley .osc-heading-box p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-marley .osc-heading-box .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-marley a {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-marley a .osc-heading {
  opacity: 1 !important;
}
.oss-effect-marley a h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-marley a p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-marley a .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-marley h3 {
  color: #fff;
}

.oss-effect-milo .osc-heading-box {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-milo .osc-heading-box .osc-heading {
  opacity: 1 !important;
}
.oss-effect-milo .osc-heading-box h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-milo .osc-heading-box p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-milo .osc-heading-box .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-milo a {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-milo a .osc-heading {
  opacity: 1 !important;
}
.oss-effect-milo a h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-milo a p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-milo a .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-milo h3 {
  color: #fff;
}

.oss-effect-ming .osc-heading-box {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-ming .osc-heading-box .osc-heading {
  opacity: 1 !important;
}
.oss-effect-ming .osc-heading-box h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-ming .osc-heading-box p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-ming .osc-heading-box .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-ming a {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-ming a .osc-heading {
  opacity: 1 !important;
}
.oss-effect-ming a h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-ming a p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-ming a .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-ming h3 {
  color: #fff;
}

.oss-effect-moses .osc-heading-box {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-moses .osc-heading-box .osc-heading {
  opacity: 1 !important;
}
.oss-effect-moses .osc-heading-box h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-moses .osc-heading-box p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-moses .osc-heading-box .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-moses a {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-moses a .osc-heading {
  opacity: 1 !important;
}
.oss-effect-moses a h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-moses a p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-moses a .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-moses h3 {
  color: #fff;
}

.oss-effect-oscar .osc-heading-box {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-oscar .osc-heading-box .osc-heading {
  opacity: 1 !important;
}
.oss-effect-oscar .osc-heading-box h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-oscar .osc-heading-box p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-oscar .osc-heading-box .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-oscar a {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-oscar a .osc-heading {
  opacity: 1 !important;
}
.oss-effect-oscar a h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-oscar a p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-oscar a .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-oscar h3 {
  color: #fff;
}

.oss-effect-phoebe .osc-heading-box {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-phoebe .osc-heading-box .osc-heading {
  opacity: 1 !important;
}
.oss-effect-phoebe .osc-heading-box h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-phoebe .osc-heading-box p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-phoebe .osc-heading-box .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-phoebe a {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-phoebe a .osc-heading {
  opacity: 1 !important;
}
.oss-effect-phoebe a h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-phoebe a p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-phoebe a .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-phoebe h3 {
  color: #fff;
}

.oss-effect-romeo .osc-heading-box {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-romeo .osc-heading-box .osc-heading {
  opacity: 1 !important;
}
.oss-effect-romeo .osc-heading-box h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-romeo .osc-heading-box p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-romeo .osc-heading-box .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-romeo a {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-romeo a .osc-heading {
  opacity: 1 !important;
}
.oss-effect-romeo a h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-romeo a p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-romeo a .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-romeo h3 {
  color: #fff;
}

.oss-effect-roxy .osc-heading-box {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-roxy .osc-heading-box .osc-heading {
  opacity: 1 !important;
}
.oss-effect-roxy .osc-heading-box h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-roxy .osc-heading-box p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-roxy .osc-heading-box .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-roxy a {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-roxy a .osc-heading {
  opacity: 1 !important;
}
.oss-effect-roxy a h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-roxy a p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-roxy a .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-roxy h3 {
  color: #fff;
}

.oss-effect-ruby .osc-heading-box {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-ruby .osc-heading-box .osc-heading {
  opacity: 1 !important;
}
.oss-effect-ruby .osc-heading-box h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-ruby .osc-heading-box p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-ruby .osc-heading-box .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-ruby a {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-ruby a .osc-heading {
  opacity: 1 !important;
}
.oss-effect-ruby a h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-ruby a p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-ruby a .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-ruby h3 {
  color: #fff;
}

.oss-effect-sadie .osc-heading-box {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-sadie .osc-heading-box .osc-heading {
  opacity: 1 !important;
}
.oss-effect-sadie .osc-heading-box h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-sadie .osc-heading-box p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-sadie .osc-heading-box .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-sadie a {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-sadie a .osc-heading {
  opacity: 1 !important;
}
.oss-effect-sadie a h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-sadie a p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-sadie a .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-sadie h3 {
  color: #fff;
}

.oss-effect-sarah .osc-heading-box {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-sarah .osc-heading-box .osc-heading {
  opacity: 1 !important;
}
.oss-effect-sarah .osc-heading-box h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-sarah .osc-heading-box p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-sarah .osc-heading-box .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-sarah a {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-sarah a .osc-heading {
  opacity: 1 !important;
}
.oss-effect-sarah a h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-sarah a p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-sarah a .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-sarah h3 {
  color: #fff;
}

.oss-effect-selena .osc-heading-box {
  width: 100% !important;
  height: 100% !important;
  padding: 1rem;
}
.oss-effect-selena .osc-heading-box .osc-heading {
  opacity: 1 !important;
}
.oss-effect-selena .osc-heading-box h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-selena .osc-heading-box p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-selena .osc-heading-box .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-selena a {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-selena a .osc-heading {
  opacity: 1 !important;
}
.oss-effect-selena a h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-selena a p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-selena a .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-selena h3 {
  color: #fff;
}
.oss-effect-selena img:hover {
  opacity: 0.7;
}

.oss-effect-steve .osc-heading-box {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-steve .osc-heading-box .osc-heading {
  opacity: 1 !important;
}
.oss-effect-steve .osc-heading-box h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-steve .osc-heading-box p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-steve .osc-heading-box .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-steve a {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-steve a .osc-heading {
  opacity: 1 !important;
}
.oss-effect-steve a h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-steve a p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-steve a .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-steve h3 {
  color: #fff;
}

.oss-effect-terry .osc-heading-box {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-terry .osc-heading-box .osc-heading {
  opacity: 1 !important;
}
.oss-effect-terry .osc-heading-box h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-terry .osc-heading-box p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-terry .osc-heading-box .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-terry a {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-terry a .osc-heading {
  opacity: 1 !important;
}
.oss-effect-terry a h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-terry a p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-terry a .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-terry h3 {
  color: #fff;
}

.oss-effect-winston .osc-heading-box {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-winston .osc-heading-box .osc-heading {
  opacity: 1 !important;
}
.oss-effect-winston .osc-heading-box h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-winston .osc-heading-box p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-winston .osc-heading-box .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-winston a {
  width: 100% !important;
  height: 100% !important;
}
.oss-effect-winston a .osc-heading {
  opacity: 1 !important;
}
.oss-effect-winston a h3 {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-winston a p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.oss-effect-winston a .osc-heading-box h3 {
  opacity: 1 !important;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.oss-effect-winston h3 {
  color: #fff;
}

.oss-effect-sa .osc-heading-box {
  padding: 1rem;
}
.oss-effect-sa img:hover {
  opacity: 0.7;
}

.oss-effect-se .osc-heading-box {
  padding-left: 1rem;
}

.osc-media.oss-effect-lily img {
  max-width: none;
  width: calc(100% + 50px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(-40px, 0, 0);
  transform: translate3d(-40px, 0, 0);
}
.osc-media.oss-effect-lily .osc-heading-box {
  text-align: left;
}
.osc-media.oss-effect-lily .osc-heading-box > div {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1rem;
  width: 100%;
  height: 50%;
}
.osc-media.oss-effect-lily .osc-heading {
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
}
.osc-media.oss-effect-lily h3 {
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
}
.osc-media.oss-effect-lily p {
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
  opacity: 0;
  -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
  transition: opacity 0.2s, -webkit-transform 0.35s;
  transition: opacity 0.2s, transform 0.35s;
  transition: opacity 0.2s, transform 0.35s, -webkit-transform 0.35s;
}
.osc-media.oss-effect-lily:hover .osc-heading-box {
  background: rgba(0, 0, 0, 0.3);
}
.osc-media.oss-effect-lily:hover img {
  opacity: 0.6;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.osc-media.oss-effect-lily:hover p {
  opacity: 1;
  z-index: 4;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
}
.osc-media.oss-effect-lily:hover .osc-heading {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.osc-media.oss-effect-lily:hover h3 {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.osc-media.oss-effect-sadie .osc-heading-box:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(72, 76, 97, 0)), color-stop(75%, rgba(72, 76, 97, 0.8)));
  background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%);
  content: "";
  opacity: 0;
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}
.osc-media.oss-effect-sadie h3 {
  position: absolute;
  top: 50%;
  margin: 0 0 0 1rem;
  left: 0;
  width: 100%;
  opacity: 1;
  z-index: 4;
  -webkit-transition: -webkit-transform 0.35s, color 0.35s;
  -webkit-transition: color 0.35s, -webkit-transform 0.35s;
  transition: color 0.35s, -webkit-transform 0.35s;
  transition: transform 0.35s, color 0.35s;
  transition: transform 0.35s, color 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.osc-media.oss-effect-sadie p {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 2em;
  width: 100%;
  opacity: 0;
  -webkit-transform: translate3d(0, 10px, 0);
  transform: translate3d(0, 10px, 0);
}
.osc-media.oss-effect-sadie:hover h3 {
  -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
  transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
}
.osc-media.oss-effect-sadie:hover .osc-heading-box:before {
  opacity: 1;
  z-index: 3;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.osc-media.oss-effect-sadie:hover p {
  opacity: 1;
  z-index: 3;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 4;
}

.osc-media.oss-effect-selena {
  background: #001140;
}
.osc-media.oss-effect-selena img {
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.osc-media.oss-effect-selena:hover img {
  opacity: 0.8;
  -webkit-transform: scale3d(0.95, 0.95, 1);
  transform: scale3d(0.95, 0.95, 1);
  -webkit-transform: scale3d(0.95, 0.95, 1);
  transform: scale3d(0.95, 0.95, 1);
}
.osc-media.oss-effect-selena:hover h3 {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.osc-media.oss-effect-selena:hover p {
  opacity: 1;
  -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0);
  transform: perspective(1000px) rotate3d(1, 0, 0, 0);
  opacity: 1;
  -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0);
  transform: perspective(1000px) rotate3d(1, 0, 0, 0);
}
.osc-media.oss-effect-selena h3 {
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
}
.osc-media.oss-effect-selena p {
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
  transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
  transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}

.osc-media.oss-effect-julia {
  background: #2f3238;
}
.osc-media.oss-effect-julia img {
  max-width: none;
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, transform 1s;
  transition: opacity 1s, transform 1s, -webkit-transform 1s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.osc-media.oss-effect-julia .osc-heading-box {
  text-align: left;
}
.osc-media.oss-effect-julia h3 {
  padding-left: 1rem !important;
  position: relative;
  padding: 0.5em 0;
}
.osc-media.oss-effect-julia p {
  display: inline-block;
  margin: 0 0 0.25em;
  padding: 0.4em 1rem;
  background: rgba(255, 255, 255, 0.9);
  color: #2f3238;
  text-transform: none;
  font-weight: 500;
  font-size: 75%;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(-360px, 0, 0);
  transform: translate3d(-360px, 0, 0);
}
.osc-media.oss-effect-julia p:first-child {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
.osc-media.oss-effect-julia p:nth-of-type(2) {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.osc-media.oss-effect-julia p:nth-of-type(3) {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}
.osc-media.oss-effect-julia:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.osc-media.oss-effect-julia:hover p:first-child {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.osc-media.oss-effect-julia:hover p:nth-of-type(2) {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}
.osc-media.oss-effect-julia:hover p:nth-of-type(3) {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.osc-media.oss-effect-julia:hover img {
  opacity: 0.4;
  -webkit-transform: scale3d(1.1, 1.1, 1);
  transform: scale3d(1.1, 1.1, 1);
}

.osc-media.oss-effect-goliath {
  background: #df4e4e;
}
.osc-media.oss-effect-goliath img {
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.osc-media.oss-effect-goliath h3 {
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1rem;
}
.osc-media.oss-effect-goliath p {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1rem;
  text-transform: none;
  font-size: 90%;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(0, 50px, 0);
  transform: translate3d(0, 50px, 0);
}
.osc-media.oss-effect-goliath:hover img {
  -webkit-transform: translate3d(0, -80px, 0);
  transform: translate3d(0, -80px, 0);
}
.osc-media.oss-effect-goliath:hover h3 {
  -webkit-transform: translate3d(0, -100px, 0);
  transform: translate3d(0, -100px, 0);
}
.osc-media.oss-effect-goliath:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.osc-media.oss-effect-hera {
  background: #303fa9;
}
.osc-media.oss-effect-hera h3 {
  color: #fff;
  font-size: 158.75%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
}
.osc-media.oss-effect-hera p {
  text-align: center;
  position: absolute;
  opacity: 0;
  top: 50%;
  left: 50%;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  width: 100px;
  text-transform: none;
  font-size: 121%;
  line-height: 2;
}
.osc-media.oss-effect-hera .osc-heading-box:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  border: 2px solid #fff;
  content: "";
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1);
  transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
}
.osc-media.oss-effect-hera:hover .osc-heading-box {
  background: rgba(255, 255, 255, 0.3);
}
.osc-media.oss-effect-hera:hover .osc-heading-box:before {
  background: rgba(0, 0, 0, 0.5);
  opacity: 1;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1);
  transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1);
}
.osc-media.oss-effect-hera:hover h3 {
  opacity: 0;
  -webkit-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
  transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
}
.osc-media.oss-effect-hera:hover p {
  opacity: 1;
}

.osc-media.oss-effect-winston {
  background: #162633;
  text-align: left;
}
.osc-media.oss-effect-winston img {
  -webkit-transition: opacity 0.45s;
  transition: opacity 0.45s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.osc-media.oss-effect-winston .osc-heading-box:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/triangle.svg) no-repeat center center;
  background-size: 100% 100%;
  content: "";
  -webkit-transition: opacity 0.45s, -webkit-transform 0.45s;
  transition: opacity 0.45s, -webkit-transform 0.45s;
  transition: opacity 0.45s, transform 0.45s;
  transition: opacity 0.45s, transform 0.45s, -webkit-transform 0.45s;
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.osc-media.oss-effect-winston h3 {
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
}
.osc-media.oss-effect-winston p {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0 1.5em 7% 0;
}
.osc-media.oss-effect-winston p a i {
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(0, 50px, 0);
  transform: translate3d(0, 50px, 0);
}
.osc-media.oss-effect-winston a {
  margin: 0 10px;
  color: #5d504f;
  font-size: 170%;
}
.osc-media.oss-effect-winston a:hover {
  color: #cc6055;
}
.osc-media.oss-effect-winston a:focus {
  color: #cc6055;
}
.osc-media.oss-effect-winston:hover img {
  opacity: 0.6;
}
.osc-media.oss-effect-winston:hover h3 {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.osc-media.oss-effect-winston:hover .osc-heading-box:before {
  opacity: 0.7;
  -webkit-transform: rotate3d(0, 0, 1, 20deg);
  transform: rotate3d(0, 0, 1, 20deg);
}
.osc-media.oss-effect-winston:hover p i {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.osc-media.oss-effect-winston:hover p a:nth-child(3) i {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}
.osc-media.oss-effect-winston:hover p a:nth-child(2) i {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.osc-media.oss-effect-winston:hover p a:first-child i {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.osc-media.oss-effect-terry {
  background: #34495e;
}
.osc-media.oss-effect-terry .osc-heading-box {
  padding: 1em;
}
.osc-media.oss-effect-terry .osc-heading-box:before {
  position: absolute;
  width: 200%;
  height: 200%;
  border-style: solid;
  border-color: #101010;
  content: "";
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
  right: 0;
  bottom: 0;
  border-width: 0 70px 60px 0;
  -webkit-transform: translate3d(70px, 60px, 0);
  transform: translate3d(70px, 60px, 0);
}
.osc-media.oss-effect-terry .osc-heading-box:after {
  position: absolute;
  width: 200%;
  height: 200%;
  border-style: solid;
  border-color: #101010;
  content: "";
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
  top: 0;
  left: 0;
  border-width: 15px 0 0 15px;
  -webkit-transform: translate3d(-15px, -15px, 0);
  transform: translate3d(-15px, -15px, 0);
}
.osc-media.oss-effect-terry img {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  opacity: 0.85;
}
.osc-media.oss-effect-terry p {
  float: right;
  clear: both;
  text-align: left;
  text-transform: none;
  font-size: 111%;
}
.osc-media.oss-effect-terry p a {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  display: block;
  margin-bottom: 1em;
  opacity: 0;
  -webkit-transform: translate3d(90px, 0, 0);
  transform: translate3d(90px, 0, 0);
}
.osc-media.oss-effect-terry p a:hover {
  color: #f3cf3f;
}
.osc-media.oss-effect-terry p a:focus {
  color: #f3cf3f;
}
.osc-media.oss-effect-terry h3 {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0.4em 10px;
  width: 50%;
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.osc-media.oss-effect-terry:hover .osc-heading-box:before {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.osc-media.oss-effect-terry:hover .osc-heading-box:after {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.osc-media.oss-effect-terry:hover img {
  opacity: 0.6;
}
.osc-media.oss-effect-terry:hover h3 {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.osc-media.oss-effect-terry:hover p a {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.osc-media.oss-effect-terry:hover p a:first-child {
  -webkit-transition-delay: 0.025s;
  transition-delay: 0.025s;
}
.osc-media.oss-effect-terry:hover p a:nth-child(2) {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}
.osc-media.oss-effect-terry:hover p a:nth-child(3) {
  -webkit-transition-delay: 0.075s;
  transition-delay: 0.075s;
}
.osc-media.oss-effect-terry:hover p a:nth-child(4) {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.osc-media.oss-effect-phoebe {
  background: #675983;
}
.osc-media.oss-effect-phoebe img {
  opacity: 0.85;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
.osc-media.oss-effect-phoebe:hover img {
  opacity: 0.6;
}
.osc-media.oss-effect-phoebe:hover .osc-heading-box:before {
  opacity: 0.6;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.osc-media.oss-effect-phoebe:hover h3 {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.osc-media.oss-effect-phoebe:hover p a {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.osc-media.oss-effect-phoebe .osc-heading-box:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/triangle2.svg) no-repeat center center;
  background-size: 100% 100%;
  content: "";
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: scale3d(5, 2.5, 1);
  transform: scale3d(5, 2.5, 1);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.osc-media.oss-effect-phoebe h3 {
  margin-top: 1em;
  -webkit-transition: transform 0.35s;
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
}
.osc-media.oss-effect-phoebe p a {
  font-size: 140%;
  opacity: 0;
  position: relative;
  display: inline-block;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}
.osc-media.oss-effect-phoebe p a:first-child {
  -webkit-transform: translate3d(-60px, -60px, 0);
  transform: translate3d(-60px, -60px, 0);
}
.osc-media.oss-effect-phoebe p a:nth-child(2) {
  -webkit-transform: translate3d(0, 60px, 0);
  transform: translate3d(0, 60px, 0);
}
.osc-media.oss-effect-phoebe p a:nth-child(3) {
  -webkit-transform: translate3d(60px, -60px, 0);
  transform: translate3d(60px, -60px, 0);
}

.osc-media.oss-effect-apollo {
  background: #3498db;
}
.osc-media.oss-effect-apollo img {
  opacity: 0.95;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: scale3d(1.05, 1.05, 1);
  transform: scale3d(1.05, 1.05, 1);
}
.osc-media.oss-effect-apollo .osc-heading-box {
  padding: 1rem;
}
.osc-media.oss-effect-apollo .osc-heading-box:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  content: "";
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
}
.osc-media.oss-effect-apollo p {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 3em;
  padding: 0 1em;
  max-width: 150px;
  border-right: 4px solid #fff;
  text-align: right;
  opacity: 0;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
.osc-media.oss-effect-apollo h3 {
  text-align: left;
}
.osc-media.oss-effect-apollo:hover img {
  opacity: 0.6;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.osc-media.oss-effect-apollo:hover .osc-heading-box:before {
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}
.osc-media.oss-effect-apollo:hover p {
  opacity: 1;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.osc-media.oss-effect-kira {
  background: #fff;
  text-align: left;
}
.osc-media.oss-effect-kira img {
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
.osc-media.oss-effect-kira h3 {
  text-align: center;
  padding-top: 1.5rem;
}
.osc-media.oss-effect-kira p {
  text-align: center;
  padding: 2.6rem 2.5rem;
  font-size: 0.8rem !important;
  color: #000 !important;
  font-weight: 600;
  font-size: 100%;
  line-height: 1.5;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}
.osc-media.oss-effect-kira .osc-heading-box {
  padding: 1rem;
  z-index: 1;
}
.osc-media.oss-effect-kira .osc-heading-box:before {
  position: absolute;
  top: 0;
  right: 2em;
  left: 2em;
  z-index: -1;
  height: 3.5em;
  background: #fff;
  content: "";
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(0, 4em, 0) scale3d(1, 0.023, 1);
  transform: translate3d(0, 4em, 0) scale3d(1, 0.023, 1);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.osc-media.oss-effect-kira:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.osc-media.oss-effect-kira:hover .osc-heading-box:before {
  opacity: 0.7;
  -webkit-transform: translate3d(0, 5em, 0) scale3d(1, 1, 1);
  transform: translate3d(0, 5em, 0) scale3d(1, 1, 1);
}

.osc-media.oss-effect-steve {
  z-index: auto;
  overflow: visible;
  background: #000;
}
.osc-media.oss-effect-steve .osc-heading-box {
  padding: 1rem 2rem;
  z-index: 1;
}
.osc-media.oss-effect-steve h3 {
  text-align: center;
  background: #fff;
  color: #2d434e;
  position: relative;
  margin-top: 2em;
  padding: 0.25em;
}
.osc-media.oss-effect-steve h3:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: #000;
  content: "";
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
  -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
          box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
}
.osc-media.oss-effect-steve p {
  text-align: center;
  background: #fff;
  color: #2d434e;
  margin-top: 1em;
  padding: 0.5em;
  font-weight: 800;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: scale3d(0.9, 0.9, 1);
  transform: scale3d(0.9, 0.9, 1);
}
.osc-media.oss-effect-steve:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: #000;
  content: "";
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
  -webkit-box-shadow: 0 3px 30px rgba(0, 0, 0, 0.8);
          box-shadow: 0 3px 30px rgba(0, 0, 0, 0.8);
  opacity: 0;
}
.osc-media.oss-effect-steve img {
  opacity: 1;
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: perspective(1000px) translate3d(0, 0, 0);
  transform: perspective(1000px) translate3d(0, 0, 0);
}
.osc-media.oss-effect-steve:hover:before {
  opacity: 1;
}
.osc-media.oss-effect-steve:hover img {
  -webkit-transform: perspective(1000px) translate3d(0, 0, 21px);
  transform: perspective(1000px) translate3d(0, 0, 21px);
}
.osc-media.oss-effect-steve:hover h3:before {
  opacity: 0;
}
.osc-media.oss-effect-steve:hover p {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.osc-media.oss-effect-moses {
  background: linear-gradient(-45deg, #EC65B7 0%, #05E0D8 100%);
}
.osc-media.oss-effect-moses img {
  opacity: 0.85;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
.osc-media.oss-effect-moses h3 {
  padding: 20px;
  width: 50%;
  height: 50%;
  border: 2px solid #fff;
  padding: 20px;
  width: 50%;
  height: 50%;
  text-align: left;
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(10px, 10px, 0);
  transform: translate3d(10px, 10px, 0);
}
.osc-media.oss-effect-moses p {
  padding: 20px;
  width: 50%;
  height: 50%;
  border: 2px solid #fff;
  float: right;
  padding: 20px;
  text-align: right;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
.osc-media.oss-effect-moses:hover h3 {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.osc-media.oss-effect-moses:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.osc-media.oss-effect-moses:hover img {
  opacity: 0.6;
}

.osc-media.oss-effect-jazz {
  background: #000;
}
.osc-media.oss-effect-jazz img {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}
.osc-media.oss-effect-jazz .osc-heading-box h3 {
  text-align: center;
}
.osc-media.oss-effect-jazz .osc-heading-box p {
  text-align: center;
}
.osc-media.oss-effect-jazz .osc-heading-box:after {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  content: "";
  opacity: 0;
  -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
  transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.osc-media.oss-effect-jazz p {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  opacity: 1;
  -webkit-transform: scale3d(0.8, 0.8, 1);
  transform: scale3d(0.8, 0.8, 1);
  padding: 0.5em 2em;
  text-transform: none;
  font-size: 0.85em;
  opacity: 0;
}
.osc-media.oss-effect-jazz h3 {
  opacity: 1;
  -webkit-transform: scale3d(0.8, 0.8, 1);
  transform: scale3d(0.8, 0.8, 1);
  padding-top: 26%;
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
}
.osc-media.oss-effect-jazz:hover img {
  opacity: 0.7;
  -webkit-transform: scale3d(1.05, 1.05, 1);
  transform: scale3d(1.05, 1.05, 1);
}
.osc-media.oss-effect-jazz:hover .osc-heading-box:after {
  opacity: 1;
  -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
  transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
}
.osc-media.oss-effect-jazz:hover h3 {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.osc-media.oss-effect-jazz:hover p {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.osc-media.oss-effect-ming {
  background: #030c17;
}
.osc-media.oss-effect-ming img {
  opacity: 0.9;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
.osc-media.oss-effect-ming .osc-heading-box:before {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  border: 2px solid #fff;
  -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.2);
          box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.2);
  content: "";
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: scale3d(1.4, 1.4, 1);
  transform: scale3d(1.4, 1.4, 1);
}
.osc-media.oss-effect-ming h3 {
  text-align: center;
  margin: 20% 0 10px 0;
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
}
.osc-media.oss-effect-ming p {
  text-align: center;
  padding: 1em;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}
.osc-media.oss-effect-ming:hover h3 {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
.osc-media.oss-effect-ming:hover .osc-heading-box {
  background-color: rgba(58, 52, 42, 0);
}
.osc-media.oss-effect-ming:hover .osc-heading-box:before {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.osc-media.oss-effect-ming:hover p {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.osc-media.oss-effect-ming:hover img {
  opacity: 0.4;
}

.osc-media.oss-effect-lexi {
  background: linear-gradient(-45deg, #000 0%, #fff 100%);
}
.osc-media.oss-effect-lexi img {
  margin: -10px 0 0 -10px;
  max-width: none;
  width: calc(100% + 10px);
  opacity: 0.9;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(10px, 10px, 0);
  transform: translate3d(10px, 10px, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.osc-media.oss-effect-lexi .osc-heading-box {
  padding: 1rem;
}
.osc-media.oss-effect-lexi .osc-heading-box:before {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  position: absolute;
  right: -100px;
  bottom: -100px;
  width: 300px;
  height: 300px;
  border: 2px solid #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 900px rgba(255, 255, 255, 0.2);
          box-shadow: 0 0 0 900px rgba(255, 255, 255, 0.2);
  content: "";
  opacity: 0;
  -webkit-transform: scale3d(0.5, 0.5, 1);
  transform: scale3d(0.5, 0.5, 1);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.osc-media.oss-effect-lexi p {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0 1.5em 1.5em 0;
  width: 140px;
  text-align: right;
  opacity: 0;
  -webkit-transform: translate3d(20px, 20px, 0);
  transform: translate3d(20px, 20px, 0);
}
.osc-media.oss-effect-lexi:hover img {
  opacity: 0.6;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.osc-media.oss-effect-lexi:hover .osc-heading-box:before {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.osc-media.oss-effect-lexi:hover h3 {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.osc-media.oss-effect-lexi:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.osc-media.oss-effect-lexi h3 {
  color: #fff;
  text-align: left;
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(5px, 5px, 0);
  transform: translate3d(5px, 5px, 0);
}

.osc-media.oss-effect-duke {
  background: linear-gradient(-45deg, #34495e 0%, #ff7522 100%);
}
.osc-media.oss-effect-duke h3 {
  text-align: center;
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: scale3d(0.8, 0.8, 1);
  transform: scale3d(0.8, 0.8, 1);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.osc-media.oss-effect-duke p {
  text-align: center;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 20px;
  padding: 30px;
  border: 2px solid #fff;
  text-transform: none;
  font-size: 90%;
  opacity: 0;
  -webkit-transform: scale3d(0.8, 0.8, 1);
  transform: scale3d(0.8, 0.8, 1);
  -webkit-transform-origin: 50% -100%;
  transform-origin: 50% -100%;
}
.osc-media.oss-effect-duke img {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}
.osc-media.oss-effect-duke:hover img {
  opacity: 0.1;
  -webkit-transform: scale3d(2, 2, 1);
  transform: scale3d(2, 2, 1);
}
.osc-media.oss-effect-duke:hover h3 {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.osc-media.oss-effect-duke:hover p {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.osc-media.oss-effect-roxy {
  background: linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
}
.osc-media.oss-effect-roxy img {
  max-width: none;
  width: calc(100% + 60px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(-50px, 0, 0);
  transform: translate3d(-50px, 0, 0);
}
.osc-media.oss-effect-roxy .osc-heading-box {
  padding: 2rem;
  text-align: left;
}
.osc-media.oss-effect-roxy .osc-heading-box:before {
  position: absolute;
  top: 30px;
  right: 20px;
  bottom: 30px;
  left: 20px;
  border: 1px solid #fff;
  content: "";
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(-20px, 0, 0);
  transform: translate3d(-20px, 0, 0);
}
.osc-media.oss-effect-roxy h3 {
  padding: 2rem 0 10px 0;
}
.osc-media.oss-effect-roxy p {
  margin: 0 !important;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
}
.osc-media.oss-effect-roxy:hover img {
  opacity: 0.7;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.osc-media.oss-effect-roxy:hover .osc-heading-box:before {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.osc-media.oss-effect-roxy:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.osc-media.oss-effect-bubba {
  background: #7c0404;
}
.osc-media.oss-effect-bubba img {
  opacity: 0.9;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
.osc-media.oss-effect-bubba h3 {
  text-align: center;
  padding-top: 30%;
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0);
}
.osc-media.oss-effect-bubba p {
  text-align: center;
  padding: 20px 2.5em;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
}
.osc-media.oss-effect-bubba:hover img {
  opacity: 0.4;
}
.osc-media.oss-effect-bubba:hover .osc-heading-box:before {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.osc-media.oss-effect-bubba:hover .osc-heading-box:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.osc-media.oss-effect-bubba:hover h3 {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.osc-media.oss-effect-bubba:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.osc-media.oss-effect-bubba .osc-heading-box:before {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  content: "";
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
}
.osc-media.oss-effect-bubba .osc-heading-box:after {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  content: "";
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
}

.osc-media.oss-effect-romeo {
  -webkit-perspective: 1000px;
  perspective: 1000px;
}
.osc-media.oss-effect-romeo img {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(0, 0, 300px);
  transform: translate3d(0, 0, 300px);
}
.osc-media.oss-effect-romeo:hover img {
  opacity: 0.6;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.osc-media.oss-effect-romeo:hover .osc-heading-box:before {
  opacity: 0.5;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
  transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
.osc-media.oss-effect-romeo:hover .osc-heading-box:after {
  opacity: 0.5;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
  transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
.osc-media.oss-effect-romeo:hover h3 {
  -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -100%, 0);
  transform: translate3d(0, -50%, 0) translate3d(0, -100%, 0);
}
.osc-media.oss-effect-romeo:hover p {
  -webkit-transform: translate3d(0, -50%, 0) translate3d(0, 100%, 0);
  transform: translate3d(0, -50%, 0) translate3d(0, 100%, 0);
}
.osc-media.oss-effect-romeo .osc-heading-box:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  height: 1px;
  background: #fff;
  content: "";
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
.osc-media.oss-effect-romeo .osc-heading-box:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  height: 1px;
  background: #fff;
  content: "";
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
.osc-media.oss-effect-romeo h3 {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(0, -10%, 0) translate3d(0, -150%, 0);
  transform: translate3d(0, -10%, 0) translate3d(0, -150%, 0);
}
.osc-media.oss-effect-romeo p {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
  padding: 0.25em 2em;
  -webkit-transform: translate3d(0, -50%, 0) translate3d(0, 150%, 0);
  transform: translate3d(0, -50%, 0) translate3d(0, 150%, 0);
}

.osc-media.oss-effect-layla img {
  margin-bottom: -30px;
  -webkit-transform: translate3d(0, -30px, 0);
  transform: translate3d(0, -30px, 0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}
.osc-media.oss-effect-layla .osc-heading-box {
  padding: 2rem;
}
.osc-media.oss-effect-layla .osc-heading-box:before {
  position: absolute;
  content: "";
  opacity: 0;
  top: 2rem;
  right: 1rem;
  bottom: 2rem;
  left: 1rem;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}
.osc-media.oss-effect-layla .osc-heading-box:after {
  position: absolute;
  content: "";
  opacity: 0;
  top: 1rem;
  right: 2rem;
  bottom: 1rem;
  left: 2rem;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}
.osc-media.oss-effect-layla h3 {
  padding-top: 1.5rem;
  text-align: center;
  opacity: 1;
  z-index: 4;
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(0, -30px, 0);
  transform: translate3d(0, -30px, 0);
}
.osc-media.oss-effect-layla p {
  text-align: center;
  text-transform: none;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}
.osc-media.oss-effect-layla:hover img {
  opacity: 0.7;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
.osc-media.oss-effect-layla:hover .osc-heading-box:before {
  opacity: 1;
  z-index: 3;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.osc-media.oss-effect-layla:hover .osc-heading-box:after {
  opacity: 1;
  z-index: 3;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
.osc-media.oss-effect-layla:hover h3 {
  opacity: 1;
  z-index: 4;
  -webkit-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0);
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
.osc-media.oss-effect-layla:hover p {
  opacity: 1;
  z-index: 4;
  -webkit-transform: translate3d(0, -30px, 0);
  transform: translate3d(0, -30px, 0);
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.osc-media.oss-effect-honey {
  background: #4a3753;
}
.osc-media.oss-effect-honey img {
  opacity: 0.9;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
.osc-media.oss-effect-honey:hover img {
  opacity: 0.5;
}
.osc-media.oss-effect-honey:hover .osc-heading-box:before {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.osc-media.oss-effect-honey:hover h3 {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.osc-media.oss-effect-honey:hover h3 i {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.osc-media.oss-effect-honey .osc-heading-box:before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  background: #fff;
  content: "";
  -webkit-transform: translate3d(0, 10px, 0);
  transform: translate3d(0, 10px, 0);
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
}
.osc-media.oss-effect-honey h3 {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1em 1.5em;
  width: 100%;
  text-align: left;
  -webkit-transform: translate3d(0, -30px, 0);
  transform: translate3d(0, -30px, 0);
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
}
.osc-media.oss-effect-honey h3 i {
  font-style: normal;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(0, -30px, 0);
  transform: translate3d(0, -30px, 0);
}

.osc-media.oss-effect-oscar {
  background: linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
}
.osc-media.oss-effect-oscar img {
  opacity: 1;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
.osc-media.oss-effect-oscar .osc-heading-box {
  padding: 3em;
  -webkit-transition: background-color 0.35s;
  transition: background-color 0.35s;
}
.osc-media.oss-effect-oscar .osc-heading-box:before {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  border: 1px solid #fff;
  content: "";
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.osc-media.oss-effect-oscar h3 {
  opacity: 1;
  z-index: 3;
  margin: 20% 0 10px 0;
  text-align: center;
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.osc-media.oss-effect-oscar p {
  opacity: 0;
  text-align: center;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.osc-media.oss-effect-oscar:hover h3 {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.osc-media.oss-effect-oscar:hover .osc-heading-box:before {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.osc-media.oss-effect-oscar:hover p {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.osc-media.oss-effect-oscar:hover img {
  opacity: 0.4;
}

.osc-media.oss-effect-marley .osc-heading-box {
  text-align: right;
}
.osc-media.oss-effect-marley .osc-heading-box:hover {
  background: rgba(0, 0, 0, 0.3);
}
.osc-media.oss-effect-marley h3 {
  position: absolute;
  right: 20px;
  padding: 10px 0;
  top: 30px;
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
}
.osc-media.oss-effect-marley h3:after {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 4px;
  background: #fff;
  content: "";
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}
.osc-media.oss-effect-marley p {
  position: absolute;
  right: 20px;
  padding: 10px 0;
  bottom: 30px;
  line-height: 1.5;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}
.osc-media.oss-effect-marley:hover h3 {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.osc-media.oss-effect-marley:hover h3:after {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.osc-media.oss-effect-marley:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.osc-media.oss-effect-ruby {
  background-color: #200000;
}
.osc-media.oss-effect-ruby img {
  opacity: 0.8;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}
.osc-media.oss-effect-ruby h3 {
  text-align: center;
  margin-top: 20%;
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
}
.osc-media.oss-effect-ruby p {
  text-align: center;
  margin: 1em 0 0;
  padding: 1rem;
  border: 1px solid #fff;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(0, 20px, 0) scale(1.1);
  transform: translate3d(0, 20px, 0) scale(1.1);
}
.osc-media.oss-effect-ruby:hover img {
  opacity: 0.5;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.osc-media.oss-effect-ruby:hover h3 {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.osc-media.oss-effect-ruby:hover p {
  margin: 0 20px 20px;
  text-align: center;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}

.osc-media.oss-effect-milo {
  background: #2e5d5a;
}
.osc-media.oss-effect-milo .osc-heading-box {
  padding: 1.5rem 1rem;
}
.osc-media.oss-effect-milo img {
  max-width: none;
  width: calc(100% + 60px);
  opacity: 1;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(-30px, 0, 0) scale(1.12);
  transform: translate3d(-30px, 0, 0) scale(1.12);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.osc-media.oss-effect-milo:hover img {
  opacity: 0.5;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}
.osc-media.oss-effect-milo:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.osc-media.oss-effect-milo h3 {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0.75rem 1rem;
}
.osc-media.oss-effect-milo p {
  padding: 0 10px 0 0;
  width: 50%;
  border-right: 1px solid #fff;
  text-align: right;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(-40px, 0, 0);
  transform: translate3d(-40px, 0, 0);
}

.osc-media.oss-effect-dexter {
  background: -webkit-gradient(linear, left top, left bottom, from(#258dc8), to(#683c13));
  background: linear-gradient(to bottom, #258dc8 0%, #683c13 100%);
}
.osc-media.oss-effect-dexter img {
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
.osc-media.oss-effect-dexter:hover img {
  opacity: 0.4;
}
.osc-media.oss-effect-dexter:hover .osc-heading-box:after {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.osc-media.oss-effect-dexter:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.osc-media.oss-effect-dexter h3 {
  text-align: center;
}
.osc-media.oss-effect-dexter p {
  text-align: center;
  position: absolute;
  right: 60px;
  bottom: 60px;
  left: 60px;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(0, -100px, 0);
  transform: translate3d(0, -100px, 0);
}
.osc-media.oss-effect-dexter .osc-heading-box {
  padding: 3em;
  text-align: left;
}
.osc-media.oss-effect-dexter .osc-heading-box:after {
  position: absolute;
  right: 30px;
  bottom: 30px;
  left: 30px;
  height: calc(50% - 30px);
  border: 1px solid #fff;
  content: "";
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}

.osc-media.oss-effect-sarah {
  background: #42b078;
}
.osc-media.oss-effect-sarah img {
  max-width: none;
  width: calc(100% + 20px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.osc-media.oss-effect-sarah:hover img {
  opacity: 0.4;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.osc-media.oss-effect-sarah:hover h3:after {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.osc-media.oss-effect-sarah:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.osc-media.oss-effect-sarah .osc-heading-box {
  padding: 1rem;
  text-align: left;
}
.osc-media.oss-effect-sarah h3 {
  position: relative;
  overflow: hidden;
  padding: 0.5em 0;
}
.osc-media.oss-effect-sarah h3:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #fff;
  content: "";
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.osc-media.oss-effect-sarah p {
  padding: 1em 0;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.osc-media.oss-effect-zoe .osc-heading-box {
  top: auto;
  bottom: 0;
  padding: 1em;
  height: 3.75em;
  background: #fff;
  color: #3c4a50;
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.osc-media.oss-effect-zoe h3 {
  float: left;
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(0, 200%, 0);
  transform: translate3d(0, 200%, 0);
  display: inline-block;
}
.osc-media.oss-effect-zoe p.icon-links a {
  float: right;
  color: #3c4a50;
  font-size: 1.4em;
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(0, 200%, 0);
  transform: translate3d(0, 200%, 0);
}
.osc-media.oss-effect-zoe p.icon-links a span:before {
  display: inline-block;
  padding: 8px 10px;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.osc-media.oss-effect-zoe:hover p.icon-links a {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.osc-media.oss-effect-zoe:hover p.icon-links a:hover {
  color: #252d31;
}
.osc-media.oss-effect-zoe:hover p.icon-links a:focus {
  color: #252d31;
}
.osc-media.oss-effect-zoe:hover p.icon-links a:nth-child(3) {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.osc-media.oss-effect-zoe:hover p.icon-links a:nth-child(2) {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
.osc-media.oss-effect-zoe:hover p.icon-links a:first-child {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.osc-media.oss-effect-zoe:hover p.description {
  opacity: 1;
}
.osc-media.oss-effect-zoe:hover .osc-heading-box {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.osc-media.oss-effect-zoe:hover h3 {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}
.osc-media.oss-effect-zoe p.description {
  position: absolute;
  bottom: 8em;
  padding: 2em;
  text-transform: none;
  font-size: 90%;
  opacity: 0;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
  -webkit-backface-visibility: hidden;
}

.osc-media.oss-effect-chico {
  background: #000;
}
.osc-media.oss-effect-chico img {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: scale(1.12);
  transform: scale(1.12);
}
.osc-media.oss-effect-chico h3 {
  text-align: center;
  padding: 20% 0 20px 0;
}
.osc-media.oss-effect-chico p {
  text-align: center;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  margin: 0 auto;
  max-width: 200px;
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}
.osc-media.oss-effect-chico:hover img {
  opacity: 0.5;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.osc-media.oss-effect-chico:hover .osc-heading-box:before {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.osc-media.oss-effect-chico:hover p {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.osc-media.oss-effect-chico .osc-heading-box {
  padding: 3em;
}
.osc-media.oss-effect-chico .osc-heading-box:before {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  border: 1px solid #fff;
  content: "";
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}

#app .dummy-div {
  height: 60px;
}

.oss-data {
  width: 100%;
}

.omm-manager {
  position: relative;
  min-height: 300px;
}

.omm-data {
  margin-left: 220px;
  padding: 10px;
}

.oss-menu-main {
  margin-left: 220px;
  padding: 10px;
}

.omm-descr {
  margin-bottom: 0 !important;
  font-size: 0.8em !important;
  line-height: 0.9em !important;
  margin-bottom: 0px !important;
}

.vv_select_com_button {
  margin-bottom: 10px !important;
}

.vv_select_modal {
  position: fixed;
  top: 32px;
  left: 310px;
  right: 0px;
  bottom: 0px;
  background: #404550;
  background: rgba(0, 0, 0, 0.8);
  padding: 20px;
  overflow-y: auto;
}
.vv_select_modal h2 {
  color: #eceff1 !important;
  font-size: 2rem !important;
}
.vv_select_modal h2 i {
  font-size: 18px;
  padding: 0 15px;
  cursor: pointer;
  float: right;
}
.vv_select_modal .v_note {
  color: #eee;
}

.oss_items_section {
  margin: 10px 0;
  padding: 5px;
  background-color: #fff;
  color: 444 !important;
  border: 1px solid #37474f;
  border-radius: 2px;
}
.oss_items_section .os_note {
  color: #42527e !important;
}
.oss_items_section input, .oss_items_section select {
  background: #eceff1;
  border-color: #7f93a0 !important;
  color: #444;
}
.oss_items_section select, .oss_items_section input, .oss_items_section label {
  width: 100% !important;
}
.oss_items_section .os_section_title {
  color: #444 !important;
  padding-left: 10px;
  text-transform: uppercase;
  font-size: 0.9rem !important;
}
.oss_items_section label {
  display: block;
}
.oss_items_section label span {
  font-size: 18px;
  color: #2a4695 !important;
  margin-top: 0px !important;
}
.oss_items_section label i {
  color: #505050 !important;
  margin: 3px 5px 0 0;
  float: right;
}

.os_api_search {
  position: relative;
  height: 30px;
  line-height: 30px;
}
.os_api_search input, .os_api_search i {
  display: inline-block;
  float: left;
}
.os_api_search .fa-search {
  position: absolute;
  right: 0;
  top: 5px;
  font-size: 18px;
  color: #0076bf;
  cursor: pointer;
  padding: 0 8px;
}

.oss_items_list .os_list_items {
  max-height: 300px;
  overflow-y: auto;
  margin-top: 0;
}
.oss_items_list section {
  border: 1px solid #37474f;
  padding: 5px;
}
.oss_items_list section .os_sorting {
  border: 1px solid #37474f;
  padding-right: 5px;
}
.oss_items_list section nav {
  text-align: right;
  font-size: 0.8rem !important;
  margin: 3px 0;
  border-bottom: 1px solid #37474f;
  color: #2a4695 !important;
}
.oss_items_list section nav span {
  cursor: pointer;
}
.oss_items_list section ul {
  margin-bottom: 0;
  padding: 0 7px;
}
.oss_items_list section ul li {
  cursor: pointer;
  font-size: 15px !important;
  line-height: 20px !important;
  border-bottom: solid 1px #37474f;
  margin-bottom: 10px !important;
}

.vv_url {
  position: relative;
}
.vv_url span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 32px;
  background: #999;
  position: absolute;
  right: 0;
  top: 0;
  height: 30px;
  border-radius: 0px 4px 4px 0px;
  cursor: pointer;
}

.com_icon_select_box {
  background: #404550;
  padding: 7px;
}
.com_icon_select_box p {
  line-height: 20px;
  border-bottom: 1px solid #b6c1c9;
  margin-bottom: 5px;
  cursor: pointer;
}
.com_icon_select_box div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  line-height: 24px;
  font-size: 18px;
  color: #eceff1;
  cursor: pointer;
}
.com_icon_select_box i {
  font-size: 24px;
  margin-right: 10px;
}
.com_icon_select_box i, .com_icon_select_box span {
  cursor: pointer;
}

.com_icon_modal {
  position: fixed;
  top: 32px;
  left: 310px;
  right: 0px;
  bottom: 0px;
  background: #fff;
  padding: 70px 20px 20px;
  z-index: 100;
}

.com_icon_modal.com_icon_icon {
  background: #eceff1;
  text-align: center;
  overflow-y: auto;
}
.com_icon_modal.com_icon_icon .com_icon_icon_topbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  top: 32px;
  left: 310px;
  right: 0px;
  bottom: 0px;
  height: 40px;
  background: #eceff1;
  border-bottom: 1px solid #404550;
}
.com_icon_modal.com_icon_icon .com_icon_icon_topbar input {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-bottom: 20px;
  margin: 0 10px;
}
.com_icon_modal.com_icon_icon .com_icon_icon_topbar .os_close {
  width: 40px;
  height: 40px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #efefef;
  padding: 0 !important;
  background: transparent !important;
  margin: 0 !important;
  font-size: 24px !important;
  cursor: pointer;
  border-width: 0;
  padding: 0;
}
.com_icon_modal.com_icon_icon i {
  color: #404550;
  width: 30px;
  padding: 10px;
  font-size: 30px;
  margin: 5px 10px;
  cursor: pointer;
  background: #fff;
  border-radius: 7px;
}
.com_icon_modal.com_icon_icon i:hover {
  background: #d1d9ed;
}

#app-cards .v-rest-note {
  background: #F2D2D2;
}
#app-cards .v-rest-note i {
  color: #431C1C !important;
}

#v_help_screen {
  position: fixed;
  top: 32px;
  right: 0;
  bottom: 0;
  left: 310px;
  background: #fff;
  padding: 20px;
  z-index: 1000;
  overflow-y: auto;
}
#v_help_screen h3 i {
  float: right;
  cursor: pointer;
}

.v-link {
  cursor: pointer;
}
.v-link:hover {
  text-decoration: underline;
}

[data-tooltip] {
  position: relative;
  cursor: pointer;
}

[data-tooltip]:before,
[data-tooltip]:after {
  line-height: 1;
  font-size: 0.9em;
  pointer-events: none;
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: none;
  opacity: 0;
}

[data-tooltip]:before {
  content: "";
  border: 5px solid transparent;
  z-index: 100;
}

[data-tooltip]:after {
  content: attr(data-tooltip);
  text-align: center;
  min-width: 3em;
  max-width: 21em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 6px 8px;
  border-radius: 3px;
  background: #4621FF;
  color: #FFFFFF;
  z-index: 99;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  display: block;
  opacity: 1;
}

[data-tooltip]:not([data-flow])::before,
[data-tooltip][data-flow=top]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #4621FF;
}

[data-tooltip]:not([data-flow])::after,
[data-tooltip][data-flow=top]::after {
  bottom: calc(100% + 5px);
}

[data-tooltip]:not([data-flow])::before, [tooltip]:not([data-flow])::after,
[data-tooltip][data-flow=top]::before,
[data-tooltip][data-flow=top]::after {
  left: 50%;
  -webkit-transform: translate(-50%, -4px);
  transform: translate(-50%, -4px);
}

[data-tooltip][data-flow=bottom]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #4621FF;
}

[data-tooltip][data-flow=bottom]::after {
  top: calc(100% + 5px);
}

[data-tooltip][data-flow=bottom]::before, [data-tooltip][data-flow=bottom]::after {
  left: 50%;
  -webkit-transform: translate(-50%, 8px);
  transform: translate(-50%, 8px);
}

[data-tooltip][data-flow=left]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #4621FF;
  left: calc(0em - 5px);
  -webkit-transform: translate(-8px, -50%);
  transform: translate(-8px, -50%);
}

[data-tooltip][data-flow=left]::after {
  top: 50%;
  right: calc(100% + 5px);
  -webkit-transform: translate(-8px, -50%);
  transform: translate(-8px, -50%);
}

[data-tooltip][data-flow=right]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #4621FF;
  right: calc(0em - 5px);
  -webkit-transform: translate(8px, -50%);
  transform: translate(8px, -50%);
}

[data-tooltip][data-flow=right]::after {
  top: 50%;
  left: calc(100% + 5px);
  -webkit-transform: translate(8px, -50%);
  transform: translate(8px, -50%);
}

[data-tooltip=""]::after, [data-tooltip=""]::before {
  display: none !important;
}

.v_drop {
  background: #404550;
  padding: 0 5px;
  margin-top: 10px;
  height: 30px;
  line-height: 30px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.v_drop span {
  margin-top: 0 !important;
  font-size: 1rem !important;
}

.v_drop_list {
  background: #404550;
  color: #e5e5e5;
  max-height: 200px;
  overflow-x: auto;
  margin-top: 0;
  padding-right: 5px;
  padding-left: 5px;
}
.v_drop_list li {
  line-height: 25px;
  border-bottom: 1px solid #959baa;
  cursor: pointer;
  margin-bottom: 0;
  padding: 0 5px;
}
.v_drop_list li:hover {
  background: #555b6b;
}
.v_drop_list li.v_active {
  background: #959baa;
}
.v_drop_list li span {
  font-size: 10px;
  text-transform: uppercase;
  color: #ffcdd2;
  float: right;
}

#app-cards .oss-menu-form .oci-tabs-content .v_select_list {
  background: #959baa !important;
  line-height: 20px;
  margin-bottom: 10px;
}
#app-cards .oss-menu-form .oci-tabs-content .v_select_list option {
  border-bottom: 1px solid #a7acb8 !important;
}

.v_tip {
  position: relative;
}
.v_tip div {
  position: absolute;
}