:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))
}
*, ::after, ::before {
  box-sizing: border-box
}
@media (prefers-reduced-motion:no-preference) {
  :root {
    scroll-behavior: smooth
  }
}
body {
  margin: 0;
  font-family: Mont, sans-serif
}
hr:not([size]) {
  height: 1px
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.2
}
.h1, h1 {
  font-size: calc(1.375rem + 1.5vw)
}
@media (min-width:1200px) {
  .h1, h1 {
    font-size: 2.5rem
  }
}
.h2, h2 {
  font-size: calc(1.325rem + .9vw)
}
@media (min-width:1200px) {
  .h2, h2 {
    font-size: 2rem
  }
}
.h3, h3 {
  font-size: calc(1.3rem + .6vw)
}
@media (min-width:1200px) {
  .h3, h3 {
    font-size: 1.75rem
  }
}
.h4, h4 {
  font-size: calc(1.275rem + .3vw)
}
@media (min-width:1200px) {
  .h4, h4 {
    font-size: 1.5rem
  }
}
.h5, h5 {
  font-size: 1.25rem
}
.h6, h6 {
  font-size: 1rem
}
p {
  margin-top: 0;
  margin-bottom: 1rem
}
ul {
  padding-left: 2rem
}
ul {
  margin-top: 0;
  margin-bottom: 1rem
}
ul ul {
  margin-bottom: 0
}
b {
  font-weight: bolder
}
a {
  color: #0d6efd;
  text-decoration: underline
}
a:hover {
  color: #0a58ca
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none
}
img {
  vertical-align: middle
}
label {
  display: inline-block
}
button {
  border-radius: 0
}
button:focus:not(:focus-visible) {
  outline: 0
}
button {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit
}
button {
  text-transform: none
}
[role=button] {
  cursor: pointer
}
[list]::-webkit-calendar-picker-indicator {
  display: none
}
[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button
}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
  cursor: pointer
}
::-moz-focus-inner {
  padding: 0;
  border-style: none
}
::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field {
  padding: 0
}
::-webkit-inner-spin-button {
  height: auto
}
[type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield
}
::-webkit-search-decoration {
  -webkit-appearance: none
}
::-webkit-color-swatch-wrapper {
  padding: 0
}
::file-selector-button {
  font: inherit
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button
}
summary {
  display: list-item;
  cursor: pointer
}
[hidden] {
  display: none !important
}
.img-fluid {
  max-width: 100%;
  height: auto
}
.container, .container-fluid, .container-lg, .container-md {
  width: 100%;
  padding-right: var(--bs-gutter-x, .75rem);
  padding-left: var(--bs-gutter-x, .75rem);
  margin-right: auto;
  margin-left: auto
}
@media (min-width:576px) {
  .container {
    max-width: 540px
  }
}
@media (min-width:768px) {
  .container, .container-md {
    max-width: 720px
  }
}
@media (min-width:992px) {
  .container, .container-lg, .container-md {
    max-width: 960px
  }
}
@media (min-width:1200px) {
  .container, .container-lg, .container-md {
    max-width: 1140px
  }
}
@media (min-width:1400px) {
  .container, .container-lg, .container-md {
    max-width: 1320px
  }
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) * -.5);
  margin-left: calc(var(--bs-gutter-x) * -.5)
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y)
}
.col {
  flex: 1 0 0%
}
@media (min-width:768px) {
  .col-md {
    flex: 1 0 0%
  }
}
@media (min-width:992px) {
  .col-lg {
    flex: 1 0 0%
  }
}
.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%
}
.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%
}
.col-3 {
  flex: 0 0 auto;
  width: 25%
}
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%
}
.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%
}
.col-6 {
  flex: 0 0 auto;
  width: 50%
}
.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%
}
.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%
}
.col-9 {
  flex: 0 0 auto;
  width: 75%
}
.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%
}
.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%
}
.col-12 {
  flex: 0 0 auto;
  width: 100%
}
@media (min-width:768px) {
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%
  }
}
@media (min-width:992px) {
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%
  }
}
.btn {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  border-radius: .25rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
  .btn {
    transition: none
  }
}
.btn:hover {
  color: #212529
}
.btn:focus {
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}
.btn:disabled {
  pointer-events: none;
  opacity: .65
}
.btn-success {
  color: #fff;
  background-color: #198754;
  border-color: #198754
}
.btn-success:hover {
  color: #fff;
  background-color: #157347;
  border-color: #146c43
}
.btn-success:focus {
  color: #fff;
  background-color: #157347;
  border-color: #146c43;
  box-shadow: 0 0 0 .25rem rgba(60, 153, 110, .5)
}
.btn-success.active, .btn-success:active, .show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #146c43;
  border-color: #13653f
}
.btn-success.active:focus, .btn-success:active:focus, .show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 .25rem rgba(60, 153, 110, .5)
}
.btn-success:disabled {
  color: #fff;
  background-color: #198754;
  border-color: #198754
}
.btn-info {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0
}
.btn-info:hover {
  color: #000;
  background-color: #31d2f2;
  border-color: #25cff2
}
.btn-info:focus {
  color: #000;
  background-color: #31d2f2;
  border-color: #25cff2;
  box-shadow: 0 0 0 .25rem rgba(11, 172, 204, .5)
}
.btn-info.active, .btn-info:active, .show > .btn-info.dropdown-toggle {
  color: #000;
  background-color: #3dd5f3;
  border-color: #25cff2
}
.btn-info.active:focus, .btn-info:active:focus, .show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 .25rem rgba(11, 172, 204, .5)
}
.btn-info:disabled {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0
}
.btn-light {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa
}
.btn-light:hover {
  color: #000;
  background-color: #f9fafb;
  border-color: #f9fafb
}
.btn-light:focus {
  color: #000;
  background-color: #f9fafb;
  border-color: #f9fafb;
  box-shadow: 0 0 0 .25rem rgba(211, 212, 213, .5)
}
.btn-light.active, .btn-light:active, .show > .btn-light.dropdown-toggle {
  color: #000;
  background-color: #f9fafb;
  border-color: #f9fafb
}
.btn-light.active:focus, .btn-light:active:focus, .show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 .25rem rgba(211, 212, 213, .5)
}
.btn-light:disabled {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa
}
.btn-dark {
  color: #fff;
  background-color: #212529;
  border-color: #212529
}
.btn-dark:hover {
  color: #fff;
  background-color: #1c1f23;
  border-color: #1a1e21
}
.btn-dark:focus {
  color: #fff;
  background-color: #1c1f23;
  border-color: #1a1e21;
  box-shadow: 0 0 0 .25rem rgba(66, 70, 73, .5)
}
.btn-dark.active, .btn-dark:active, .show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1a1e21;
  border-color: #191c1f
}
.btn-dark.active:focus, .btn-dark:active:focus, .show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 .25rem rgba(66, 70, 73, .5)
}
.btn-dark:disabled {
  color: #fff;
  background-color: #212529;
  border-color: #212529
}
.btn-link {
  font-weight: 400;
  color: #0d6efd;
  text-decoration: underline
}
.btn-link:hover {
  color: #0a58ca
}
.btn-link:disabled {
  color: #6c757d
}
.btn-group-lg > .btn, .btn-lg {
  padding: .5rem 1rem;
  font-size: 1.25rem;
  border-radius: .3rem
}
.fade {
  transition: opacity .15s linear
}
@media (prefers-reduced-motion:reduce) {
  .fade {
    transition: none
  }
}
.fade:not(.show) {
  opacity: 0
}
.collapse:not(.show) {
  display: none
}
.dropdown {
  position: relative
}
.dropdown-toggle {
  white-space: nowrap
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent
}
.dropdown-toggle:empty::after {
  margin-left: 0
}
.dropdown-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 10rem;
  padding: .5rem 0;
  margin: 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: .25rem
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: .125rem
}
.dropdown-menu-start {
  --bs-position: start
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0
}
.dropdown-menu-end {
  --bs-position: end
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto
}
@media (min-width:768px) {
  .dropdown-menu-md-start {
    --bs-position: start
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0
  }
  .dropdown-menu-md-end {
    --bs-position: end
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto
  }
}
@media (min-width:992px) {
  .dropdown-menu-lg-start {
    --bs-position: start
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0
  }
  .dropdown-menu-lg-end {
    --bs-position: end
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto
  }
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: .25rem 1rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0
}
.dropdown-item:focus, .dropdown-item:hover {
  color: #1e2125;
  background-color: #e9ecef
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #0d6efd
}
.dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent
}
.dropdown-menu.show {
  display: block
}
.dropdown-header {
  display: block;
  padding: .5rem 1rem;
  margin-bottom: 0;
  font-size: .875rem;
  color: #6c757d;
  white-space: nowrap
}
.dropdown-item-text {
  display: block;
  padding: .25rem 1rem;
  color: #212529
}
.dropdown-menu-dark {
  color: #dee2e6;
  background-color: #343a40;
  border-color: rgba(0, 0, 0, .15)
}
.dropdown-menu-dark .dropdown-item {
  color: #dee2e6
}
.dropdown-menu-dark .dropdown-item:focus, .dropdown-menu-dark .dropdown-item:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, .15)
}
.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
  color: #fff;
  background-color: #0d6efd
}
.dropdown-menu-dark .dropdown-item:disabled {
  color: #adb5bd
}
.dropdown-menu-dark .dropdown-item-text {
  color: #dee2e6
}
.dropdown-menu-dark .dropdown-header {
  color: #adb5bd
}
.btn-group {
  position: relative;
  display: inline-flex;
  vertical-align: middle
}
.btn-group > .btn {
  position: relative;
  flex: 1 1 auto
}
.btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
  z-index: 1
}
.btn-group > .btn-group:not(:first-child), .btn-group > .btn:not(:first-child) {
  margin-left: -1px
}
.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}
.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}
.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none
}
.nav-link {
  display: block;
  padding: .5rem 1rem;
  color: #0d6efd;
  text-decoration: none;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
  .nav-link {
    transition: none
  }
}
.nav-link:focus, .nav-link:hover {
  color: #0a58ca
}
.nav-tabs {
  border-bottom: 1px solid #dee2e6
}
.nav-tabs .nav-link {
  margin-bottom: -1px;
  background: 0 0;
  border: 1px solid transparent;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  border-color: #e9ecef #e9ecef #dee2e6;
  isolation: isolate
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}
.tab-content > .active {
  display: block
}
.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-top: .5rem;
  padding-bottom: .5rem
}
.navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between
}
.navbar-brand {
  padding-top: .3125rem;
  padding-bottom: .3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  text-decoration: none;
  white-space: nowrap
}
.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0
}
.navbar-nav .dropdown-menu {
  position: static
}
.navbar-text {
  padding-top: .5rem;
  padding-bottom: .5rem
}
.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center
}
.navbar-toggler {
  padding: .25rem .75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: .25rem;
  transition: box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
  .navbar-toggler {
    transition: none
  }
}
.navbar-toggler:hover {
  text-decoration: none
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 .25rem
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%
}
.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto
}
@media (min-width:768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto
  }
  .navbar-expand-md .navbar-toggler {
    display: none
  }
}
@media (min-width:992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto
  }
  .navbar-expand-lg .navbar-toggler {
    display: none
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start
}
.navbar-expand .navbar-nav {
  flex-direction: row
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: .5rem;
  padding-left: .5rem
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto
}
.navbar-expand .navbar-toggler {
  display: none
}
.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, .9)
}
.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
  color: rgba(0, 0, 0, .9)
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, .55)
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: rgba(0, 0, 0, .7)
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link {
  color: rgba(0, 0, 0, .9)
}
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, .55);
  border-color: rgba(0, 0, 0, .1)
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.navbar-light .navbar-text {
  color: rgba(0, 0, 0, .55)
}
.navbar-light .navbar-text a, .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover {
  color: rgba(0, 0, 0, .9)
}
.navbar-dark .navbar-brand {
  color: #fff
}
.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
  color: #fff
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, .55)
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
  color: rgba(255, 255, 255, .75)
}
.navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show > .nav-link {
  color: #fff
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, .55);
  border-color: rgba(255, 255, 255, .1)
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, .55)
}
.navbar-dark .navbar-text a, .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover {
  color: #fff
}
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, .125);
  border-radius: .25rem
}
.card > hr {
  margin-right: 0;
  margin-left: 0
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: calc(.25rem - 1px);
  border-top-right-radius: calc(.25rem - 1px)
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(.25rem - 1px);
  border-bottom-left-radius: calc(.25rem - 1px)
}
.card > .card-header + .list-group, .card > .list-group + .card-footer {
  border-top: 0
}
.card-body {
  flex: 1 1 auto;
  padding: 1rem 1rem
}
.card-title {
  margin-bottom: .5rem
}
.card-text:last-child {
  margin-bottom: 0
}
.card-link:hover {
  text-decoration: none
}
.card-link + .card-link {
  margin-left: 1rem
}
.card-header {
  padding: .5rem 1rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, .03);
  border-bottom: 1px solid rgba(0, 0, 0, .125)
}
.card-header:first-child {
  border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}
.card-footer {
  padding: .5rem 1rem;
  background-color: rgba(0, 0, 0, .03);
  border-top: 1px solid rgba(0, 0, 0, .125)
}
.card-footer:last-child {
  border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}
.card-header-tabs {
  margin-right: -.5rem;
  margin-bottom: -.5rem;
  margin-left: -.5rem;
  border-bottom: 0
}
.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  border-radius: calc(.25rem - 1px)
}
.card-img, .card-img-bottom, .card-img-top {
  width: 100%
}
.card-img, .card-img-top {
  border-top-left-radius: calc(.25rem - 1px);
  border-top-right-radius: calc(.25rem - 1px)
}
.card-img, .card-img-bottom {
  border-bottom-right-radius: calc(.25rem - 1px);
  border-bottom-left-radius: calc(.25rem - 1px)
}
.card-group > .card {
  margin-bottom: .75rem
}
@media (min-width:576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
  }
  .card-group > .card:not(:last-child) .card-header, .card-group > .card:not(:last-child) .card-img-top {
    border-top-right-radius: 0
  }
  .card-group > .card:not(:last-child) .card-footer, .card-group > .card:not(:last-child) .card-img-bottom {
    border-bottom-right-radius: 0
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
  }
  .card-group > .card:not(:first-child) .card-header, .card-group > .card:not(:first-child) .card-img-top {
    border-top-left-radius: 0
  }
  .card-group > .card:not(:first-child) .card-footer, .card-group > .card:not(:first-child) .card-img-bottom {
    border-bottom-left-radius: 0
  }
}
.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1rem 1.25rem;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  background-color: #fff;
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease
}
@media (prefers-reduced-motion:reduce) {
  .accordion-button {
    transition: none
  }
}
.accordion-button:not(.collapsed) {
  color: #0c63e4;
  background-color: #e7f1ff;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125)
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transform: rotate(-180deg)
}
.accordion-button::after {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform .2s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
  .accordion-button::after {
    transition: none
  }
}
.accordion-button:hover {
  z-index: 2
}
.accordion-button:focus {
  z-index: 3;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}
.accordion-header {
  margin-bottom: 0
}
.accordion-item {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .125)
}
.accordion-item:first-of-type {
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem
}
.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: calc(.25rem - 1px);
  border-top-right-radius: calc(.25rem - 1px)
}
.accordion-item:not(:first-of-type) {
  border-top: 0
}
.accordion-item:last-of-type {
  border-bottom-right-radius: .25rem;
  border-bottom-left-radius: .25rem
}
.accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: .25rem;
  border-bottom-left-radius: .25rem
}
.accordion-body {
  padding: 1rem 1.25rem
}
@-webkit-keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem
  }
}
@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem
  }
}
.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: .25rem
}
.list-group-item {
  position: relative;
  display: block;
  padding: .5rem 1rem;
  color: #212529;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .125)
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit
}
.list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff
}
.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd
}
.list-group-item + .list-group-item {
  border-top-width: 0
}
.list-group-item + .list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px
}
.list-group-item-success {
  color: #0f5132;
  background-color: #d1e7dd
}
.list-group-item-info {
  color: #055160;
  background-color: #cff4fc
}
.list-group-item-light {
  color: #636464;
  background-color: #fefefe
}
.list-group-item-dark {
  color: #141619;
  background-color: #d3d3d4
}
.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: .25em .25em;
  color: #000;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border: 0;
  border-radius: .25rem;
  opacity: .5
}
.btn-close:hover {
  color: #000;
  text-decoration: none;
  opacity: .75
}
.btn-close:focus {
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
  opacity: 1
}
.btn-close:disabled {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  opacity: .25
}
.btn-close-white {
  filter: invert(1) grayscale(100%) brightness(200%)
}
.carousel {
  position: relative
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: ""
}
.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: transform .6s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
  .carousel-item {
    transition: none
  }
}
.carousel-item-next, .carousel-item-prev, .carousel-item.active {
  display: block
}
.active.carousel-item-end, .carousel-item-next:not(.carousel-item-start) {
  transform: translateX(100%)
}
.active.carousel-item-start, .carousel-item-prev:not(.carousel-item-end) {
  transform: translateX(-100%)
}
.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none
}
.carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end, .carousel-fade .carousel-item.active {
  z-index: 1;
  opacity: 1
}
.carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s .6s
}
@media (prefers-reduced-motion:reduce) {
  .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start {
    transition: none
  }
}
.carousel-control-next, .carousel-control-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: 0 0;
  border: 0;
  opacity: .5;
  transition: opacity .15s ease
}
@media (prefers-reduced-motion:reduce) {
  .carousel-control-next, .carousel-control-prev {
    transition: none
  }
}
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: .9
}
.carousel-control-prev {
  left: 0
}
.carousel-control-next {
  right: 0
}
.carousel-control-next-icon, .carousel-control-prev-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
  list-style: none
}
.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity .6s ease
}
@media (prefers-reduced-motion:reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none
  }
}
.carousel-indicators .active {
  opacity: 1
}
.carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon {
  filter: invert(1) grayscale(100)
}
.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #000
}
@-webkit-keyframes spinner-border {
  to {
    transform: rotate(360deg)
  }
}
@keyframes spinner-border {
  to {
    transform: rotate(360deg)
  }
}
@-webkit-keyframes spinner-grow {
  0% {
    transform: scale(0)
  }
  50% {
    opacity: 1;
    transform: none
  }
}
@keyframes spinner-grow {
  0% {
    transform: scale(0)
  }
  50% {
    opacity: 1;
    transform: none
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: ""
}
.link-success {
  color: #198754
}
.link-success:focus, .link-success:hover {
  color: #146c43
}
.link-info {
  color: #0dcaf0
}
.link-info:focus, .link-info:hover {
  color: #3dd5f3
}
.link-light {
  color: #f8f9fa
}
.link-light:focus, .link-light:hover {
  color: #f9fafb
}
.link-dark {
  color: #212529
}
.link-dark:focus, .link-dark:hover {
  color: #1a1e21
}
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important
}
.align-top {
  vertical-align: top !important
}
.align-bottom {
  vertical-align: bottom !important
}
.align-text-bottom {
  vertical-align: text-bottom !important
}
.align-text-top {
  vertical-align: text-top !important
}
.d-block {
  display: block !important
}
.d-none {
  display: none !important
}
.shadow {
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}
.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}
.shadow-none {
  box-shadow: none !important
}
.position-static {
  position: static !important
}
.top-0 {
  top: 0 !important
}
.top-50 {
  top: 50% !important
}
.top-100 {
  top: 100% !important
}
.bottom-0 {
  bottom: 0 !important
}
.bottom-50 {
  bottom: 50% !important
}
.bottom-100 {
  bottom: 100% !important
}
.start-0 {
  left: 0 !important
}
.start-50 {
  left: 50% !important
}
.start-100 {
  left: 100% !important
}
.end-0 {
  right: 0 !important
}
.end-50 {
  right: 50% !important
}
.end-100 {
  right: 100% !important
}
.border {
  border: 1px solid #dee2e6 !important
}
.border-0 {
  border: 0 !important
}
.border-top {
  border-top: 1px solid #dee2e6 !important
}
.border-top-0 {
  border-top: 0 !important
}
.border-end {
  border-right: 1px solid #dee2e6 !important
}
.border-end-0 {
  border-right: 0 !important
}
.border-bottom {
  border-bottom: 1px solid #dee2e6 !important
}
.border-bottom-0 {
  border-bottom: 0 !important
}
.border-start {
  border-left: 1px solid #dee2e6 !important
}
.border-start-0 {
  border-left: 0 !important
}
.border-success {
  border-color: #198754 !important
}
.border-info {
  border-color: #0dcaf0 !important
}
.border-light {
  border-color: #f8f9fa !important
}
.border-dark {
  border-color: #212529 !important
}
.border-white {
  border-color: #fff !important
}
.border-1 {
  border-width: 1px !important
}
.border-2 {
  border-width: 2px !important
}
.border-3 {
  border-width: 3px !important
}
.border-4 {
  border-width: 4px !important
}
.border-5 {
  border-width: 5px !important
}
.w-25 {
  width: 25% !important
}
.w-50 {
  width: 50% !important
}
.w-75 {
  width: 75% !important
}
.w-100 {
  width: 100% !important
}
.h-25 {
  height: 25% !important
}
.h-50 {
  height: 50% !important
}
.h-75 {
  height: 75% !important
}
.h-100 {
  height: 100% !important
}
.justify-content-start {
  justify-content: flex-start !important
}
.justify-content-end {
  justify-content: flex-end !important
}
.justify-content-center {
  justify-content: center !important
}
.align-items-start {
  align-items: flex-start !important
}
.align-items-end {
  align-items: flex-end !important
}
.align-items-center {
  align-items: center !important
}
.align-content-start {
  align-content: flex-start !important
}
.align-content-end {
  align-content: flex-end !important
}
.align-content-center {
  align-content: center !important
}
.mb-0 {
  margin-bottom: 0 !important
}
.mb-1 {
  margin-bottom: .25rem !important
}
.mb-2 {
  margin-bottom: .5rem !important
}
.mb-3 {
  margin-bottom: 1rem !important
}
.mb-4 {
  margin-bottom: 1.5rem !important
}
.mb-5 {
  margin-bottom: 3rem !important
}
.p-0 {
  padding: 0 !important
}
.p-1 {
  padding: .25rem !important
}
.p-2 {
  padding: .5rem !important
}
.p-3 {
  padding: 1rem !important
}
.p-4 {
  padding: 1.5rem !important
}
.p-5 {
  padding: 3rem !important
}
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important
}
.px-1 {
  padding-right: .25rem !important;
  padding-left: .25rem !important
}
.px-2 {
  padding-right: .5rem !important;
  padding-left: .5rem !important
}
.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important
}
.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important
}
.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important
}
.text-start {
  text-align: left !important
}
.text-end {
  text-align: right !important
}
.text-center {
  text-align: center !important
}
.text-wrap {
  white-space: normal !important
}
.text-success {
  color: #198754 !important
}
.text-info {
  color: #0dcaf0 !important
}
.text-light {
  color: #f8f9fa !important
}
.text-dark {
  color: #212529 !important
}
.text-white {
  color: #fff !important
}
.text-body {
  color: #212529 !important
}
.text-muted {
  color: #6c757d !important
}
.text-white-50 {
  color: rgba(255, 255, 255, .5) !important
}
.bg-success {
  background-color: #198754 !important
}
.bg-info {
  background-color: #0dcaf0 !important
}
.bg-light {
  background-color: #f8f9fa !important
}
.bg-dark {
  background-color: #212529 !important
}
.bg-body {
  background-color: #fff !important
}
.bg-white {
  background-color: #fff !important
}
@media (min-width:768px) {
  .d-md-block {
    display: block !important
  }
  .d-md-none {
    display: none !important
  }
  .justify-content-md-start {
    justify-content: flex-start !important
  }
  .justify-content-md-end {
    justify-content: flex-end !important
  }
  .justify-content-md-center {
    justify-content: center !important
  }
  .align-items-md-start {
    align-items: flex-start !important
  }
  .align-items-md-end {
    align-items: flex-end !important
  }
  .align-items-md-center {
    align-items: center !important
  }
  .align-content-md-start {
    align-content: flex-start !important
  }
  .align-content-md-end {
    align-content: flex-end !important
  }
  .align-content-md-center {
    align-content: center !important
  }
  .mb-md-0 {
    margin-bottom: 0 !important
  }
  .mb-md-1 {
    margin-bottom: .25rem !important
  }
  .mb-md-2 {
    margin-bottom: .5rem !important
  }
  .mb-md-3 {
    margin-bottom: 1rem !important
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important
  }
  .mb-md-5 {
    margin-bottom: 3rem !important
  }
  .p-md-0 {
    padding: 0 !important
  }
  .p-md-1 {
    padding: .25rem !important
  }
  .p-md-2 {
    padding: .5rem !important
  }
  .p-md-3 {
    padding: 1rem !important
  }
  .p-md-4 {
    padding: 1.5rem !important
  }
  .p-md-5 {
    padding: 3rem !important
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }
  .px-md-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
  }
  .px-md-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
  }
  .text-md-start {
    text-align: left !important
  }
  .text-md-end {
    text-align: right !important
  }
  .text-md-center {
    text-align: center !important
  }
}
@media (min-width:992px) {
  .d-lg-block {
    display: block !important
  }
  .d-lg-none {
    display: none !important
  }
  .justify-content-lg-start {
    justify-content: flex-start !important
  }
  .justify-content-lg-end {
    justify-content: flex-end !important
  }
  .justify-content-lg-center {
    justify-content: center !important
  }
  .align-items-lg-start {
    align-items: flex-start !important
  }
  .align-items-lg-end {
    align-items: flex-end !important
  }
  .align-items-lg-center {
    align-items: center !important
  }
  .align-content-lg-start {
    align-content: flex-start !important
  }
  .align-content-lg-end {
    align-content: flex-end !important
  }
  .align-content-lg-center {
    align-content: center !important
  }
  .mb-lg-0 {
    margin-bottom: 0 !important
  }
  .mb-lg-1 {
    margin-bottom: .25rem !important
  }
  .mb-lg-2 {
    margin-bottom: .5rem !important
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important
  }
  .p-lg-0 {
    padding: 0 !important
  }
  .p-lg-1 {
    padding: .25rem !important
  }
  .p-lg-2 {
    padding: .5rem !important
  }
  .p-lg-3 {
    padding: 1rem !important
  }
  .p-lg-4 {
    padding: 1.5rem !important
  }
  .p-lg-5 {
    padding: 3rem !important
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }
  .px-lg-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
  }
  .px-lg-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
  }
  .text-lg-start {
    text-align: left !important
  }
  .text-lg-end {
    text-align: right !important
  }
  .text-lg-center {
    text-align: center !important
  }
}
@-webkit-keyframes bounce {
  0%, 100%, 20%, 53%, 80% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(.755, .050, .855, .060);
    transition-timing-function: cubic-bezier(.755, .050, .855, .060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0)
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(.755, .050, .855, .060);
    transition-timing-function: cubic-bezier(.755, .050, .855, .060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0)
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0)
  }
}
@keyframes bounce {
  0%, 100%, 20%, 53%, 80% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(.755, .050, .855, .060);
    transition-timing-function: cubic-bezier(.755, .050, .855, .060);
    -webkit-transform: translate3d(0, -30px, 0);
    -ms-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0)
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(.755, .050, .855, .060);
    transition-timing-function: cubic-bezier(.755, .050, .855, .060);
    -webkit-transform: translate3d(0, -15px, 0);
    -ms-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0)
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    -ms-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0)
  }
}
@-webkit-keyframes flash {
  0%, 100%, 50% {
    opacity: 1
  }
  25%, 75% {
    opacity: 0
  }
}
@keyframes flash {
  0%, 100%, 50% {
    opacity: 1
  }
  25%, 75% {
    opacity: 0
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05)
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    -ms-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05)
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}
@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
  30% {
    -webkit-transform: scale3d(1.25, .75, 1);
    transform: scale3d(1.25, .75, 1)
  }
  40% {
    -webkit-transform: scale3d(.75, 1.25, 1);
    transform: scale3d(.75, 1.25, 1)
  }
  50% {
    -webkit-transform: scale3d(1.15, .85, 1);
    transform: scale3d(1.15, .85, 1)
  }
  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1)
  }
  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1)
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
  30% {
    -webkit-transform: scale3d(1.25, .75, 1);
    -ms-transform: scale3d(1.25, .75, 1);
    transform: scale3d(1.25, .75, 1)
  }
  40% {
    -webkit-transform: scale3d(.75, 1.25, 1);
    -ms-transform: scale3d(.75, 1.25, 1);
    transform: scale3d(.75, 1.25, 1)
  }
  50% {
    -webkit-transform: scale3d(1.15, .85, 1);
    -ms-transform: scale3d(1.15, .85, 1);
    transform: scale3d(1.15, .85, 1)
  }
  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    -ms-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1)
  }
  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    -ms-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1)
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}
@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
  }
}
@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
  }
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg)
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg)
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg)
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg)
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg)
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    -ms-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg)
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    -ms-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg)
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    -ms-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg)
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    -ms-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg)
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    -ms-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg)
  }
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
  }
  100% {
    -webkit-transform: none;
    transform: none
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    -ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    -ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    -ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    -ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
  }
  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
}
@-webkit-keyframes bounceIn {
  0%, 100%, 20%, 40%, 60%, 80% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }
  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03)
  }
  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97)
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}
@keyframes bounceIn {
  0%, 100%, 20%, 40%, 60%, 80% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }
  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    -ms-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    -ms-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03)
  }
  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    -ms-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97)
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}
@-webkit-keyframes bounceInDown {
  0%, 100%, 60%, 75%, 90% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0)
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0)
  }
  100% {
    -webkit-transform: none;
    transform: none
  }
}
@keyframes bounceInDown {
  0%, 100%, 60%, 75%, 90% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    -ms-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    -ms-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0)
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    -ms-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0)
  }
  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
}
@-webkit-keyframes bounceInLeft {
  0%, 100%, 60%, 75%, 90% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0)
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0)
  }
  100% {
    -webkit-transform: none;
    transform: none
  }
}
@keyframes bounceInLeft {
  0%, 100%, 60%, 75%, 90% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    -ms-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    -ms-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0)
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    -ms-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0)
  }
  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
}
@-webkit-keyframes bounceInRight {
  0%, 100%, 60%, 75%, 90% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0)
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0)
  }
  100% {
    -webkit-transform: none;
    transform: none
  }
}
@keyframes bounceInRight {
  0%, 100%, 60%, 75%, 90% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    -ms-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    -ms-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0)
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    -ms-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0)
  }
  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
}
@-webkit-keyframes bounceInUp {
  0%, 100%, 60%, 75%, 90% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0)
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}
@keyframes bounceInUp {
  0%, 100%, 60%, 75%, 90% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    -ms-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    -ms-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0)
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    -ms-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    -ms-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    -ms-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    -ms-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
  }
  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px)
  }
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
  }
  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px)
  }
}
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px)
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0
  }
}
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px)
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0
  }
}
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1
  }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    -ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0
  }
  60% {
    -webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1
  }
  80% {
    -webkit-transform: skewX(-5deg);
    -ms-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1
  }
  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1
  }
}
@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0
  }
}
@keyframes lightSpeedOut {
  0% {
    opacity: 1
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    -ms-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0
  }
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    -ms-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0
  }
  100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1
  }
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1
  }
}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1
  }
}
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1
  }
}
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}
@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    -ms-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1
  }
}
@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0
  }
}
@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    opacity: 1
  }
  100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    -ms-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0
  }
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0, 0, 1, 45deg);
    transform: rotate(0, 0, 1, 45deg);
    opacity: 0
  }
}
@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0, 0, 1, 45deg);
    -ms-transform: rotate(0, 0, 1, 45deg);
    transform: rotate(0, 0, 1, 45deg);
    opacity: 0
  }
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0
  }
}
@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0
  }
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0
  }
}
@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0
  }
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0
  }
}
@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    -ms-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0
  }
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1
  }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    -ms-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    -ms-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1
  }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    -ms-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0
  }
}
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    -ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
}
@-webkit-keyframes rollOut {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
  }
}
@keyframes rollOut {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    -ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
  }
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  50% {
    opacity: 1
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  50% {
    opacity: 1
  }
}
@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}
@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}
@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}
@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}
@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  100% {
    opacity: 0
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  100% {
    opacity: 0
  }
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    -ms-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center
  }
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    -ms-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center
  }
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}
.owl-carousel, .owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative
}
.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0
}
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%
}
.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit
}
.owl-carousel.owl-hidden {
  opacity: 0
}
@keyframes fadeOut {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}
.owl-height {
  transition: height .5s ease-in-out
}
.owl-theme .owl-nav {
  text-align: center;
  -webkit-tap-highlight-color: transparent
}
.owl-theme .owl-nav {
  margin-top: 10px
}
.owl-theme .owl-nav [class*=owl-] {
  color: #fff;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #d6d6d6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px
}
.owl-theme .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #fff;
  text-decoration: none
}
[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms
}
[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms
}
[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
  transition-duration: .1s
}
[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: .1s
}
[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
  transition-duration: .15s
}
[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: .15s
}
[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
  transition-duration: .2s
}
[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: .2s
}
[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
  transition-duration: .25s
}
[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: .25s
}
[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
  transition-duration: .3s
}
[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: .3s
}
[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
  transition-duration: .35s
}
[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: .35s
}
[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
  transition-duration: .4s
}
[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: .4s
}
[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
  transition-duration: .45s
}
[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: .45s
}
[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
  transition-duration: .5s
}
[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: .5s
}
[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
  transition-duration: .55s
}
[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: .55s
}
[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
  transition-duration: .6s
}
[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: .6s
}
[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
  transition-duration: .65s
}
[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: .65s
}
[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
  transition-duration: .7s
}
[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: .7s
}
[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
  transition-duration: .75s
}
[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: .75s
}
[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
  transition-duration: .8s
}
[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: .8s
}
[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
  transition-duration: .85s
}
[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: .85s
}
[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
  transition-duration: .9s
}
[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: .9s
}
[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
  transition-duration: .95s
}
[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: .95s
}
[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s
}
[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s
}
[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s
}
[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s
}
[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s
}
[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s
}
[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s
}
[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s
}
[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s
}
[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s
}
[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s
}
[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s
}
[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s
}
[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s
}
[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s
}
[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s
}
[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s
}
[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s
}
[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s
}
[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s
}
[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s
}
[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s
}
[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s
}
[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s
}
[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s
}
[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s
}
[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s
}
[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s
}
[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s
}
[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s
}
[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s
}
[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s
}
[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s
}
[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s
}
[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s
}
[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s
}
[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s
}
[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s
}
[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s
}
[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s
}
[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s
}
[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s
}
[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s
}
[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s
}
[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s
}
[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s
}
[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s
}
[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s
}
[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s
}
[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s
}
[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s
}
[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s
}
[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s
}
[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s
}
[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s
}
[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s
}
[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s
}
[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s
}
[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s
}
[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s
}
[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s
}
[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s
}
[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s
}
[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s
}
[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s
}
[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s
}
[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s
}
[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s
}
[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s
}
[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s
}
[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s
}
[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s
}
[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s
}
[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s
}
[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s
}
[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s
}
[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s
}
[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s
}
[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s
}
[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s
}
[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s
}
[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s
}
[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}
[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
  transition-timing-function: ease
}
[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
  transition-timing-function: ease-in
}
[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
  transition-timing-function: ease-out
}
[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
  transition-timing-function: ease-in-out
}
[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
  transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}
[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}
[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}
[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}
[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}
[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}
[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}
[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}
[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}
[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}
[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity, transform
}
[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translateZ(0)
}
[data-aos=fade-up] {
  transform: translate3d(0, 100px, 0)
}
[data-aos=fade-down] {
  transform: translate3d(0, -100px, 0)
}
[data-aos=fade-right] {
  transform: translate3d(-100px, 0, 0)
}
[data-aos=fade-left] {
  transform: translate3d(100px, 0, 0)
}
[data-aos=fade-up-right] {
  transform: translate3d(-100px, 100px, 0)
}
[data-aos=fade-up-left] {
  transform: translate3d(100px, 100px, 0)
}
[data-aos=fade-down-right] {
  transform: translate3d(-100px, -100px, 0)
}
[data-aos=fade-down-left] {
  transform: translate3d(100px, -100px, 0)
}
[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity, transform
}
[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translateZ(0) scale(1)
}
[data-aos=zoom-in] {
  transform: scale(.6)
}
[data-aos=zoom-in-up] {
  transform: translate3d(0, 100px, 0) scale(.6)
}
[data-aos=zoom-in-down] {
  transform: translate3d(0, -100px, 0) scale(.6)
}
[data-aos=zoom-in-right] {
  transform: translate3d(-100px, 0, 0) scale(.6)
}
[data-aos=zoom-in-left] {
  transform: translate3d(100px, 0, 0) scale(.6)
}
[data-aos=zoom-out] {
  transform: scale(1.2)
}
[data-aos=zoom-out-up] {
  transform: translate3d(0, 100px, 0) scale(1.2)
}
[data-aos=zoom-out-down] {
  transform: translate3d(0, -100px, 0) scale(1.2)
}
[data-aos=zoom-out-right] {
  transform: translate3d(-100px, 0, 0) scale(1.2)
}
[data-aos=zoom-out-left] {
  transform: translate3d(100px, 0, 0) scale(1.2)
}
[data-aos^=slide][data-aos^=slide] {
  transition-property: transform
}
[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translateZ(0)
}
[data-aos=slide-up] {
  transform: translate3d(0, 100%, 0)
}
[data-aos=slide-down] {
  transform: translate3d(0, -100%, 0)
}
[data-aos=slide-right] {
  transform: translate3d(-100%, 0, 0)
}
[data-aos=slide-left] {
  transform: translate3d(100%, 0, 0)
}
[data-aos^=flip][data-aos^=flip] {
  backface-visibility: hidden;
  transition-property: transform
}
[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg)
}
[data-aos=flip-left].aos-animate {
  transform: perspective(2500px) rotateY(0)
}
[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg)
}
[data-aos=flip-right].aos-animate {
  transform: perspective(2500px) rotateY(0)
}
[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg)
}
[data-aos=flip-up].aos-animate {
  transform: perspective(2500px) rotateX(0)
}
[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg)
}
[data-aos=flip-down].aos-animate {
  transform: perspective(2500px) rotateX(0)
}
@supports (padding:max(0px)) {
  .fancybox-caption {
    padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left))
  }
}
@keyframes a {
  to {
    transform: rotate(1turn)
  }
}
@media (max-height:576px) {
  @supports (padding: max(0px)) {
    .fancybox-caption {
      padding-left: max(12px, env(safe-area-inset-left));
      padding-right: max(12px, env(safe-area-inset-right))
    }
  }
}
@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");
  font-weight: 400;
  font-style: normal
}
.video-js {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: 400;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial
}
.video-js:-moz-full-screen {
  position: absolute
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important
}
.video-js[tabindex="-1"] {
  outline: 0
}
.video-js *, .video-js :after, .video-js :before {
  box-sizing: inherit
}
.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0
}
.video-js button {
  background: 0 0;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
video::-webkit-media-text-track-display {
  transform: translateY(-3em)
}
@keyframes vjs-spinner-show {
  to {
    visibility: visible
  }
}
@-webkit-keyframes vjs-spinner-show {
  to {
    visibility: visible
  }
}
@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg)
  }
}
@-webkit-keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg)
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f
  }
  20% {
    border-top-color: #73859f
  }
  35% {
    border-top-color: #fff
  }
  60% {
    border-top-color: #73859f
  }
  100% {
    border-top-color: #73859f
  }
}
@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f
  }
  20% {
    border-top-color: #73859f
  }
  35% {
    border-top-color: #fff
  }
  60% {
    border-top-color: #73859f
  }
  100% {
    border-top-color: #73859f
  }
}
@supports (display:grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0 24px
  }
  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px
  }
  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1
  }
  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr
  }
}
@media print {
  .video-js > :not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden
  }
}
.video-js :focus:not(:focus-visible) {
  outline: 0
}
body {
  font-family: Mont, sans-serif;
  font-weight: 300;
  color: #373f41;
  line-height: 1.4;
  overflow-x: hidden
}
html {
  scroll-behavior: smooth
}
h1, h2, h3, h4, h5, h6 {
  font-family: Mont, sans-serif
}
p {
  font-family: Mont, sans-serif
}
ul {
  margin: 0;
  padding: 0;
  list-style: none
}
a {
  text-decoration: none
}
header {
  position: absolute;
  z-index: 99;
  width: 100%;
  transition: all .5s;
  top: 0;
  left: 0
}
.inner-header.board-header {
  position: relative;
  margin-bottom: 25px
}
.navbar {
  padding-bottom: 0
}
.navbar-brand {
  display: block
}
.home-header .navbar {
  padding-bottom: 0
}
.inner-header .dropdown-toggle::after, .inner-header .serach img {
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1)
}
.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-text {
  color: #21626c;
  font-size: 16px;
  letter-spacing: .01em;
  font-weight: 700
}
.navbar-light .navbar-brand, .navbar-light .navbar-text a, .navbar-light .navbar-toggler {
  color: #fff;
  text-decoration: none
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link {
  color: #fff
}
.navbar-light .navbar-toggler {
  color: #fff;
  border-color: #fff
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: #000 !important
}
.navbar-collapse {
  justify-content: flex-start
}
header .navbar-expand-lg .navbar-collapse {
  justify-content: end
}
.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: 2rem;
  padding-left: .15rem;
  padding-top: .8rem;
  padding-bottom: .8rem;
  position: relative
}
.navbar-expand-lg .navbar-nav .nav-item {
  margin-left: .6rem;
  margin-right: 2.4rem
}
span.navbar-text.serach {
  margin-left: 30px
}
.navbar-text {
  padding-top: .2rem
}
.navbar-expand-lg .navbar-nav li:first-child {
  margin-left: 0
}
.custom-toggler.navbar-toggler {
  border-color: #d2ab67
}
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(210, 171, 103, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")
}
button.navbar-toggler:focus {
  box-shadow: none;
  outline: 0
}
.dropdown-menu-dark {
  border-color: #d2ab67;
  background-color: #d2ab67
}
.dropdown-menu-dark .dropdown-item {
  color: #fff;
  font-weight: 300;
  letter-spacing: .01em
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
  width: 100%;
  left: 0;
  right: 0;
  margin: auto;
  border: 0;
  padding: 0
}
.top-menu {
  padding-bottom: 1rem;
  transition: all .5s ease-in-out
}
.top-menu li {
  display: inline-block
}
.top-menu li:not(:last-child) {
  margin-right: 30px
}
.top-menu li {
  font-size: 14px;
  color: #000;
  letter-spacing: .01em
}
.top-menu li a {
  text-decoration: none;
  color: #000;
  font-size: 14px;
  position: relative;
  letter-spacing: .01em
}
.top-menu li a::after {
  position: static;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0
}
.about-header .top-menu li, .about-header .top-menu li a, .home-header .top-menu li, .home-header .top-menu li a {
  color: #fff
}
.about-header .top-menu li a:hover, .home-header .top-menu li a:hover {
  color: #be9244
}
.submenu-block {
  padding: 30px 0 10px 0
}
.submenu-block h3 {
  color: #4d4d4d !important;
  font-size: 25px;
  font-weight: 500;
  letter-spacing: .01em;
  font-family: JioType
}
.main-heading {
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 15px
}
.main-heading2 {
  padding-top: 15px;
  margin-bottom: 0
}
.main-heading2::after, .main-heading::after {
  content: "";
  position: absolute;
  top: 76px;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #eee;
  width: 94%;
  margin: auto
}
.main-heading2::after {
  top: 96px
}
.submenu-block h3 a {
  color: #4d4d4d
}
.dropdown-toggle::after {
  content: "";
  width: 12px;
  height: 7px;
  background: url(https://cosmicgroup.uirpl.com/images/arrow-menu-blk-clr.png) no-repeat center;
  border: none;
  display: block;
  position: absolute;
  bottom: 20px;
  right: .15rem
}
.submenu-item h4 {
  color: #4d4d4d;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 1.25rem;
  max-width: 80%
}
.submenu-item h4 a {
  color: #4d4d4d !important;
  font-size: 14px
}
.submenu-item h4 a:hover {
  color: #be9244 !important
}
.submenu-item h5 {
  color: #4d4d4d;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: .25rem;
  margin-top: 0
}
.submenu-item h5 a {
  color: #4d4d4d;
  text-decoration: none
}
.submenu-item h5 a:hover {
  color: #be9244
}
h4.mb-15, h5.mb-15 {
  margin-bottom: 10px
}
.mb-20 {
  margin-bottom: 25px !important
}
.submenu-item ul {
  padding: 0;
  margin: 0 0 1rem;
  list-style-type: none
}
.submenu-item h4 + ul {
  margin-top: -15px
}
.submenu-item ul li {
  margin-bottom: 0;
  line-height: 24px
}
.submenu-item ul li a {
  color: #373f41;
  font-size: 14px;
  text-decoration: none;
  transition: all .3s
}
.submenu-item ul li a:hover {
  color: #be9244
}
.menu-content1, .menu-content2, .menu-content3, .menu-content4 {
  display: none
}
.menu-content1.current, .menu-content2.current, .menu-content3.current, .menu-content4.current {
  display: block
}
.bg-energy {
  background-image: url(https://cosmicgroup.uirpl.com/images/energy-menu-img.jpg)
}
.bg-digital {
  background-image: url(https://cosmicgroup.uirpl.com/images/digital-menu-img.jpg)
}
.bg-retail {
  background-image: url(https://cosmicgroup.uirpl.com/images/retail-menu-img.jpg)
}
.bg-media {
  background-image: url(https://cosmicgroup.uirpl.com/images/media-menu-img.jpg)
}
.bg-news {
  background-image: url(https://cosmicgroup.uirpl.com/images/news-menu-img.jpg)
}
.arrow {
  background: url(https://cosmicgroup.uirpl.com/images/arrow.png) right 7px no-repeat
}
.video-block {
  position: relative;
  z-index: 4
}
.video-bg {
  animation: seconds 2.2s forwards;
  animation-iteration-count: 1;
  animation-delay: 2.2s;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background-image: url(https://cosmicgroup.uirpl.com/images/slider-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all linear 1.3s;
  z-index: 999
}
@keyframes seconds {
  0% {
    opacity: 1;
    transform: scale(1);
    visibility: visible
  }
  100% {
    opacity: 0;
    transform: scale(3);
    visibility: hidden
  }
}
.mob-banner {
  display: none !important
}
.video-mob {
  display: none
}
video {
  display: block;
  width: 100%;
  height: 100%
}
.video-overlay {
  position: relative;
  z-index: 5
}
@keyframes fade_in {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
.video-content {
  top: 55%;
  transform: translateY(-50%);
  position: absolute;
  z-index: 6;
  color: #fff;
  visibility: visible;
  opacity: 1
}
.video-content h1 {
  font-family: Mont, sans-serif;
  font-size: 60px;
  font-weight: 700;
  position: relative;
  padding-bottom: 25px;
  margin-bottom: 40px;
  margin-top: 25px
}
.video-content h1:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 340px;
  height: 4px;
  background-color: #f7ca42
}
.video-content li, .video-content p {
  font-size: 19px;
  letter-spacing: .01em;
  margin-bottom: 0
}
.video-content li {
  display: inline-block;
  margin-right: 25px
}
.video-content li:last-child {
  margin-right: 0
}
.video-content li a {
  color: #fff;
  text-decoration: none;
  transition: all .3s ease-in-out;
  position: relative;
  border-radius: 45.813px;
  padding: 12px 22px;
  background: #0e4c41
}
.video-content li a:hover {
  background: #f7ca42;
  border: 1px solid #f7ca42;
  color: #fff
}
.video-content li a:after {
  background: url(https://cosmicgroup.uirpl.com/images/arrow-right.png) no-repeat center;
  content: "";
  width: 14px;
  height: 13px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  background-size: 14px 13px
}
.video-content li a:hover::before {
  right: -32px
}
.search-box {
  position: relative;
  box-shadow: 0 0 40px rgba(51, 51, 51, .1)
}
.search-box .fa-search {
  position: absolute;
  top: 20px;
  left: 16px
}
.search-box button {
  position: absolute;
  top: 0;
  right: 0;
  height: 60px;
  width: 105px;
  border: 0;
  border-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background: #be9244 url(https://cosmicgroup.uirpl.com/images/search-icon.png) no-repeat center center;
  transition: all .3s
}
.search-box button::before {
  content: "";
  border-left: 15px solid transparent;
  border-bottom: 60px solid #be9244;
  position: absolute;
  left: -15px;
  top: 0;
  transition: all .3s
}
.search-box button:hover {
  background-color: #053c8f;
  border-color: #053c8f
}
.search-box button:hover::before {
  border-bottom: 60px solid #053c8f
}
.search-box button:active:focus, .search-box button:focus {
  box-shadow: none
}
.cd-top {
  display: inline-block;
  height: 51px;
  width: 50px;
  position: fixed;
  bottom: 50px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .05);
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: url("../images/slide-arrow.png")no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s
}
.cd-top.cd-fade-out {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s
}
.cd-top.cd-fade-out {
  opacity: 1;
  z-index: 1039
}
.mob-menu {
  display: none !important
}
@media all and (min-width:1200px) {
  .navbar .nav-item .dropdown-menu {
    display: none
  }
  .navbar .nav-item:hover .nav-link::before {
    right: 0
  }
  .navbar .nav-item:hover .nav-link {
    color: #fff
  }
  .navbar .nav-item:hover .dropdown-menu, .top-menu .nav-item:hover .dropdown-menu {
    display: block;
    border-radius: 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .3)
  }
  .navbar .nav-item .dropdown-menu {
    margin-top: 0
  }
  .navbar-expand-lg .navbar-nav .nav-link::before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #d2ab67;
    height: 4px;
    border-radius: 4px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    z-index: 1001
  }
  .navbar-expand-lg .navbar-nav .nav-link:hover::before {
    right: 0
  }
  .top-menu .nav-item:hover .dropdown-menu {
    min-width: 42rem;
    right: 0;
    box-shadow: none;
    z-index: 9999
  }
  .top-menu .nav-item:hover .dropdown-menu::before {
    content: "";
    border-left: 9px solid transparent;
    border-bottom: 9px solid rgba(0, 0, 0, .15);
    border-right: 9px solid transparent;
    position: absolute;
    margin-top: -9px;
    margin-left: -9px;
    right: 11px;
    top: 0
  }
  .about-header .top-menu .nav-item:hover .dropdown-menu::before, .home-header .top-menu .nav-item:hover .dropdown-menu::before {
    border-bottom: 9px solid #fff
  }
}
.business-block {
  position: relative;
  transition: all .7s;
  height: 100%;
  min-height: 100vh;
  z-index: 9;
  overflow: hidden
}
.business-block h2 {
  font-family: Mont, sans-serif;
  color: #fff;
  font-size: 60px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-weight: 700
}
.business-block h3, .business-block h6 {
  font-family: Mont, sans-serif;
  font-size: 21px;
  color: #fff;
  font-weight: 500;
  position: relative;
  padding-left: 26px;
  text-transform: uppercase
}
.business-block h3:before, .business-block h6:before {
  content: "";
  position: absolute;
  top: -3px;
  left: 0;
  background: url("../images/son.png");
  width: 24px;
  height: 28px
}
.business-block p {
  font-size: 18px;
  line-height: 26px;
  color: #fff;
  margin-bottom: 20px;
  max-width: 410px
}
.business-block .tabs-block {
  margin-left: 84px
}
.business-block ul#tabs-nav {
  list-style: none;
  margin: 0;
  padding: 0
}
.business-block ul#tabs-nav li {
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  display: block;
  letter-spacing: .01em;
  height: 74px;
  line-height: 74px;
  position: relative;
  transition: all .4s
}
.business-block ul#tabs-nav li:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  transition: all .2s;
  background-color: #dfdfdf
}
.business-block ul#tabs-nav li.active, .business-block ul#tabs-nav li:hover {
  font-size: 18px;
  border: none
}
.business-block ul#tabs-nav li.active::before, .business-block ul#tabs-nav li:hover::before {
  background-color: #be9244;
  height: 4px;
  border: none
}
.business-block #tabs-nav li {
  text-decoration: none;
  color: #fff
}
.business-block #tabs-content {
  position: relative
}
.business-block .tab-content {
  padding: 10px;
  display: none
}
.business-block .tab-content.current {
  display: inherit
}
.more-btn {
  font-size: 15px;
  color: #fff;
  letter-spacing: .01em;
  text-decoration: none;
  border: 1px solid #fff;
  border-radius: 20px;
  display: inline-block;
  padding: 6px 34px 6px 20px;
  position: relative;
  margin-top: 20px;
  transition: all .5s
}
.more-btn:before {
  background: url("../images/arrow2.png");
  content: "";
  position: absolute;
  top: 11px;
  right: 14px;
  width: 14px;
  height: 13px;
  transition: all .2s
}
.more-btn:hover {
  background: #d2ab67;
  border: 1px solid #d2ab67;
  color: #fff
}
.more-btn:hover::before {
  right: 12px
}
#picture {
  transition: all .7s;
  background-position: center top;
  background-repeat: no-repeat;
  height: 100%;
  min-height: 100vh;
  position: relative;
  background-size: cover !important;
  z-index: 1;
  display: flex;
  align-items: center
}
#picture:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: radial-gradient(30.38% 41.37% at 50.63% 51.67%, rgba(0, 0, 0, .14) 0, rgba(0, 0, 0, .62) 59.21%)
}
#picture.one {
  background-image: url("../images/bess.jpg")
}
#picture.two {
  background-image: url("../images/solar-panel-and-shell.jpg")
}
#picture.three {
  background-image: url("../images/solar-panel-and-shell.jpg")
}
#picture.four {
 
	  background-image: url("../images/epc-business.jpg")
}
#picture.five {
  background-image: url("../images/solar-panel-and-shell.jpg")
}
#picture.six {
  background-image: url("../images/solar-panel-and-shell.jpg")
}
.video-box {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  overflow: hidden
}
.video-box video {
  transform: scale(1.2)
}
.video-box:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(48.68% 87.06% at 48.68% 52.39%, rgba(48, 48, 48, 0) 0, rgba(66, 66, 66, .8) 69.39%);
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .25));
  z-index: 1
}
#picture.two .video-box-2 {
  display: block
}
#picture.five .video-box-5 {
  display: block
}
ul.story {
  margin: 0 0 40px;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap
}
ul.story li {
  background: 0 0;
  color: #fff;
  padding: 0;
  cursor: pointer;
  font-size: 21px;
  letter-spacing: .01em;
  flex: 0 0 23%;
  margin-left: 15.5%;
  position: relative;
  padding-top: 15px
}
ul.story li:first-child {
  margin-left: 0
}
ul.story li:before {
  content: "";
  background-color: #f7f7f7;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  transition: all .2s
}
ul.story li.current::before {
  background-color: #be9244;
  height: 4px
}
ul.story li:hover:before {
  background-color: #be9244;
  height: 4px
}
ul.story li.current {
  color: #fff
}
.block {
  padding: 60px 0
}
.block.block-system, .block.block-views {
  padding: 0
}
.section-title {
  font-size: 65px;
  text-transform: capitalize;
  color: #4d4d4d;
  font-weight: 400;
  margin-bottom: 30px
}
.block.block-news .section-title {
  font-size: 75px
}
.news-text p {
  font-size: 30px;
  line-height: 38px;
  color: #4d4d4d;
  margin-bottom: 20px
}
.news-text p a {
  color: #4d4d4d
}
.news-text p a:hover {
  color: #be9244
}
.news-right-img img {
  border-radius: 5px
}
.news-image img {
  border-radius: 5px
}
.news-bottom .news-image {
  margin-bottom: 20px
}
.news-bottom .news-text p {
  font-size: 18px;
  line-height: 26px;
  -webkit-line-clamp: 3
}
.block.block-video {
  padding: 0
}
.video-wrap {
  width: 100%;
  padding-top: 56.25%;
  height: 0;
  position: relative;
  cursor: pointer
}
.video-wrap::before {
  z-index: 1;
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(0deg, rgba(5, 60, 143, .65), rgba(5, 60, 143, .65))
}
.block-video.video-bgc {
  background-color: #0e4c41;
  padding-top: 70px;
  padding-bottom: 70px
}
.video-wrap.open::before {
  content: none
}
.video-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 100%;
  padding: 0 15px
}
.video-text .section-title {
  margin-bottom: 10px;
  font-size: 65px
}
.video-text p {
  margin-bottom: 20px;
  font-size: 24px
}
.video-icon {
  width: 50px;
  height: 50px;
  margin: auto;
  cursor: pointer
}
.block-investor {
  background: #fff2d2;
  padding-top: 70px;
  padding-bottom: 70px;
  position: relative;
  z-index: 1
}
.title {
  font-size: 30px;
  line-height: 28px;
  color: #fff;
  font-weight: 500
}
.document-box {
  padding: 40px 0 0
}
.block-investor .section-title {
  margin-bottom: 80px;
  font-size: 75px
}
.close-item {
  border-top: 1px solid #fff;
  padding-top: 10px;
  color: #fff
}
.block-career {
  background: #d2ab67;
  padding-bottom: 60px;
  position: relative;
  z-index: 1
}
.career-left {
  margin-top: 35px
}
.block-career .section-title {
  margin-bottom: 50px;
  font-size: 75px;
  text-transform: none
}
.career-left p {
  font-size: 18px;
  line-height: 30px;
  color: #fff;
  margin-bottom: 40px
}
.career_btn li {
  display: inline-block
}
.career_btn li:not(:last-child) {
  margin-right: 15px
}
.button .btn-custom {
  border: 1px solid grey;
  border-radius: 55px;
  font-weight: 500;
  font-size: 15.7377px;
  line-height: 18px;
  letter-spacing: .01em;
  color: grey;
  padding: 15px 23px
}
.button .btn-custom:hover::after {
  background: url("../images/arrow-btn-hover.png")no-repeat center
}
.button .btn-custom:focus {
  border: 1px solid grey
}
.custom_btn {
  border: 1px solid #fff;
  border-radius: 50px;
  font-size: 15px;
  color: #fff;
  white-space: nowrap;
  padding: 12px 26px;
  font-weight: 300
}
.custom_btn:focus, .custom_btn:hover {
  color: #d2ab67;
  background: #fff
}
.custom_btn::after {
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  background: url(https://cosmicgroup.uirpl.com/images/arrow-btn.png) no-repeat center;
  margin-top: -2px
}
.custom_btn:hover::after {
  background: url(https://cosmicgroup.uirpl.com/images/arrow-btn-hover.png) no-repeat center
}
.custom_btn2 {
  border: 1px solid #fff;
  border-radius: 50px;
  font-size: 15px;
  color: #fff;
  white-space: nowrap;
  padding: 8px 10px;
  font-weight: 300
}
.custom_btn2:focus, .custom_btn2:hover {
  color: #d2ab67;
  background: #fff
}
.custom_btn2::after {
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  background: url(https://cosmicgroup.uirpl.com/images/view-all_wt.png) no-repeat center;
  margin-top: -2px
}
.custom_btn2:hover::after {
  background: url(https://cosmicgroup.uirpl.com/images/view-all.png) no-repeat center
}
.button .btn-custom:hover {
  background: #fff;
  color: #d2ab67
}
.button > a:not(:last-child) {
  margin-right: 15px
}
.button .btn-custom img {
  margin-left: 5px
}
@keyframes fading {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
.d-mob {
  display: none !important
}
.block-news .row {
  margin-left: -25px;
  margin-right: -25px
}
.block-news .row > div {
  padding-left: 25px;
  padding-right: 25px
}
.block-career {
  overflow: hidden
}
.position-nav-static {
  position: static !important
}
footer {
  background-color: #fff;
  overflow: hidden;
  position: relative;
  z-index: 10
}
footer ul {
  padding: 0;
  margin: 0;
  list-style-type: none
}
footer li a {
  text-decoration: none;
  transition: all .3s
}
.footer-nav-title a, .subscribe-title, footer h4, footer h5 {
  color: #fff;
  font-size: 20px;
  font-weight: 400
}
.footer-nav-title a, footer h5 a {
  color: #000;
  text-decoration: none
}
.footer-nav-title a:hover, footer h5 a:hover {
  color: #000
}
footer li a:hover {
  color: #be9244
}
.footer-nav {
  padding: 60px 0
}
.footer-nav ul {
  margin-bottom: 15px
}
.footer-nav ul li {
  margin-bottom: 5px;
  overflow: hidden
}
.footer-nav li a {
  color: #5a5959;
  font-size: 15px;
  letter-spacing: .01em;
  position: relative;
  padding-left: 15px;
  margin-left: -15px
}
.footer-nav li a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
  width: 10px;
  height: 1px;
  border-bottom: 1px solid #be9244
}
.footer-nav li a:hover {
  margin-left: 0
}
.bord-top {
  border-top: 1px solid #d1d1d1
}
.copyright {
  font-size: 15px;
  color: #000;
  padding-top: 40px;
  padding-bottom: 20px;
  letter-spacing: .01em;
  position: relative
}
.footer-nav .row > div > .footer-wrap:not(:last-child) {
  margin-bottom: 30px
}
.footer-logo {
  position: absolute;
  left: 50%;
  top: -30px;
  transform: translateX(-50%)
}
.copyright ul {
  text-align: right
}
.copyright li {
  display: inline-block;
  margin-right: 10px
}
.copyright li:last-child {
  margin-right: 0
}
.copyright li a {
  color: #000
}
.copyright li a:hover {
  text-decoration: none
}
.social-items {
  padding-top: 40px;
  background: #255f69;
  padding-bottom: 40px
}
.social-menu {
  justify-content: flex-end;
  display: flex;
  flex-wrap: wrap
}
.social-menu li {
  margin: 0 8px
}
.social-menu li img {
  transition: all .3s ease-in-out;
  height: 18px
}
.social-menu li a {
  background: #f7ca42;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center
}
.social-menu li a:hover {
  background: #f7ca42;
  transform: scale(1.1)
}
footer .subscribe button {
  position: absolute;
  top: 5px;
  right: 5px;
  height: 44px;
  width: 130px;
  background: #be9244;
  color: #fff;
  font-size: 16px;
  letter-spacing: .01em
}
footer .subscribe button:hover {
  color: #fff;
  background: #a87a2a
}
.subscriptions_block .description {
  display: none
}
.subscribe-title, footer .subscriptions_block h4, footer .subscriptions_block h5 {
  font-size: 15px;
  letter-spacing: .01em;
  text-align: left
}
.footer-nav-title, .subscribe-title {
  margin-top: 0;
  margin-bottom: .5rem;
  line-height: 1.2
}
.top-menu {
  display: flex;
  justify-content: space-between;
  align-items: center
}
.block-news {
  padding: 70px 0 60px
}
.news-bottom {
  margin-top: 70px
}
.news-rows {
  width: 100%;
  display: inline-grid;
  grid-template-columns: 400px 1fr;
  grid-gap: 0 45px
}
.align-items-end {
  align-items: flex-end
}
@-webkit-keyframes fade {
  from {
    opacity: .4
  }
  to {
    opacity: 1
  }
}
@keyframes fade {
  from {
    opacity: .4
  }
  to {
    opacity: 1
  }
}
canvas {
  position: fixed;
  left: 50%;
  top: 50%;

  transform: translate(-50%, -50%);
  max-width: 100vw;
  max-height: 100vh
}
.menu-right-img {
  margin-top: 73px
}
.close-btn {
  position: absolute;
  top: 18px;
  right: 30px;
  width: 36px;
  height: 36px;
  cursor: pointer
}
.menu-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .7);
  z-index: 99;
  visibility: hidden;
  opacity: 0;
  transition: all linear .3s
}
.menu-overlay.open {
  visibility: visible;
  opacity: 1
}
body.active {
  overflow: hidden
}
.navbar > .navbar-text.serach {
  display: none
}
.video-banner {
  position: relative;
  height: 750px;
  color: #fff;
  display: flex;
  align-items: flex-start;
  overflow: hidden
}
.video-banner video {
  object-fit: cover
}
.video-banner .video-overlay {
  width: 100%;
  height: 100%
}
.video-banner .video-overlay:before {
  background: linear-gradient(180deg, rgba(2, 4, 35, .76) 0, rgba(3, 7, 55, .0532) 28.76%);
  z-index: 2
}
.video-banner h1 {
  font-size: 85px;
  line-height: 90px;
  margin-bottom: 10px;
  font-weight: 400;
  display: inline-block;
  text-shadow: 51px 8px 50px rgba(0, 0, 0, .48)
}
.inner_banner-block p, .video-banner p {
  font-size: 48px;
  text-shadow: 51px 8px 50px rgba(0, 0, 0, .48);
  color: #fff
}
.video-banner .container {
  position: relative;
  top: -10%
}
.inner-header .navbar-light .navbar-nav .nav-link, .inner-header .navbar-light .navbar-text, .inner-header .top-menu li a {
  color: #fff
}
.inner-header.board-header .navbar-light .navbar-nav .nav-link, .inner-header.board-header .navbar-light .navbar-text, .inner-header.board-header .top-menu li a {
  color: #000
}
.inner-header.board-header .top-menu li a:hover {
  color: #be9244
}
.inner-header .dropdown-toggle::after, .inner-header .serach img {
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1)
}
.inner-header.board-header .dropdown-toggle::after, .inner-header.board-header .serach img {
  filter: inherit;
  -webkit-filter: inherit
}
.iconf {
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1)
}
.RILFound .RILFlexArea .contentBox a.more-btn:before {
  background:url("../images/bl-arrow.png");
  width: 16px
}
.RILFound .RILFlexArea .contentBox a.more-btn:hover {
  color: #fff;
  background: #d2ab67;
  border-color: #d2ab67
}
.RILFound .RILFlexArea .contentBox a.more-btn:hover:before {
  background: url("../images/arrow-btn.png")
}
.RILFound {
  background: #fdf2df;
  padding: 70px 0
}
.RILFound .RILFlexArea {
  display: flex
}
.RILFound .RILFlexArea .contentBox {
  padding: 45px 32px;
  text-align: left;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  width: 33%
}
.RILFound .RILFlexArea .contentBox img {
  margin-bottom: 30px;
  width: auto;
  max-width: 100%
}
.RILFound .RILFlexArea .contentBox p {
  font-size: 18px;
  line-height: 26px;
  color: #5a5959;
  padding-right: 10px
}
.RILFound .RILFlexArea .contentBox a.more-btn {
  border-color: #5f5656;
  color: #5f5656;
  padding: 6px 38px 6px 20px
}
.RILFound .RILFlexArea .contentBox a.more-btn:hover {
  color: #fff;
  background: #d2ab67;
  border-color: #d2ab67
}
.RILFound .RILFlexArea .contentBox a.more-btn:hover:before {
  background: url("../images/arrow-btn.png")
}
.RILFound .contentImg {
  width: 67%;
  position: relative;
  overflow: hidden
}
.RILFound .contentImg img {
  width: auto;
  max-width: 100%;
  position: relative;
  left: 0;
  border-radius: 0 6px 6px 0
}
.career-text {
  padding-right: 90px
}
.career-text p {
  line-height: 26px;
  margin-bottom: 25px
}
.careers__image img {
  border-radius: 4px;
  transition: .3s
}
.careers__image:hover img {
  transform: scale(1.1);
  border-radius: 4px
}
.careers__image {
  position: relative
}
.careers__image:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(177.05deg, rgba(0, 0, 0, .8) 40.15%, rgba(0, 0, 0, 0) 63.23%);
  border-radius: 4px;
  transform: rotate(-180deg);
  z-index: 1
}
.careers__box {
  position: relative;
  overflow: hidden;
  margin-top: 10px;
  margin-bottom: 20px;
  border-radius: 4px
}
.careers__box h4 {
  font-weight: 500;
  font-size: 30px;
  color: #d2ab67;
  margin-bottom: 0
}
.careers__box h4 a {
  color: #d2ab67;
  text-decoration: none
}
.careers__text {
  position: absolute;
  bottom: 25px;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  padding: 0 15px;
  z-index: 2
}
.careers__text > div {
  max-width: 228px
}
.careers__text > div + div {
  max-width: 140px
}
.careers__box a.explore-btn {
  font-size: 15px;
  color: #fff;
  text-decoration: none;
  border: 1px solid #fff;
  border-radius: 20px;
  display: inline-block;
  padding: 8px 36px 8px 18px;
  position: relative;
  transition: all .5s
}
.careers__box a.explore-btn:before {
  background: url(https://cosmicgroup.uirpl.com/images/weblink-arrow.png);
  content: "";
  position: absolute;
  top: 13px;
  right: 16px;
  width: 13px;
  height: 13px;
  transition: all .2s
}
.careers__box a.explore-btn:hover {
  background: #d2ab67;
  border: 1px solid #d2ab67;
  color: #fff
}
.board-content .back-img {
  padding-bottom: 0
}
.video-wrap video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}
#video-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  overflow: hidden
}
#video-container::before {
  background: rgba(7, 11, 63, .6);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
#video-container video {
  width: 100%;
  height: 100%;
  object-fit: cover
}
.explore-block {
  background-color: #fff9ef
}
.explore-block h3 {
  font-weight: 300;
  font-size: 38px;
  color: #373f41;
  margin-bottom: 30px
}
.explore-box {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 210px;
  position: relative;
  border-radius: 5px;
  margin-bottom: 30px
}
.explore-box.box1 {
  background-image: url(https://cosmicgroup.uirpl.com/images/explore-bg1.jpg)
}
.explore-box.box2 {
  background-image: url(https://cosmicgroup.uirpl.com/images/explore-bg2.jpg)
}
.explore-box.box3 {
  background-image: url(https://cosmicgroup.uirpl.com/images/explore-bg3.jpg)
}
.explore-box.box4 {
  background-image: url(https://cosmicgroup.uirpl.com/images/explore-bg4.jpg)
}
.explore-box.box5 {
  background-image: url(https://cosmicgroup.uirpl.com/images/explore-bg5.jpg)
}
.explore-box.box6 {
  background-image: url(https://cosmicgroup.uirpl.com/images/explore-bg6.jpg)
}
.explore-box:before {
  content: "";
  position: absolute;
  background: linear-gradient(180deg, rgba(44, 34, 34, .140426) 60.17%, rgba(37, 30, 30, .6) 100%);
  width: 100%;
  height: 100%;
  border-radius: 5px;
  transition: all .1s
}
.arrow-next {
  position: absolute;
  right: 20px;
  bottom: 20px;
  transition: all .1s
}
.explore-box:hover .arrow-next {
  right: 15px
}
.title-block {
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  margin-bottom: 15px
}
.title-block h4 {
  font-size: 32px;
  color: #4d4d4d;
  font-weight: 400
}
.banner-title h1 {
  max-width: 980px
}
.logo-scroll {
  display: none
}
.division_img {
  width: 120px
}
.division_text {
  width: 308px;
  margin-left: 20px
}
.division_text p {
  font-size: 18px;
  font-weight: 300;
  color: #373f41;
  line-height: 26px;
  margin-bottom: 0
}
ul.list-item2 {
  margin-bottom: 1rem
}
ul.list-item2 > li:not(:last-child) {
  margin-bottom: 10px
}
ul.list-item2 > li {
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: .01em;
  color: #373f41;
  position: relative;
  padding-left: 30px
}
ul.list-item2 > li::before {
  content: "";
  width: 17px;
  height: 16px;
  background: url(https://cosmicgroup.uirpl.com/images/logo-list.png) no-repeat center;
  position: absolute;
  top: 7px;
  left: 0
}
.close-button1, .close-button2 {
  width: 15px;
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer
}
.brands-logo {
  text-align: center
}
.bl-text p {
  font-family: JioType;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
  color: #373f41;
  margin: 0;
  margin-top: 5px
}
.chairman__title {
  margin-top: 75px
}
.back-img {
  background: #fdf2e0;
  padding: 60px 0;
  position: relative
}
.name-heading {
  font-family: JioType;
  font-weight: 300;
  font-size: 45px;
  line-height: 45px;
  letter-spacing: .01em;
  text-transform: capitalize;
  color: #fff;
  margin-bottom: 30px
}
.logo-retail {
  display: block
}
.board-content .tab-content.current {
  display: inherit
}
.board-content .tab-content {
  display: none
}
ul.board-box {
  text-align: center
}
ul.board-box > li {
  font-size: 22px;
  line-height: 27px;
  text-align: center;
  letter-spacing: .01em;
  text-transform: capitalize;
  color: #000;
  display: inline-block;
  margin: 0 15px 30px;
  position: relative
}
ul.board-box > li::after {
  content: "";
  width: 100%;
  position: absolute;
  bottom: -30px;
  left: 0;
  height: 1px;
  background: #ccc
}
ul.board-box > li.current::after {
  height: 3px;
  background: #be9244
}
.mb-60 {
  margin-bottom: 60px
}
.image-box {
  position: relative;
  margin: auto;
  overflow: hidden
}
.image-box img {
  max-width: 100%;
  transition: all 3s;
  display: block;
  width: 100%;
  height: auto;
  transform: scale(1)
}
.image-box:hover img {
  transform: scale(1.1)
}
.bs_block {
  padding-top: 60px;
  padding-bottom: 30px
}
.businesses-back {
  position: relative;
  margin-top: 40px
}
.businesses-back:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 5px;
  background: linear-gradient(181.52deg, rgba(0, 0, 0, .57) 41.62%, rgba(0, 0, 0, 0) 53.84%);
  border-radius: 4px;
  transform: rotate(-180deg)
}
.business-explore {
  margin-bottom: 20px
}
.businesses-content {
  position: absolute;
  left: 0;
  bottom: -16px;
  width: 100%;
  padding: 30px 25px;
  z-index: 2
}
.foundation-block p {
  font-size: 18px;
  line-height: 24px
}
.speech-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 15px
}
.speech-content {
  flex: 0 0 calc(100% - 64px);
  max-width: calc(100% - 64px)
}
.speech-content a {
  color: #4d4d4d
}
.speech-content a:hover {
  color: #be9244
}
.speech-content h4 {
  font-size: 20px;
  line-height: 27px;
  text-transform: capitalize;
  color: #4d4d4d;
  margin: 0;
  font-family: JioType;
  font-weight: 400
}
.speech-content h4 span {
  display: block;
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
  color: #053c8f;
  margin-bottom: 10px;
  font-weight: 300
}
.br-5 {
  border-radius: 5px
}
.board-block {
  padding-top: 0;
  overflow: hidden
}
.board-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 25px
}
.board-box > a {
  font-size: 22px;
  line-height: 28px;
  letter-spacing: .01em;
  text-transform: capitalize;
  color: #4d4d4d;
  font-weight: 400;
  position: relative
}
.board-box > a.prev_btn {
  padding-left: 45px
}
.board-box > a.next_btn {
  padding-right: 45px
}
.board-box > a.next_btn:before, .board-box > a.prev_btn:before {
  content: "";
  width: 32px;
  height: 32px;
  display: block;
  background-image: url(https://cosmicgroup.uirpl.com/images/arrow-board-prev.png);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  left: 0;
  top: -2px
}
.board-box > a.next_btn:before {
  left: auto;
  right: 0;
  transform: rotate(180deg)
}
.board-box > a:hover {
  color: #be9244
}
.board-box > a.next_btn:hover::before, .board-box > a.prev_btn:hover::before {
  filter: brightness(0) saturate(100%) invert(57%) sepia(69%) saturate(361%) hue-rotate(360deg) brightness(92%) contrast(89%)
}
.about h1 {
  width: 750px
}
.text-width h1 {
  max-width: 1200px;
  width: 100%
}
.our-history {
  padding: 60px 0 120px;
  background: #053e8f;
  position: relative;
  z-index: 1
}
.our-history::before {
  content: "";
  width: 100%;
  height: 811px;
  background: url(https://cosmicgroup.uirpl.com/images/history-bg.png) no-repeat center;
  display: block;
  position: absolute;
  left: 0;
  top: 40px;
  z-index: -1
}
.oh-row {
  width: 100%;
  display: inline-grid;
  grid-template-columns: 1fr 90%;
  margin-top: 120px
}
.oh-logo {
  margin-bottom: 30px
}
.oh-left {
  margin-top: 135px;
  padding-left: 170px
}
.oh-left h2 {
  font-style: normal;
  font-weight: 300;
  font-size: 65px;
  text-transform: capitalize;
  color: #fff;
  margin: 0 0 5px;
  padding-left: 28px
}
.oh-left h2 span {
  font-weight: 300;
  font-size: 30px;
  display: block;
  margin-bottom: 12px
}
.bg-title {
  background: #ceab72;
  border-radius: 4px;
  padding: 0 70px 0 33px;
  font-weight: 400;
  font-size: 72px;
  line-height: 101px;
  color: #fff;
  font-family: Mont, sans-serif;
  position: absolute;
  z-index: 1
}
.oh-bottom-text {
  padding: 56px 50px
}
.oh-bottom {
  padding-left: 170px;
  position: relative
}
.oh-bottom:after {
  position: absolute;
  top: -56px;
  right: -50px;
  width: 100px;
  height: 100px;
  background: url(https://cosmicgroup.uirpl.com/images/ril-logo-bg.png) no-repeat;
  content: ""
}
.oh-bottom-text p {
  margin: 0;
  font-weight: 300;
  font-size: 24px;
  line-height: 35px;
  letter-spacing: .01em;
  color: #fff
}
.section2 {
  background: url(https://cosmicgroup.uirpl.com/images/wealth-creation.jpg) no-repeat center;
  background-size: cover;
  width: 100%;
  padding: 0 0 160px;
  align-content: center;
  position: relative;
  z-index: 1
}
.section2::before {
  background: linear-gradient(0deg, rgba(6, 53, 119, .78), rgba(6, 53, 119, .78));
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1
}
.oh-top-content p {
  font-weight: 300;
  font-size: 22px;
  line-height: 35px;
  letter-spacing: .01em;
  color: #fff;
  margin: 0
}
.section3 {
  background: #fdf2df;
  padding: 0 0 90px
}
.section3::before {
  content: none
}
.section3 .bg-title {
  position: static;
  margin-bottom: 40px;
  background: linear-gradient(90deg, #ceab72 40.73%, rgba(206, 171, 114, 0) 171.02%)
}
.section3 .oh-image {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 600px
}
.section3 .oh-left h2 {
  color: #4d4d4d;
  margin: 0 0 10px
}
.section3 .oh-row {
  margin-top: 260px
}
.oh-left p {
  font-weight: 300;
  font-size: 22px;
  line-height: 35px;
  letter-spacing: .01em;
  color: #4d4d4d;
  margin: 0
}
.our-history.global {
  padding: 0 0 60px
}
.our-history.global::before {
  content: none
}
.our-history.global .oh-bottom-text {
  padding: 56px 39px
}
.business​__block {
  background-color: #fdf2df;
  padding-top: 70px;
  padding-bottom: 70px
}
.business​__block h2 {
  font-size: 65px;
  font-weight: 400;
  color: #4d4d4d;
  margin-bottom: 40px
}
.business​__block h4 {
  font-weight: 500;
  font-size: 30px;
  color: #d2ab67 !important;
  margin-bottom: 0
}
.business​__block h4 a {
  color: #d2ab67;
  text-decoration: none
}
.business-image {
  position: relative
}
.business-image img {
  border-radius: 4px;
  transition: .3s
}
.business-image:hover img {
  transform: scale(1.1);
  border-radius: 4px
}
.business-image:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(177.05deg, rgba(0, 0, 0, .7) 42.29%, rgba(0, 0, 0, 0) 64.3%);
  border-radius: 4px;
  transform: rotate(-180deg);
  z-index: 1
}
.business__box {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
  border-radius: 4px
}
.business-text {
  position: absolute;
  bottom: 25px;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  padding: 0 10px;
  z-index: 2
}
.business-text > div {
  max-width: 256px
}
.business-text > div + div {
  max-width: 110px
}
.business__box a.explore-btn {
  font-size: 15px;
  color: #fff;
  text-decoration: none;
  border: 1px solid #fff;
  border-radius: 20px;
  display: inline-block;
  padding: 8px 42px 8px 26px;
  position: relative;
  transition: all .5s
}
.business__box a.explore-btn:before {
  background: url(https://cosmicgroup.uirpl.com/images/arrow2.png);
  content: "";
  position: absolute;
  top: 13px;
  right: 20px;
  width: 14px;
  height: 13px;
  transition: all .2s
}
.business__box a.explore-btn:hover {
  background: #d2ab67;
  border: 1px solid #d2ab67;
  color: #fff
}
.business​__block h2 {
  color: #4d4d4d
}
.bg-img {
  width: 540px;
  height: 540px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 0 auto;
  border: 6px solid #be9244
}
.bg-img:before {
  background: #053c8f;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%
}
.team-bg {
  background: url(https://cosmicgroup.uirpl.com/images/team-bg.jpg) no-repeat center
}
.owl-theme .owl-nav [class*=owl-]:focus {
  outline: 0
}
.s_logo {
  display: block;
  cursor: pointer
}
.s_logo img {
  transition: all .3s cubic-bezier(.25, .8, .25, 1);
  filter: grayscale(0);
  border-radius: 4px
}
.s_logo img:hover {
  -webkit-filter: grayscale(0);
  filter: grayscale(0)
}
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.new-partner {
  max-width: 1140px;
  margin: auto;
  width: 100%
}
.partner-logo {
  padding: 24.5px 0
}
.about-title {
  color: #053c8f;
  line-height: 50px;
  max-width: 1000px;
  margin: auto;
  font-size: 45px;
  font-weight: 300;
  margin-bottom: 35px
}
header .col-md-3.mn-fade[data-aos^=fade][data-aos^=fade], header .col-md-9.position-static[data-aos^=fade][data-aos^=fade] {
  transform: initial !important
}
@keyframes colorChange {
  0% {
    background: #01007f
  }
  15% {
    background: #01007f
  }
  30% {
    background: #4bc0ae
  }
  45% {
    background: #d9008d
  }
  60% {
    background: #ef383a
  }
  75% {
    background: #f7ab21
  }
  90% {
    background: #00a85b
  }
  100% {
    background: #01007f
  }
}
.left-block {
  width: 48%;
  margin-right: 2%
}
.right-block {
  width: 48%;
  margin-left: 2%
}
.block-1 {
  height: 400px;
  margin-top: 65px;
  margin-bottom: 25px
}
.block-2 {
  height: 131px
}
.block-3 {
  height: 390px
}
.block-4 {
  height: 230px
}
@keyframes fade-one {
  0% {
    opacity: 1
  }
  16.6666666667% {
    opacity: 1
  }
  33.3333333333% {
    opacity: 0
  }
  83.3333333333% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@keyframes fade-two {
  0% {
    opacity: 1
  }
  50% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
.about-energy {
  margin-top: 30px;
  text-align: center;
  font-weight: 300;
  font-size: 20px;
  color: #fff
}
.about-energy .custom_btn {
  border-radius: 30px;
  padding: 10px 20px
}
.about-energy a.more-btn {
  margin-top: 0;
  padding: 8px 44px 8px 30px
}
.about-energy a.more-btn::before {
  top: 12px;
  right: 20px
}
.about-energy a.more-btn:hover {
  background: #d2ab67;
  border: 1px solid #fff
}
.btn:focus {
  border-color: transparent;
  outline: 0;
  box-shadow: none
}
h1.heading {
  font-weight: 400;
  font-size: 65px;
  font-style: normal;
  color: #4d4d4d
}
.press-block {
  margin-top: 50px
}
.fa-search {
  display: inline-block;
  background-image: url(https://cosmicgroup.uirpl.com/images/fa-search.png);
  height: 17px;
  width: 17px;
  background-position: 0 7px;
  background-repeat: no-repeat;
  padding-bottom: 25px;
  margin-right: 10px
}
.press-block button {
  padding: 0
}
.press-box {
  overflow: hidden;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  margin-top: 15px;
  margin-bottom: 15px
}
.press-txt {
  background-color: #fff;
  padding: 22px;
  border: 1px solid #eeecec;
  border-top: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px
}
.press-txt h4 {
  font-family: JioType;
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  color: #373f41;
  margin-bottom: 20px;
  min-height: 78px
}
.press-txt h4 a {
  color: #373f41
}
.press_img {
  width: 414px;
  height: 241px
}
.press-txt h4 a:hover {
  color: #be9244
}
.release_block {
  padding-top: 40px;
  padding-bottom: 40px
}
.release_block .social-block {
  margin-top: 20px;
  margin-bottom: 20px
}
.release_block h1 {
  font-size: 50px;
  font-weight: 400;
  color: #053c8f
}
.social-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
  margin-bottom: 30px
}
.social-block .share {
  font-size: 18px;
  color: #373f41
}
.social-block .share a {
  margin: 0 6px
}
.views-element-container header {
  position: inherit !important;
  background: 0 0;
  box-shadow: none;
  padding: 0
}
@media (min-width:2048px) {
  .inner_banner-block .text-width img {
    width: 100%
  }
  .video-banner {
    height: 1080px
  }
}
@media (min-width:1366px) {
  .views-element-container header {
    max-width: 1320px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto
  }
}
.views-element-container header {
  margin-top: 50px
}
.social-block .share a:first-child {
  width: 25px
}
.four-img {
  display: flex;
  margin-bottom: 1.5rem;
  margin-top: 1.5rem
}
.video-banner video[poster] {
  height: 100%;
  width: 100%;
  object-fit: cover
}
.accordion-button:focus {
  outline: 0;
  box-shadow: none
}
.accordion-button:not(.collapsed) {
  box-shadow: none
}
.accordion-button:not(.collapsed)::after {
  background-position: -117px -2px
}
.contact-main {
  margin-top: 50px;
  margin-bottom: 40px
}
ul.location {
  max-width: 400px;
  margin-bottom: 20px
}
ul.location li {
  position: relative;
  padding-left: 30px;
  font-size: 18px;
  color: #373f41;
  font-weight: 300;
  margin-bottom: 12px;
  display: inline-block;
  width: 196px;
  vertical-align: top
}
ul.location li:first-child {
  display: block;
  width: 100%
}
ul.location li a {
  color: #053c8f
}
.up-arrow {
  margin: 0 5px 5px 5px
}
.btn-custom2 {
  font-size: 14px;
  color: #fff;
  text-decoration: none;
  border: 1px solid #fff;
  border-radius: 20px;
  display: inline-block;
  padding: 11px 44px 11px 18px;
  position: relative;
  transition: all .5s;
  font-family: JioType;
  font-style: normal
}
.btn-custom2:before {
  background: url(https://cosmicgroup.uirpl.com/images/view-all.png);
  content: "";
  position: absolute;
  top: 12px;
  right: 20px;
  width: 17px;
  height: 15px;
  transition: all .2s;
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1)
}
.btn-custom2:hover {
  background: #fff;
  border: 1px solid #fff;
  color: #d2ab67
}
.btn-custom2:hover::before {
  filter: none;
  -webkit-filter: none
}
.video-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer
}
article[data-history-node-id="98"] {
  background-color: #fdf2df
}
ul.social-menu2 > li {
  font-size: 14.1921px;
  line-height: 22px;
  letter-spacing: .01em;
  color: #373f41;
  display: inline-block
}
ul.social-menu2 > li > a {
  display: block;
  padding: 3px 10px
}
ul.social-menu2 > li > a > img {
  filter: brightness(1) invert(1)
}
.video-wrap2 {
  position: relative
}
.video-icon2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 30px;
  cursor: pointer
}
.video-icon2 img {
  width: 100%
}
.block-search {
  background-color: #fdf2df;
  padding: 40px 0
}
.main-title {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 400;
  font-size: 45px;
  line-height: 55px;
  color: #fff;
  margin-bottom: 45px
}
ul.list-item {
  display: flex;
  flex-wrap: wrap
}
ul.list-item > li {
  position: relative;
  padding-left: 25px;
  flex: 0 0 34%;
  max-width: 34%;
  margin-bottom: 10px
}
ul.list-item > li::before {
  content: "";
  background: url(https://cosmicgroup.uirpl.com/images/list-item-icon.png) no-repeat center;
  width: 17px;
  height: 16px;
  display: block;
  position: absolute;
  top: 3px;
  left: 0
}
.chairman-video {
  padding-top: 50px;
  padding-bottom: 50px
}
.video-title_block {
  position: absolute;
  left: 40px;
  bottom: 0;
  padding: 0;
  width: 300px;
  text-align: center;
  margin-bottom: 25px
}
.video-title h4 {
  color: #fff;
  font-weight: 400;
  font-size: 26px;
  line-height: 34px;
  border-bottom: 1px solid rgba(255, 255, 255, .6);
  margin-bottom: 15px;
  padding-bottom: 15px
}
.video-title p {
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  margin-bottom: 0
}
.diversity-block {
  background-color: #fdf2df;
  padding-top: 60px;
  padding-bottom: 20px
}
.diversity-block h2 {
  font-size: 65px;
  color: #4d4d4d;
  font-weight: 400;
  margin-bottom: 30px
}
.diversity-block .diversity-text p {
  color: #373f41;
  font-size: 18px
}
.diversity-block .diversity-text h3 {
  font-family: JioType;
  font-size: 35px;
  font-weight: 500;
  color: #053c8f;
  margin-top: 35px
}
.diversity-block h4 {
  font-family: JioType;
  font-size: 30px;
  font-weight: 300;
  margin-bottom: 15px;
  color: #053c8f
}
.business-block2 {
  background-color: transparent;
  padding-top: 50px;
  padding-bottom: 50px
}
.business-block2 h2 {
  font-size: 65px;
  color: #4d4d4d;
  font-weight: 400;
  margin-bottom: 30px
}
.business​__block2 .business-text h4 {
  font-weight: 500;
  font-size: 28px;
  color: #d2ab67;
  margin-bottom: 0
}
.business-block2 p {
  font-size: 18px;
  margin-bottom: 40px
}
.business-block2 .business__box a.explore-btn {
  font-size: 14px;
  padding: 8px 30px 8px 18px;
  display: block
}
.business-text > div + div {
  max-width: 132px;
  flex: 0 0 132px
}
.foundation-block {
  background-color: #fff;
  border-radius: 6px;
  padding: 40px 50px
}
.foundation-block .more-btn {
  border: 1px solid #373f41;
  color: #373f41;
  padding: 10px 40px 10px 22px;
  border-radius: 22px
}
.foundation-block .more-btn::before {
  filter: brightness(0) invert(0);
  -webkit-filter: brightness(0) invert(0);
  top: 15px;
  right: 18px
}
.foundation-block .more-btn:hover {
  border: 1px solid #d2ab67;
  color: #fff
}
.foundation-block .more-btn:hover::before {
  filter: brightness(1) invert(0);
  -webkit-filter: brightness(1) invert(0)
}
.foundation-block h4 {
  font-size: 26px;
  font-weight: 500;
  color: #053c8f;
  margin-bottom: 25px;
  margin-top: 25px
}
.foundation-text p {
  font-size: 18px;
  line-height: 26px;
  color: #373f41
}
.foundation-text p span {
  font-size: 20px
}
.foundation-text ul {
  padding: 0;
  margin: 0
}
.culture_block li, .foundation-text li, .harnessing_block li {
  font-size: 18px;
  background: url(https://cosmicgroup.uirpl.com/images/bullet-icon.png) no-repeat 0 4px;
  padding-left: 30px;
  margin-bottom: 15px
}
.culture_block h2, .foundation-block h2 {
  font-size: 45px;
  font-weight: 400;
  color: #4d4d4d;
  margin-bottom: 20px
}
.culture_block {
  background-color: #fff;
  border-radius: 6px;
  padding: 30px;
  height: 100%
}
.media_block {
  padding-top: 60px;
  padding-bottom: 60px
}
.media_bg {
  background-color: #d2ab67
}
.banner_media {
  background-color: #fff;
  border-radius: 6px;
  padding-top: 30px;
  padding-bottom: 30px
}
.banner_media h1 {
  margin-bottom: 25px
}
.banner_media h3 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 25px;
  color: #fff;
  font-size: 42px;
  text-transform: uppercase;
  max-width: 1240px;
  width: 100%
}
.banner_media p {
  font-size: 18px;
  line-height: 26px;
  color: #373f41;
  padding: 0 80px;
  text-align: justify
}
.portfolio_ {
  background-color: #fdf2df;
  margin-top: 0
}
.portfolio_ h1 {
  margin-bottom: 20px
}
.portfolio_ h4 {
  font-weight: 500;
  font-size: 45px;
  color: #4d4d4d
}
.inner_banner-block {
  position: relative
}
.inner_banner-block::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(28, 28, 28, .65) 25%, rgba(28, 28, 28, 0) 72.47%)
}
.renewable_content {
  width: 50%;
  padding: 0;
  color: #fff;
  text-align: center
}
.renewable_content h4 {
  font-size: 50px;
  font-weight: 300
}
.renewable_content h4 span {
  font-size: 21px
}
.renewable_content p {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 0
}
.banner_media .retail_txt {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 40px;
  padding: 0 35px
}
.banner_media .retail_txt p {
  padding: 0;
  text-align: justify
}
.harnessing_block p {
  font-size: 18px;
  color: #373f41
}
p.delivering {
  text-transform: uppercase;
  font-size: 18px
}
.harnessing_block {
  padding-top: 60px;
  padding-bottom: 60px
}
.harnessing_block h4 {
  font-size: 30px;
  color: #4d4d4d;
  font-weight: 300;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 20px
}
.harnessing_block h4::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 56px;
  height: 4px;
  background-color: #c09448
}
.businesses_block {
  background-color: #fdf2df;
  padding-top: 50px;
  padding-bottom: 30px
}
.businesses_block h2 {
  font-weight: 400;
  font-size: 65px;
  color: #4d4d4d;
  margin-bottom: 25px
}
.businesses_block p {
  font-weight: 300;
  font-size: 18px;
  color: #373f41
}
.businesses_block .business__box a.explore-btn {
  font-size: 14px;
  padding: 8px 30px 8px 18px;
  display: block
}
.businesses_block h4 {
  font-weight: 500;
  font-size: 30px;
  color: #d2ab67 !important;
  margin-bottom: 0
}
.new_energy_block h2, .products_block h2 {
  font-size: 65px;
  font-weight: 400;
  color: #4d4d4d;
  margin-bottom: 20px
}
.more_btn {
  font-size: 14px;
  color: #fff;
  text-decoration: none;
  border: 1px solid #fff;
  border-radius: 20px;
  display: inline-block;
  padding: 8px 40px 8px 20px;
  position: relative;
  transition: all .5s
}
.more_btn::before {
  background: url(https://cosmicgroup.uirpl.com/images/arrow2.png);
  content: "";
  position: absolute;
  top: 12px;
  right: 18px;
  width: 14px;
  height: 13px;
  transition: all .2s
}
.more_btn:hover {
  background: #fff;
  border: 1px solid #d2ab67;
  color: #d2ab67
}
.more_btn:hover::before {
  background: url(https://cosmicgroup.uirpl.com/images/arrow-gl.png)
}
.products_block {
  background-color: #053c8f;
  padding-top: 50px;
  padding-bottom: 50px
}
.products_block h2 {
  color: #fff;
  margin-bottom: .8rem
}
.products_block h3 {
  font-size: 45px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 0
}
.help i {
  position: absolute;
  right: -11px;
  top: 0;
  background: url(https://cosmicgroup.uirpl.com/images/i-help.png) no-repeat;
  width: 12px;
  height: 12px
}
.video-js {
  border-radius: 6px
}
.renewable_txt h2 {
  font-size: 65px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 25px
}
.renewable_block {
  background-color: #fdf2df;
  padding-top: 60px;
  padding-bottom: 20px
}
.renewable_txt h2 {
  color: #4d4d4d
}
.renewable_txt p {
  font-size: 20px;
  color: #373f41
}
.energy_box .banner_media h3 {
  width: 100%
}
.for-more {
  font-size: 18px;
  color: #373f41;
  margin-top: 20px
}
.for-more a {
  color: #053c8f;
  text-decoration: none
}
.for-more a:hover {
  color: #053c8f
}
.new_energy_block {
  background-color: #053c8f;
  padding-top: 60px;
  padding-bottom: 60px
}
.white_bg {
  background-color: #fff !important
}
.digital_media {
  text-align: left;
  padding-left: 40px;
  padding-right: 40px;
  margin-top: 30px
}
.digital_media h5 {
  color: #4d4d4d;
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 20px
}
.digital_media p {
  font-size: 18px;
  line-height: 26px;
  color: #373f41;
  padding: 0;
  text-align: justify
}
.partner-box {
  background: #fff;
  border-radius: 5px;
  padding: 15px 30px;
  text-align: center
}
.partner-box h2 {
  font-family: JioType;
  font-style: normal;
  font-weight: 500;
  font-size: 35px;
  line-height: 42px;
  letter-spacing: .01em;
  color: #053c8f;
  border-bottom: 1px solid #e6dddd;
  padding-bottom: 15px;
  margin-bottom: 25px
}
.partner-box-logo > div {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 105px;
  margin-bottom: 10px
}
.partner-box-logo p {
  font-family: JioType;
  font-style: normal;
  font-weight: 300;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  letter-spacing: .01em;
  color: #000;
  min-height: 44px
}
.products-block h2 {
  font-family: JioType;
  font-style: normal;
  font-weight: 300;
  font-size: 30px;
  line-height: 40px;
  text-transform: capitalize;
  color: #4d4d4d;
  position: relative
}
.products-block h2::after {
  content: "";
  width: 50px;
  height: 4px;
  display: block;
  background: #c09448;
  border-radius: 50px;
  margin-top: 15px
}
.investor-rel {
  padding: 10px 0
}
.sustainable-block {
  background: linear-gradient(180deg, #f9fced 0, #fdf2df 100%);
  padding: 60px 0
}
.sustainable-block h2 {
  font-size: 65px;
  color: #373f41;
  margin-bottom: 20px
}
.renewable_content p span {
  margin-bottom: 20px;
  display: inline-block;
  line-height: 0
}
.mb-35 {
  margin-bottom: 35px !important
}
.f-right {
  float: right
}
.f-right img {
  margin-left: 35px
}
.leading-india {
  background-color: #fdf2df
}
.leading-india .more-btn {
  background-color: transparent;
  border: 1px solid #2c2c2c;
  color: #2c2c2c;
  margin-top: 0
}
.leading-india .more-btn::before {
  filter: brightness(0) invert(0)
}
.leading-india .more-btn:hover {
  background: #d2ab67;
  border: 1px solid #d2ab67;
  color: #fff
}
.leading-india .more-btn:hover::before {
  filter: brightness(0) invert(1)
}
.leading-india p {
  font-weight: 300;
  font-size: 18px;
  color: #373f41
}
.leading-india h2 {
  font-family: "Playfair Display";
  font-weight: 400;
  font-size: 65px;
  color: #4d4d4d
}
.head-text {
  text-align: center;
  width: 100%;
  margin-bottom: 30px
}
.head-text h4 {
  font-weight: 400;
  font-size: 30px;
  color: #be9244
}
.art-culture .culture_block h2 {
  font-size: 45px
}
.art-culture .culture_block p {
  font-size: 18px;
  line-height: 24px
}
.h-block p {
  font-family: JioType;
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: .01em;
  color: #373f41
}
.bottom-30 {
  bottom: 30px !important
}
.text-justify {
  text-align: justify
}
.text-justify2 {
  text-align: justify !important
}
.diversity-text {
  margin-bottom: 40px
}
@media (min-width:1200px) {
  .navbar-expand-lg .navbar-nav .nav-link.active::before {
    right: 0
  }
  .inner-header.board-header .navbar-light .navbar-nav .nav-link:focus, .inner-header.board-header .navbar-light .navbar-nav .nav-link:hover {
    color: #000 !important;
    text-decoration: none
  }
}
@media (min-width:1366px) {
  .container {
    max-width: 1320px;
    padding-left: 15px;
    padding-right: 15px
  }
}
@media (max-width:1440px) {
  .video-slider video {
    object-fit: cover;
    height: 700px
  }
  .video-banner {
    height: 600px
  }
}
@media (max-width:1366px) {
  #picture, .business-block {
    min-height: 700px
  }
  .video-slider video {
    height: 630px
  }
  .block-1 {
    height: 400px;
    margin-top: 60px
  }
  .block-3 {
    height: 386px
  }
  .block-4 {
    height: 198px
  }
  .block-2 {
    height: 130px
  }
  .block-career .section-title {
    font-size: 75px;
    margin-bottom: 40px
  }
  .RILFound .RILFlexArea .contentBox img {
    margin-bottom: 30px
  }
  .RILFound .RILFlexArea .contentBox a.more-btn {
    margin-top: 10px
  }
  .RILFound .RILFlexArea .contentBox {
    padding: 32px
  }
  .video-banner h1 {
    font-size: 86px;
    line-height: 96px
  }
  .inner_banner-block p, .video-banner p {
    font-size: 42px
  }
  .business-block h2 {
    padding-top: 10px;
    padding-bottom: 10px
  }
  .business-block p {
    font-size: 17px;
    line-height: 24px
  }
  .business-block .more-btn {
    margin-top: 5px
  }
  .business-block h2 {
    font-size: 50px;
    line-height: 74px
  }
  .business-block ul#tabs-nav li {
    height: 70px;
    line-height: 70px
  }
  .business-block ul#tabs-nav li.active, .business-block ul#tabs-nav li:hover {
    font-size: 22px;
    border: none
  }
  .business-block .tabs-block {
    margin-left: 52px
  }
  .business-block p {
    max-width: 410px
  }
  ul.story {
    margin: 0 0 40px
  }
}
@media (max-width:1280px) {
  .leading-india h2, .new_energy_block h2, .products_block h2, h1.heading {
    font-size: 55px
  }
  .renewable_txt h2 {
    font-size: 55px
  }
  .banner_media h3 {
    font-size: 40px
  }
  .portfolio_ h4 {
    font-size: 40px
  }
  .search-box button::before {
    left: -14px
  }
  .business-block p {
    max-width: 550px
  }
  .RILFound .RILFlexArea .contentBox {
    padding: 22px
  }
  .RILFound .RILFlexArea .contentBox p {
    font-size: 20px;
    padding-right: 0
  }
  .about-title {
    font-size: 48px;
    line-height: 54px;
    margin-bottom: 40px
  }
  .business​__block h2 {
    font-size: 65px
  }
  .bg-img {
    width: 542px;
    height: 542px
  }
  .block-investor .section-title {
    margin-bottom: 80px
  }
  .business-block .tabs-block {
    margin-left: 20px
  }
  .business-block h2 {
    font-size: 70px
  }
  .navbar-expand-lg .navbar-nav .nav-item {
    margin-left: 1rem;
    margin-right: 1rem
  }
  .video-content li a {
    font-size: 18px;
    padding: 10px 20px
  }
  .block-investor .section-title, .block.block-news .section-title, .video-content h1 {
    font-size: 70px;
    line-height: 80px
  }
  .business-block ul#tabs-nav li.active, .business-block ul#tabs-nav li:hover {
    font-size: 22px;
    border: none
  }
  .section-title {
    font-size: 65px
  }
  .block-career .section-title {
    font-size: 70px;
    margin-bottom: 40px
  }
  .video-banner h1 {
    font-size: 80px;
    line-height: 90px
  }
  .inner_banner-block p, .video-banner p {
    font-size: 40px
  }
  .name-heading {
    font-size: 40px;
    line-height: 40px
  }
}
@media (max-width:1365px) {
  .video-slider video {
    height: auto
  }
  .video-banner {
    height: auto
  }
  .business-text > div {
    max-width: 200px
  }
  .business​__block h4 {
    font-size: 28px
  }
  .careers__text > div {
    max-width: 202px
  }
  .careers__text > div + div {
    max-width: 125px
  }
  .video-title h4 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 10px;
    padding-bottom: 10px
  }
  .video-title_block {
    left: 30px;
    width: 285px
  }
  .block-2 {
    height: 114px
  }
  .press-txt h4 {
    font-size: 18px;
    line-height: 24px;
    min-height: 95px
  }
  .news-bottom .news-text p {
    min-height: 105px
  }
  .h-block p br {
    display: none
  }
  .block-1 {
    height: 330px
  }
  .block-3 {
    height: 330px
  }
}
@media (max-width:1199px) {
  #picture, .business-block {
    min-height: 600px
  }
  #picture {
    transition: none
  }
  #picture.three {
    background-position: right top
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: static !important
  }
  .dropdown-menu .submenu-block {
    position: relative
  }
  .main-heading2::after, .main-heading::after {
    width: 100%;
    background-color: #e3e1e1
  }
  .dropdown-menu .submenu-block .main-heading {
    padding-bottom: 10px
  }
  .main-heading2::after, .main-heading::after {
    top: 70px
  }
  .main-heading2::after {
    top: 86px
  }
  .video-title h4 {
    font-size: 20px;
    line-height: 28px
  }
  .video-title_block {
    left: 25px;
    width: 250px;
    margin-bottom: 15px
  }
  .banner_media h3 {
    font-size: 30px
  }
  .business​__block.business-block2 .business-text > div {
    max-width: 220px
  }
  .careers__box h4 {
    font-size: 20px
  }
  .careers__text > div {
    max-width: 140px
  }
  .careers__box a.explore-btn {
    font-size: 14px
  }
  .division_text {
    width: 290px;
    margin-left: 15px
  }
  .division_text p {
    font-size: 16px;
    line-height: 22px
  }
  .block-news {
    padding: 50px 0 60px
  }
  .bl-text p br {
    display: none
  }
  .business​__block .row .col-lg-4 {
    width: 50%
  }
  .business-image img {
    width: 100%
  }
  .press-txt h4 {
    min-height: auto
  }
  .press-box img {
    width: auto;
    height: auto
  }
  .rilmoblogo {
    margin-top: -5px
  }
  .submenu-item h4 + ul {
    margin-top: -12px
  }
  .submenu-block h3 {
    font-size: 20px
  }
  .media_block, .new_energy_block {
    padding-top: 50px;
    padding-bottom: 50px
  }
  .renewable_block {
    padding-top: 50px
  }
  .business-text {
    bottom: 15px
  }
  .business__box a.explore-btn:before {
    top: 13px;
    right: 12px
  }
  .art-culture .culture_block h2, .culture_block h2, .foundation-block h2 {
    font-size: 40px
  }
  .foundation-block {
    padding: 30px
  }
  .start_btn > img {
    width: 60px
  }
  .business-text > div + div {
    max-width: 125px;
    flex: 0 0 125px
  }
  .digital_media .row:nth-child(2) > div:first-child {
    order: 1
  }
  .digital_media .row > div, .digital_media .row > div > img {
    width: 100%
  }
  .diversity-block {
    padding-top: 50px
  }
  .harnessing_block .row > div, .harnessing_block .row > div > img {
    width: 100%
  }
  .career-left {
    margin-top: 0
  }
  .block-career {
    padding-bottom: 40px
  }
  .career-text {
    padding-right: 0
  }
  .video-banner h1 {
    font-size: 65px;
    line-height: 70px
  }
  .media_block {
    position: relative
  }
  .rilmoblogo img {
    filter: brightness(0) invert(1)
  }
  .menu-content1, .menu-content2, .menu-content3, .menu-content4 {
    display: none !important
  }
  .inner-header.board-header {
    margin-bottom: 0
  }
  .submenu-item h5 {
    margin-bottom: 0;
    margin-top: 15px
  }
  .menu-content.current {
    display: none !important
  }
  .social-block video {
    width: 100%
  }
  .submenu-item h5 {
    font-size: 15px
  }
  .home-header .navbar-toggler .navbar-toggler-icon {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1)
  }
  .home-header .navbar-toggler[aria-expanded=true] .navbar-toggler-icon, .home-header .navbar-toggler[aria-expanded=true] .navbar-toggler-icon.iconf {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1)
  }
  .news-text {
    padding-right: 0
  }
  .block-1 {
    height: 285px;
    margin-top: 40px
  }
  .block-3 {
    height: 280px
  }
  .block-2 {
    height: 96px
  }
  .block-4 {
    height: 166px
  }
  .video-slider {
    height: auto
  }
  .video-overlay video {
    object-fit: cover
  }
  .video-banner .video-overlay video {
    height: 100%
  }
  .block-investor {
    padding-top: 60px
  }
  .video-box video {
    transform: scale(4)
  }
  .bg-img {
    width: 454px;
    height: 454px
  }
  .about-title {
    font-size: 45px;
    line-height: 50px
  }
  .business​__block h4 {
    font-size: 26px
  }
  .business-text > div {
    max-width: 194px
  }
  .business-text {
    padding: 0 10px
  }
  .business-block ul#tabs-nav li.active, .business-block ul#tabs-nav li:hover {
    font-size: 20px
  }
  .business-block h2 {
    font-size: 65px
  }
  ul.story li {
    font-size: 18px
  }
  .section-title {
    font-size: 65px
  }
  .news-text p {
    font-size: 26px;
    line-height: 34px
  }
  .video-block {
    height: auto
  }
  .acc-content p br {
    display: none
  }
  .menu-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px
  }
  .mob-search img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1)
  }
  .navbar-expand-lg .navbar-nav .nav-link:focus {
    outline: 0;
    border: none;
    box-shadow: none
  }
  .mob-menu {
    display: block !important
  }
  .speech-content h4 {
    font-size: 18px
  }
  .navbar-expand-lg .navbar-nav {
    flex-wrap: wrap
  }
  .top-menu {
    display: none
  }
  .home-header .navbar, .navbar {
    border-top: none
  }
  .video-overlay {
    height: 100%
  }
  main {
    overflow: hidden
  }
  .navbar-collapse {
    align-items: flex-start
  }
  .navbar-expand-lg .navbar-nav .nav-item {
    margin-left: .5rem;
    margin-right: .5rem
  }
  .navbar-expand-lg .navbar-nav > li:first-child {
    margin-left: .5rem
  }
  .submenu-block h3 {
    font-size: 20px
  }
  .submenu-item h4 {
    font-size: 17px;
    margin-bottom: 1rem;
    max-width: 100%
  }
  .submenu-block {
    padding: 20px 0 5px 0
  }
  .inner-header .navbar {
    border-top: none
  }
  .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-text {
    color: #fff
  }
  .dropdown-toggle::after {
    right: 0;
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1)
  }
  .navbar > .navbar-text.serach {
    display: block;
    position: absolute;
    right: 80px;
    top: 15px;
    margin: 0
  }
  .block-career .section-title {
    margin-bottom: 30px;
    font-size: 65px
  }
  .navbar-expand-lg .navbar-collapse {
    position: fixed;
    right: -345px;
    top: 0;
    bottom: 0;
    width: 345px;
    height: 100%;
    min-height: 100vh;
    z-index: 90;
    background-color: #26378d;
    box-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    padding: 60px 15px;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    display: block;
    padding-top: 20px
  }
  .navbar-expand-lg .navbar-collapse.show {
    right: 0;
    display: block !important
  }
  .menu_scroll {
    overflow-y: scroll;
    height: 100%;
    padding-bottom: 45px
  }
  header {
    padding: 15px 0 10px
  }
  .custom-toggler.navbar-toggler {
    border-color: #d2ab67;
    position: absolute;
    top: 10px;
    right: 20px;
    display: block;
    z-index: 99;
    border: none
  }
  .navbar-expand-lg .navbar-nav {
    display: block;
    width: 100%
  }
  ul.navbar-nav > li:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, .3)
  }
  .video-content h1 {
    font-size: 60px;
    line-height: 70px;
    padding-bottom: 15px;
    margin-bottom: 25px;
    margin-top: 0
  }
  .block-investor .section-title, .block.block-news .section-title {
    font-size: 60px;
    line-height: 70px
  }
  .business-block .tabs-block {
    margin-left: 0
  }
  span.navbar-text {
    display: none
  }
  .navbar-toggler .navbar-toggler-icon {
    background-image: url("../images/mob-menu.png");
    background-size: 18px 19px
  }
  .inner-header.board-header .navbar-toggler .navbar-toggler-icon.iconf {
    filter: inherit;
    -webkit-filter: inherit
  }
  .inner-header.board-header .navbar-toggler[aria-expanded=true] .navbar-toggler-icon.iconf, .navbar-toggler[aria-expanded=true] .navbar-toggler-icon {
    background-image: url("../images/close.svg");
    filter: brightness(0) invert(1)
  }
  .inner-header.board-header .navbar-light .navbar-nav .nav-link, .inner-header.board-header .navbar-light .navbar-text {
    color: #fff
  }
  .inner-header.board-header .dropdown-toggle::after {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1)
  }
  .position-nav-static {
    position: relative !important
  }
  .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #fff
  }
  .chairman__title {
    margin-top: 40px
  }
  .RILFound .RILFlexArea .contentBox p {
    font-size: 18px;
    padding: 0;
    line-height: 23px
  }
  .RILFound .RILFlexArea .contentBox {
    padding: 15px
  }
  .RILFound {
    background: #fdf2df;
    padding: 70px 0
  }
  .RILFound .RILFlexArea .contentBox img {
    margin-bottom: 20px;
    max-width: 260px
  }
  .nav-link.show.dropdown-toggle::after {
    transform: rotate(180deg)
  }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .video-banner h1 {
    font-size: 60px;
    line-height: 65px;
    padding-right: 0
  }
}
@media (max-width:1024px) {
  .release_block h1 {
    font-size: 40px
  }
  .businesses-back::before {
    background: rgba(0, 0, 0, .55);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
  }
  .title {
    font-size: 28px
  }
  .inner_banner-block p, .video-banner p {
    font-size: 25px
  }
  .name-heading {
    font-size: 35px;
    line-height: 35px
  }
}
@media (max-width:991px) {
  .main-heading::after {
    top: 50px
  }
  .news-text {
    min-height: 151px
  }
  .business​__block.business-block2 .business-text > div {
    max-width: 190px
  }
  .news-media .press-txt h4 {
    min-height: 96px
  }
  .press-txt {
    padding: 15px
  }
  .block-investor .container .row .col-lg-3 {
    order: 1
  }
  .block-investor .container .row .col-lg-9 {
    order: 2
  }
  .about-energy span {
    display: block;
    margin-bottom: 8px;
    margin-top: 8px
  }
  .about-energy .custom_btn {
    border-radius: 22px;
    padding: 8px 20px
  }
  .main-title {
    margin-bottom: 25px
  }
  .block-investor .section-title {
    margin-bottom: 50px
  }
  .views-element-container + .views-element-container .press-block h1.heading.mb-5 {
    display: none
  }
  .press-txt h4 {
    min-height: 72px
  }
  .block.block-news .section-title {
    font-size: 55px
  }
  .navbar-brand {
    margin-right: 0
  }
  .press-block {
    margin-top: 30px
  }
  .right-txt {
    margin-left: 0
  }
  .banner_media h3 {
    max-width: 680px
  }
  .harnessing_block ul > li:last-child {
    margin-bottom: 0
  }
  .harnessing_block .row > div:first-child {
    margin-bottom: 12px
  }
  .bs_block {
    padding-top: 50px
  }
  .careers__image img {
    width: 100%
  }
  .media_block .banner_media .retail_txt {
    padding: 0
  }
  .portfolio_.media_block .row .col-12.mb-5:last-child {
    margin-bottom: 0 !important
  }
  .banner_media .retail_txt p, .banner_media p {
    padding: 0 30px
  }
  .digital_media {
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 0
  }
  .contact-main {
    margin-top: 40px
  }
  .digital_media h5 {
    font-size: 25px
  }
  .products_block h3 {
    font-size: 40px
  }
  .main-heading {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 15px
  }
  footer .subscribe button {
    height: 38px
  }
  .social-menu li {
    margin: 0 3px
  }
  .banner_media .retail_txt {
    display: block;
    padding: 0 30px
  }
  .banner_media .retail_txt p {
    text-align: left
  }
  .banner_media .retail_txt > div:last-child p:last-child {
    margin-bottom: 0
  }
  .banner_media h3 {
    bottom: 10px
  }
  .media_block {
    padding: 50px 0
  }
  .diversity-block .diversity-text p {
    line-height: 24px
  }
  .business-block2 p {
    max-width: 585px;
    margin: 0 auto 30px;
    width: 100%;
    line-height: 24px
  }
  .diversity-block h4 {
    font-size: 25px
  }
  .diversity-block {
    padding-top: 50px
  }
  .careers__text > div {
    max-width: 182px
  }
  .businesses_block h4, .harnessing_block h4 {
    font-size: 25px
  }
  .business-text > div + div {
    max-width: 120px;
    flex: 0 0 120px
  }
  .harnessing_block {
    padding: 50px 0
  }
  .businesses_block h2, .business​__block h2, .diversity-block h2, .sustainable-block h2 {
    font-size: 50px;
    line-height: 55px
  }
  .businesses_block p {
    padding: 0 !important
  }
  .sustainable-block {
    padding: 50px 0
  }
  .head-text h4 {
    font-size: 25px
  }
  .head-text {
    margin-bottom: 0
  }
  .leading-india h2, .new_energy_block h2, .products_block h2, h1.heading {
    font-size: 50px
  }
  .search-box {
    width: 80%;
    margin: 0 auto
  }
  .social-block video {
    margin-top: 15px
  }
  .social-block video {
    width: 100%;
    margin-top: 0
  }
  .business-block p {
    line-height: 24px
  }
  .business-block p {
    max-width: 400px
  }
  .social-block video {
    margin-top: 0;
    text-align: left
  }
  .video-text p {
    margin-bottom: 10px;
    font-size: 20px
  }
  .video-icon img {
    width: 45px
  }
  .block-investor .section-title, .block.block-news .section-title {
    font-size: 50px;
    line-height: 55px
  }
  .block-career .section-title {
    font-size: 45px;
    margin-bottom: 20px
  }
  .career-left p {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 15px
  }
  .career-left p br {
    display: none
  }
  .block-career {
    padding-bottom: 50px
  }
  .button .btn-custom {
    letter-spacing: normal;
    padding: 12px 12px;
    font-size: 14px
  }
  .button .btn-custom::after {
    margin-left: 0
  }
  .block-1 {
    height: 210px;
    margin-top: 60px
  }
  .block-3 {
    height: 215px;
    margin-top: 27px
  }
  .block-2 {
    height: 72px
  }
  .block-4 {
    height: 122px
  }
  .block-2 {
    height: 70px
  }
  .news-rows {
    grid-template-columns: 350px 1fr
  }
  .speech-box {
    padding: 20px 15px
  }
  ul.story {
    margin: 0 0 40px
  }
  .about-title {
    font-size: 25px;
    line-height: 35px
  }
  .business​__block {
    padding-top: 50px;
    padding-bottom: 30px
  }
  .business​__block h4, .careers__box h4 {
    font-size: 25px;
    line-height: 30px
  }
  .business​__block h2 {
    margin-bottom: 25px !important
  }
  .careers__box a.explore-btn {
    font-size: 14px
  }
  .banner-hide {
    display: none
  }
  .logo-show {
    display: block
  }
  .nav-shadow {
    box-shadow: 0 0 7px rgba(0, 0, 0, .25)
  }
  .inner-header.about-header.nav-shadow {
    box-shadow: none
  }
  .inner-header.board-header {
    margin-bottom: 0
  }
  .inner-header.board-header .serach img {
    filter: inherit;
    -webkit-filter: inherit
  }
  .inner-header.board-header .iconf {
    filter: inherit;
    -webkit-filter: inherit
  }
  .inner-header.board-header .navbar-toggler[aria-expanded=true] .navbar-toggler-icon {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1)
  }
  .section-title {
    font-size: 50px
  }
  .news-text p {
    font-size: 22px;
    line-height: 28px;
    min-height: 80px
  }
  .block-news {
    padding: 60px 0 60px
  }
  .business-block h2 {
    font-size: 50px;
    line-height: 58px
  }
  .block-investor .section-title {
    margin-bottom: 15px
  }
  .business-block ul#tabs-nav li {
    padding: 20px 0;
    height: auto;
    line-height: inherit
  }
  .business-block .video-box video {
    transform: scale(2)
  }
  .businesses-content {
    padding: 20px
  }
  .title {
    padding: 0 30px
  }
  .career-right {
    margin-top: 30px
  }
  .copyright, .copyright ul {
    text-align: center
  }
  .block-news .row {
    margin-left: calc(var(--bs-gutter-x) * -.5);
    margin-right: calc(var(--bs-gutter-x) * -.5)
  }
  .block-news .row > div {
    padding-left: calc(var(--bs-gutter-x) * .5);
    padding-right: calc(var(--bs-gutter-x) * .5)
  }
  .RILFound .RILFlexArea .contentBox {
    padding: 10px;
    width: 40%
  }
  .RILFound .RILFlexArea .contentBox img {
    margin-bottom: 0;
    max-width: 170px
  }
  .RILFound .RILFlexArea .contentBox a.more-btn {
    margin-top: 0
  }
  .RILFound .RILFlexArea .contentBox p {
    font-size: 15px;
    padding: 0;
    line-height: 20px
  }
  .RILFound {
    padding: 50px 0
  }
}
@media (max-width:820px) {
  .video-banner h1 {
    font-size: 50px;
    line-height: 55px
  }
}
@media (max-width:768px) {
  .businesses-back {
    margin-top: 25px
  }
  .release_block {
    padding-top: 20px;
    padding-bottom: 20px
  }
}
@media (max-width:767px) {
  .release_block h1 {
    font-size: 35px
  }
  .release_block .social-block {
    justify-content: flex-start
  }
  .release_block {
    padding-bottom: 30px
  }
  .news-media .press-txt h4 {
    min-height: auto
  }
  .division_text {
    width: 100%
  }
  .division_img {
    width: 100px
  }
  .division_img img {
    width: 90px
  }
  .main-title {
    margin-bottom: 15px;
    font-size: 32px;
    line-height: 40px
  }
 
  .business​__block .row .col-lg-4:last-child .business__box {
    margin-bottom: 0
  }
  .business​__block .row .col-lg-4 {
    width: 100%
  }
  .id-image {
    float: none;
    width: 100%;
    margin: 0
  }
  .press-block h1.heading.mb-5 {
    margin-bottom: 1.5rem !important
  }
  .views-element-container header {
    margin-top: 30px
  }
  .press-box {
    margin-top: 0
  }
  .press-txt h4 {
    font-size: 15px;
    line-height: 22px
  }
  .press-txt h4 {
    margin-bottom: 10px
  }
  .block.block-news .section-title {
    font-size: 35px
  }
  .speech-content h4, .speech-content h4 span {
    font-size: 15px;
    line-height: 22px
  }
  .speech-content h4 span {
    margin-bottom: 5px
  }
  .inner-header.about-header {
    position: relative
  }
  .harnessing_block {
    padding-top: 30px;
    padding-bottom: 30px
  }
  .foundation-block {
    padding: 20px
  }
  .foundation-block img {
    width: 190px
  }
  .art-culture .culture_block p, .foundation-block p, .h-block p {
    font-size: 15px;
    line-height: 24px
  }
  .art-culture .culture_block h2, .culture_block h2, .foundation-block h2 {
    font-size: 30px;
    margin-bottom: 10px
  }
  .foundation-block p.mb-5 {
    margin-bottom: 1.5rem !important
  }
  .culture_block {
    padding: 20px
  }
  .chairman-video .video-title_block {
    text-align: left;
    margin-bottom: 10px;
    left: 30px;
    width: 184px
  }
  .chairman-video {
    padding-top: 30px;
    padding-bottom: 30px
  }
  .chairman-video .video-title h4 {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 8px;
    padding-bottom: 8px
  }
  .chairman-video .video-title p {
    font-size: 12px;
    line-height: 12px
  }
  .accordion-button {
    padding: .7rem 1rem
  }
  .block-search {
    padding: 30px 0
  }
  .about-energy {
    margin-top: 30px
  }
  .about-energy a.more-btn {
    margin-top: 5px
  }
  .about-energy {
    margin-top: 30px;
    font-size: 18px
  }
  .banner_media h1 > img {
    max-width: 160px
  }
  .social-block {
    justify-content: center;
    margin-top: 15px;
    margin-bottom: 15px
  }
  .renewable_txt h2 {
    margin-bottom: 15px
  }
  .media_block, .new_energy_block {
    padding-top: 30px;
    padding-bottom: 30px
  }
  .text-width {
    display: none
  }
  .banner_media .retail_txt p {
    padding: 0 15px
  }
  .bs_block, .businesses_block {
    padding-top: 30px
  }
  .inner_banner-block {
    display: none
  }
  .banner_media p, .digital_media {
    padding: 0 10px
  }
  .media_block .banner_media {
    padding: 20px 0
  }
  .harnessing_block h4 {
    font-size: 20px
  }
  .portfolio_.media_block .row .col-12.mb-5 {
    margin-bottom: 2rem !important
  }
  .portfolio_ h4 {
    font-size: 25px
  }
  .renewable_block {
    padding-top: 30px
  }
  .banner_media p {
    text-align: left !important
  }
  .digital_media h5 {
    font-size: 20px
  }
  .banner_media {
    padding: 20px
  }
  .harnessing_block p {
    font-size: 15px;
    line-height: 24px
  }
  .contact-main {
    margin-top: 0;
    margin-bottom: 30px
  }
  ul.location li {
    font-size: 15px;
    display: block;
    width: 100%
  }
  .products_block h3 {
    font-size: 25px
  }
  .products_block {
    padding-top: 30px;
    padding-bottom: 30px
  }
  .inner-header .navbar-brand img.logo {
    height: 36px !important
  }
  .banner_media {
    padding-top: 15px
  }
  .banner_media h1 {
    margin-bottom: 15px
  }
  .banner_media h1 {
    margin-bottom: 20px
  }
  .banner_media .retail_txt {
    padding: 0 20px
  }
  .banner_media h3 {
    font-size: 24px;
    margin: 0;
    padding: 0 8px
  }
  .banner_media {
    padding-top: 20px
  }
  .media_block {
    padding: 30px 0
  }
  .for-more {
    font-size: 15px
  }
  .business-text, .careers__text {
    align-items: center
  }
  .business-block2 .business__box a.explore-btn, .careers__box a.explore-btn {
    font-size: 12px
  }
  .business-text > div + div {
    max-width: 114px;
    flex: 0 0 114px
  }
  .business​__block h4, .careers__box h4 {
    font-size: 20px;
    line-height: 24px
  }
  .business-block2 p, .career-left p, .diversity-block .diversity-text p {
    font-size: 15px;
    line-height: 22px
  }
  .careers__box {
    margin-top: 0;
    margin-bottom: 20px
  }
  .businesses_block h4, .diversity-block h4 {
    font-size: 20px
  }
  .businesses_block p {
    margin-bottom: 0
  }
  .diversity-block {
    padding-top: 30px
  }
  .business-block2 p {
    margin-bottom: 30px
  }
  .diversity-text {
    margin-bottom: 30px
  }
  .businesses_block p {
    font-size: 15px;
    line-height: 22px
  }
  .culture_block li, .foundation-text li, .harnessing_block li {
    font-size: 15px
  }
  .video-slider .video-overlay .video-desk {
    display: none
  }
  .businesses_block p {
    text-align: left
  }
  .businesses_block h2, .diversity-block h2, .leading-india h2, .new_energy_block h2, .products_block h2, h1.heading {
    font-size: 35px;
    line-height: 42px
  }
  .businesses_block h2 {
    margin-bottom: 15px
  }
  .bottom-30 {
    bottom: 15px !important
  }
  .career-text {
    padding-right: 0
  }
  .video-banner h1 {
    font-size: 40px;
    line-height: 45px
  }
  .banner_media p {
    font-size: 15px;
    line-height: 22px
  }
  .head-text h4 {
    font-size: 22px;
    line-height: 30px
  }
  .head-text {
    margin-bottom: 0;
    padding: 20px 10px 0
  }
  .video-banner h1 {
    margin-bottom: 20px
  }
  .sustainable-block h2 {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 10px
  }
  .sustainable-block {
    padding: 30px 0
  }
  .d-desk {
    display: none !important
  }
  .d-mob {
    display: block !important
  }
  .chairman__title {
    margin-top: 25px
  }
  .video-slider .video-overlay video {
    height: auto
  }
  .search-box {
    width: 90%
  }
  .navbar-expand-lg .navbar-collapse {
    width: 100%;
    left: 100%;
    right: inherit
  }
  .navbar-nav .container {
    max-width: 100%
  }
  .navbar-expand-lg .navbar-collapse.show {
    right: inherit;
    left: 0
  }
  .RILFound .contentImg img {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 0;
    object-fit: cover
  }
  #picture::before {
    background: rgba(0, 0, 0, .55)
  }
  .video-content li a {
    font-size: 15px;
    padding: 8px 14px
  }
  .video-content ul {
    margin-top: 30px !important
  }
  header {
    padding: 10px 0 0
  }
  header.home-header {
    padding: 20px 0 0
  }
  header.home-header .navbar > .navbar-text.serach {
    top: 25px
  }
  header.home-header .custom-toggler.navbar-toggler {
    top: 20px
  }
  .about-title {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 15px
  }
  .business​__block h2 {
    font-size: 40px;
    line-height: 50px
  }
  .business​__block h2 {
    margin-bottom: 20px
  }
  .business​__block {
    padding-top: 30px;
    padding-bottom: 30px
  }
  .business__box {
    margin-bottom: 20px
  }
  .business-image img {
    width: 100%
  }
  .business-text > div {
    max-width: 320px
  }
  .businesses-content {
    z-index: 2
  }
  #picture.one {
    background-position: center center
  }
  .business-block {
    min-height: auto
  }
  .speech-box {
    padding: 15px;
    border-bottom: 1px solid #e6e6e6
  }
  .businesses-back {
    margin-top: 20px
  }
  .board-box > a {
    font-size: 18px
  }
  footer .social-menu {
    justify-content: center;
    margin-top: 0
  }
  .video-content {
    top: 52%;
    width: auto
  }
  .video-content h1 {
    font-size: 50px;
    line-height: 60px;
    padding-bottom: 15px;
    margin-bottom: 10px;
    margin-top: 0
  }
  .video-content h1:before {
    width: 170px;
    height: 2px
  }
  .video-content li, .video-content p {
    font-size: 22px
  }
  .news-text-wrap, ul.story {
    margin: 0 0 20px
  }
  ul.story li {
    flex: 0 0 100%;
    margin-left: 0
  }
  .search-box button {
    width: 60px
  }
  #picture {
    height: auto;
    padding: 60px 0;
    min-height: auto
  }
  .business-block ul#tabs-nav li {
    height: auto;
    line-height: 58px
  }
  .block-career::after, .block-investor::after, .block-video::before {
    height: 90px
  }
  .block-video {
    padding: 90px 0 0
  }
  .block-investor {
    padding-bottom: 90px
  }
  footer .subscribe button {
    width: 100px
  }
  .document-box {
    padding: 0;
    margin-top: 20px
  }
  .title {
    font-size: 20px;
    padding: 0
  }
  .career_btn li {
    display: block
  }
  .career_btn li:not(:last-child) {
    margin-right: 0;
    margin-bottom: 15px
  }
  .button > a {
    margin-bottom: 15px
  }
  .block-career .section-title, .business-block h2, .section-title {
    font-size: 48px
  }
  .block-investor .section-title {
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 40px
  }
  .news-text p {
    font-size: 15px;
    line-height: 22px;
    min-height: inherit;
    margin-top: 15px;
    margin-bottom: 0
  }
  .news-bottom {
    margin-top: 0
  }
  .logo2 img {
    width: 230px
  }
  .career-left p br {
    display: none
  }
  .video-block {
    height: auto;
    overflow: hidden
  }
  .video-bg {
    background-image: url(https://cosmicgroup.uirpl.com/images/mob-video-bg.png)
  }
  .news-rows {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse
  }
  .news-rows > div {
    flex: 0 0 100%;
    max-width: 100%
  }
  .video-box video {
    transform: scale(4)
  }
  .business-block .container .col-md-4 {
    display: none
  }
  .business-block .tab-content {
    display: block !important
  }
  .acc-content, .business-block h3, .business-block h6, .business-block p br {
    display: none
  }
  .business-block h3, .business-block h6 {
    font-size: 30px;
    font-family: "Playfair Display", serif;
    text-transform: none
  }
  .business-block h3::before, .business-block h6::before {
    top: 4px
  }
  .business-block h2 {
    font-size: 18px;
    line-height: 20px;
    border-bottom: 1px solid #dfdfdf;
    position: relative;
    padding: 0 0 30px;
    font-family: JioType;
    font-weight: 400;
    text-transform: uppercase
  }
  .business-block h2 a {
    color: #fff
  }
  .business-block h2::after {
    content: "";
    width: 12px;
    height: 5px;
    background: url(https://cosmicgroup.uirpl.com/images/arrow-menu.png) no-repeat center;
    position: absolute;
    top: 10px;
    right: 0;
    display: none
  }
  .business-block p {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 15px;
    max-width: 100%
  }
  .acc-content {
    margin: 20px 0
  }
  .business-block .more-btn {
    margin-top: 5px
  }
  .business-block #tabs-content > div:first-child h6 {
    display: block;
    margin-bottom: 40px
  }
  ul.story {
    background: #063376;
    border-radius: 12px;
    padding: 10px 15px;
    justify-content: space-between
  }
  ul.story li.current {
    color: #d2ab67
  }
  ul.story li.current::before {
    height: 3px;
    width: 100%
  }
  ul.story li {
    flex: 0 0 auto;
    font-size: 15px;
    margin: 0;
    padding: 8px 0
  }
  ul.story li::before {
    top: inherit;
    bottom: -10px;
    border-radius: 10px;
    background-color: transparent
  }
  .block-news {
    padding: 60px 0 0
  }
  .block-news .section-title {
    font-size: 30px;
    margin-bottom: 15px
  }
  .news-bottom .news-text p {
    font-size: 15px;
    line-height: 22px;
    min-height: inherit;
    margin: 0
  }
  .footer-nav {
    padding: 5px 0 30px
  }
  .footer-nav li a, .footer-nav-title a, footer h4, footer h5 {
    font-size: 14px
  }
  .subscribe-title, footer .subscriptions_block h4, footer .subscriptions_block h5 {
    text-align: center;
    font-size: 14px
  }
  footer ul {
    display: none
  }
  .footer-nav .row > div > .footer-wrap:not(:last-child) {
    margin-bottom: 0
  }
  .footer-wrap h5 {
    padding: 17px 0;
    margin: 0;
    position: relative
  }
  .footer-wrap h5::after, .footer-wrap h5::before {
    content: "";
    width: 14px;
    height: 2px;
    background: #000;
    position: absolute;
    right: 15px;
    top: 23px
  }
  .footer-wrap h5::after {
    transform: rotate(90deg)
  }
  .footer-nav .row > div > .footer-wrap {
    border-bottom: 1px solid #565656
  }
  .block-investor {
    padding-top: 60px
  }
  .news-text-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px
  }
  .news-text-wrap .news-image {
    margin-bottom: 15px
  }
  .news-text {
    margin-bottom: 10px;
    padding-bottom: 15px;
    min-height: auto
  }
  .block-career::after, .block-investor::after, .block-video::before {
    background-size: cover
  }
  .block-career .section-title {
    font-size: 40px
  }
  .block {
    padding: 40px 0
  }
  .block-1 {
    height: 150px;
    margin-bottom: 0;
    margin-top: 53px
  }
  .block-2 {
    height: 48px
  }
  .block-3 {
    height: 135px;
    margin-top: 32.5px
  }
  .block-4 {
    height: 82px
  }
  .career-block {
    position: absolute;
    right: 20px;
    bottom: 40px;
    width: 230px
  }
  .block-career {
    padding-bottom: 95px
  }
  .block.block-video {
    padding-bottom: 40px;
    padding-top: 40px
  }
  .career-right img {
    width: 170px !important;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1
  }
  .button .btn-custom {
    font-size: 13px;
    padding: 10px 12px;
    display: block;
    max-width: 160px
  }
  .video-text .section-title {
    font-size: 31px;
    margin-bottom: 5px
  }
  .video-text p {
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 400
  }
  .copyright ul {
    display: block;
    margin-bottom: 10px
  }
  .copyright li a {
    color: #000;
    font-size: 13px;
    font-weight: 300;
    font-family: JioType
  }
  .copyright li:not(:last-child)::after {
    content: "|";
    font-weight: 500;
    padding-left: 5px
  }
  .copyright li {
    margin-right: 10px;
    padding: 5px 0
  }
  .copyright {
    font-size: 13px;
    font-weight: 300
  }
  .copyright .container .col-lg-7 {
    order: 1
  }
  .copyright .container .col-lg-5 {
    order: 2
  }
  .bord-top {
    border-top: none
  }
  .copyright {
    padding-top: 0
  }
  footer .subscribe {
    box-shadow: none;
    margin-bottom: 20px
  }
  .social-items {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #c5c5c5
  }
  .footer-logo {
    position: static;
    transform: translateX(0)
  }
  footer .subscribe {
    box-shadow: none;
    margin-bottom: 15px
  }
  .footer-logo img {
    display: none
  }
  .social-items {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #c5c5c5;
    margin-bottom: 20px
  }
  .social-menu li {
    margin: 0 7px
  }
  .social-menu li a {
    width: 32px;
    height: 32px
  }
  .footer-logo img {
    width: 67px
  }
  .cd-top {
    height: 38px;
    width: 38px;
    bottom: 10px
  }
  .search-box button::before {
    left: -15px
  }
  .search-box button {
    height: 40px
  }
  .search-box button::before {
    border-left: 16px solid transparent;
    border-bottom: 40px solid #be9244
  }
  .search-box button:hover::before {
    border-bottom: 40px solid #053c8f
  }
  .search-box button {
    background-size: 12px
  }
  .video-banner h1 {
    padding-right: 0
  }
  .inner_banner-block p, .video-banner p {
    font-size: 24px
  }
  .name-heading {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 20px
  }
  .RILFound .RILFlexArea {
    flex-direction: column
  }
  .RILFound .RILFlexArea .contentBox {
    padding: 24px;
    width: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0
  }
  .RILFound .contentImg {
    height: auto;
    overflow: inherit;
    width: 100%
  }
  .RILFound .RILFlexArea .contentBox a.more-btn {
    margin-top: 0
  }
  .inner-header.about-header.nav-shadow {
    box-shadow: 0 0 7px rgba(0, 0, 0, .25)
  }
  .inner-header.about-header .serach img {
    filter: brightness(1) invert(0);
    -webkit-filter: brightness(1) invert(0)
  }
  .inner-header.about-header .iconf {
    filter: brightness(1) invert(0);
    -webkit-filter: brightness(1) invert(0)
  }
  .inner-header.about-header .navbar-toggler[aria-expanded=true] .navbar-toggler-icon {
    filter: brightness(0) invert(1)
  }
  .video-mob {
    display: block
  }
}
@media (max-width:575px) {
  .video-bg {
    max-width: 575px
  }
  .banner_media h3 {
    font-size: 20px
  }
  .banner_media h3 {
    position: initial;
    transform: initial;
    color: #4d4d4d
  }
  .custom_btn {
    padding: 8px 20px
  }
  .division_text p {
    font-size: 15px;
    line-height: 22px
  }
  .speech-content {
    flex: 0 0 auto;
    max-width: 100%
  }
  .mb-60 {
    margin-bottom: 30px
  }
  .back-img {
    padding: 30px 0
  }
  .back-img.board-block {
    padding: 0
  }
  .board-box > a {
    font-size: 15px;
    line-height: 20px
  }
  .board-box {
    margin-top: 20px;
    margin-bottom: 20px
  }
  img.next, img.prev {
    height: 28px
  }
  .block-career .section-title {
    font-size: 35px;
    margin-bottom: 10px
  }
  .block {
    padding: 30px 0
  }
  .career-right img {
    width: 200px !important;
    right: 40px
  }
  .block-video {
    padding-bottom: 0
  }
  .career-block {
    bottom: 30px
  }
  .business-block h2 {
    padding: 0 0 20px
  }
  .video-banner {
    height: 350px
  }
  .video-banner p {
    font-size: 20px
  }
  h1.heading br {
    display: none
  }
}
@media (max-width:480px) {
  .release_block h1 {
    font-size: 32px
  }
  .video-bg {
    max-width: 480px
  }
  .top-image .w-100.img-fluid {
    height: 240px;
    object-fit: cover
  }
  .press-txt h4 {
    margin-bottom: 10px
  }
  #picture {
    background-position: center center
  }
  #picture.one {
    background-image: url(https://cosmicgroup.uirpl.com/images/retail-mobile.jpg)
  }
  #picture.two {
    background-image: url(https://cosmicgroup.uirpl.com/images/digital-services-mobile.jpg)
  }
  #picture.three {
    background-image: url(https://cosmicgroup.uirpl.com/images/media-entertainment-mobile1.jpg);
    background-position: center top
  }
  #picture.four {
    background-image: url(https://cosmicgroup.uirpl.com/images/petrochemicals-mobile.jpg)
  }
  #picture.five {
    background-image: url(https://cosmicgroup.uirpl.com/images/energy_mobile.jpg)
  }
  #picture.six {
    background-image: url(https://cosmicgroup.uirpl.com/images/new-energy-mobile.jpg)
  }
  .mob-banner {
    display: block !important
  }
  .desk-banner {
    display: none !important
  }
  .bg-img {
    width: 400px;
    height: 400px
  }
  .business​__block h2 {
    font-size: 40px;
    line-height: 45px
  }
  .about h1 {
    width: 100%
  }
  .block-news {
    padding: 30px 0 0
  }
  #picture {
    padding: 40px 0
  }
  .custom-toggler.navbar-toggler {
    right: 5px
  }
  .navbar > .navbar-text.serach {
    right: 60px
  }
  .career-right img {
    width: 170px !important;
    right: 36px
  }
  .about-title {
    font-size: 25px;
    line-height: 30px
  }
  .business​__block h2 {
    font-size: 35px
  }
  .home-header .navbar-brand img.logo {
    height: 55px
  }
  .career-block {
    width: 170px;
    right: 8px
  }
  .block-3 {
    height: 106px
  }
  .block-1 {
    height: 115px;
    margin-top: 50px
  }
  .block-2 {
    height: 36px
  }
  .block-4 {
    height: 63px
  }
  .RILFound {
    padding: 40px 0
  }
  .name-heading {
    line-height: 36px
  }
  .career-left p {
    margin-bottom: 1rem
  }
}
@media (max-width:440px) {
  .business​__block h2 {
    margin-bottom: 15px !important
  }
  .division_img {
    width: 85px
  }
  ul.story li span {
    display: block
  }
  ul.story {
    align-items: center
  }
  ul.story li {
    line-height: 18px
  }
  .board-box > a {
    font-size: 14px
  }
  img.next {
    margin-left: 5px
  }
  img.prev {
    margin-right: 5px
  }
  .career-right img {
    right: 20px
  }
  .bg-img {
    width: 330px;
    height: 330px
  }
  .business-text > div {
    max-width: 196px
  }
  .video-text .section-title {
    font-size: 28px;
    line-height: 38px
  }
  ul.story {
    padding: 5px 12px
  }
  ul.story li::before {
    bottom: -10px
  }
  .video-banner {
    height: 280px
  }
  .video-banner p {
    font-size: 18px
  }
  .btn-custom2::before {
    top: 10px;
    right: 9px
  }
  .video-bg {
    max-width: 440px
  }
}
@media (max-width:428px) {
  .video-bg {
    max-width: 428px
  }
}
@media (max-width:414px) {
  .video-bg {
    max-width: 414px
  }
  .close-button1, .close-button2 {
    right: 10px;
    top: 10px
  }
}
@media (max-width:393px) {
  .board-box > a.prev_btn {
    padding-left: 35px
  }
  .board-box > a.next_btn {
    padding-right: 35px
  }
  .name-heading {
    margin-bottom: 10px
  }
  .career-right img {
    right: 5px
  }
  ul.story li {
    font-size: 14px
  }
  .video-banner {
    height: 260px
  }
  .video-bg {
    max-width: 390px
  }
  .block-career .career-left p {
    margin-bottom: 30px
  }
  .block-career .block-3 {
    height: 100px
  }
  .block-career .block-1 {
    height: 110px
  }
}
@media (max-width:375px) {
  .video-bg {
    max-width: 375px
  }
  .board-box > a {
    font-size: 13px
  }
  .submenu-item h4 {
    font-size: 16px
  }
  .close-button1, .close-button2 {
    width: 12px;
    right: 5px;
    top: 0
  }
}
@media (max-width:360px) {
  .video-bg {
    max-width: 360px
  }
  .board-box > a {
    font-size: 12px
  }
  .chairman-video .video-title_block {
    left: 20px
  }
  .business-text > div {
    max-width: 190px
  }
  .business-text > div:not(:last-child) {
    margin-bottom: 10px
  }
  .career-right img {
    right: -7px
  }
  ul.story li {
    font-size: 13px
  }
}
@media (max-width:330px) {
  .video-bg {
    max-width: 330px
  }
  .businesses-content {
    padding: 8px
  }
  .business-explore {
    margin-top: 10px
  }
}
@keyframes blink {
  from {
    opacity: 1
  }
  to {
    opacity: 0
  }
}
.navbar.navbar-expand-lg .navbar-nav .nav-item {
  margin-right: 3px
}
ul.story li a {
  color: #fff
}
.navbar .nav-item .dropdown-menu.active, .top-menu .nav-item .dropdown-menu.active {
  display: block
}
.top-menu .nav-item .dropdown-menu.active {
  min-width: 42rem;
  right: 0;
  box-shadow: none;
  z-index: 9999
}
.career-left .btn-custom:focus, .career-left .btn-custom:focus-visible {
  outline: 2px solid #000
}
.speech-icon {
  margin: 2px 0 0 0
}
.speech-icon img {
  width: 20px;
  height: auto
}
.speech-icon a {
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url(https://cosmicgroup.uirpl.com/images/speech-icon.svg) no-repeat center;
  background-size: 100%
}
.speech-icon a.speech-active {
  background: url(https://cosmicgroup.uirpl.com/images/speech-icon-active.svg) no-repeat center;
  background-size: 100%
}
.about-header .speech-icon a.speech-active, .home-header .speech-icon a.speech-active {
  filter: brightness(1) invert(0);
  -webkit-filter: brightness(1) invert(0)
}
.about-header .speech-icon a, .home-header .speech-icon a {
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1)
}
.speech-icon.mobile {
  display: none
}
@media (min-width:1200px) and (max-width:1365px) {
  .navbar.navbar-expand-lg .navbar-nav .nav-item {
    margin-right: .5rem;
    margin-left: .5rem
  }
  .navbar.navbar-expand-lg .navbar-nav .nav-item:first-child {
    margin-left: 0
  }
}
@media (max-width:1199px) {
  .about-header .speech-icon a {
    filter: brightness(1) invert(0);
    -webkit-filter: brightness(1) invert(0)
  }
  .speech-icon {
    display: none
  }
  .speech-icon.mobile {
    display: block;
    margin: 0;
    position: absolute;
    right: 102px;
    top: 12px
  }
}
.carousel.fade {
  opacity: 1;
  transition: opacity .5s
}
.carousel.fade .carousel-inner .carousel-item {
  opacity: 0;
  transition: opacity .5s
}
.carousel.fade .carousel-inner .carousel-item.active {
  opacity: 1
}
.cd-top {
  display: inline-block;
  height: 51px;
  width: 50px;
  position: fixed;
  bottom: 50px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .05);
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: url(https://cosmicgroup.uirpl.com/images/slide-arrow.png) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s
}
.RILFound .RILFlexArea .contentBox p, .footer-nav li a, .news-text p, .news-text p a, .submenu-block h3, .submenu-item h4 a, .submenu-item ul li a {
  color: #000 !important
}
#picture:before {
  background: radial-gradient(30.38% 41.37% at 50.63% 51.67%, rgba(0, 0, 0, .25) 0, rgba(0, 0, 0, .75) 59.21%)
}
.business-block ul#tabs-nav li.active, .business-block ul#tabs-nav li:hover {
  font-size: 18px
}
@media (max-width:1400px) {
  .business-block ul#tabs-nav li.active, .business-block ul#tabs-nav li:hover {
    font-size: 18px
  }
}
@media (max-width:1199px) {
  .business-block ul#tabs-nav li.active, .business-block ul#tabs-nav li:hover {
    font-size: 18px
  }
  .business-block ul#tabs-nav li {
    font-size: 17px
  }
  .navbar-expand-lg .navbar-collapse {
    display: block !important
  }
}
@media screen and (max-width:991px) {
  .video-icon img {
    width: 35px !important
  }
}
@media screen and (max-width:767px) {
  .navbar-brand {
    display: inline-block
  }
}
.energy_box {
  margin-bottom: 0
}
@media (max-width:767px) {
  .energy_box {
    margin-bottom: 0
  }
}
.for-more a {
  text-decoration: underline !important
}
.btn-info {
  color: #fff;
  background: #bfa161;
  border-color: #bfa161
}
.video-title_block {
  top: 175px !important
}
body .span12 {
  overflow: hidden
}
.share {
  display: flex
}
.social-block .share a {
  margin: 0 2px !important
}
.social-menu2 {
  display: flex
}
@media (max-width:767px) {
  .press-txt h4 {
    min-height: auto
  }
  .press-txt {
    padding: 15px
  }
}
.tab-nav {
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-wrap: nowrap;
  scroll-snap-type: x mandatory
}
.tab-nav::-webkit-scrollbar {
  display: none
}
.tab-nav button {
  flex: 0 0 auto;
  margin: 0 .5rem;
  padding: .5rem 1rem;
  border: none;
  background: #eee;
  font-size: 1rem;
  cursor: pointer;
  width: 230px
}
.tab-nav button[aria-selected=true] {
  color: #fff;
  font-weight: 700
}
.arrow-button {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2rem;
  background: rgba(255, 255, 255, .8);
  border: none;
  cursor: pointer;
  z-index: 1
}
.arrow-left {
  left: 0;
  margin-left: 10px
}
.arrow-right {
  right: 0;
  margin-right: 10px
}
.tab-panels {
  margin-top: 1rem
}
.tabpanel {
  display: none;
  animation: fadeIn .3s ease
}
.tabpanel[aria-hidden=false] {
  display: block
}
.arrow-button {
  width: 42px;
  height: 42px;
  cursor: pointer;
  color: #fff;
  border: 1px solid #be9244;
  background-color: #be9244;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 5px
}
.arrow-button:focus {
  outline: 2px solid #000;
  outline-offset: 2px
}
.tab-nav button[role=tab] {
  background: #fdf2df;
  margin: 0 .25rem;
  color: #666;
  line-height: 50px;
  font-size: 15px;
  font-weight: 500;
  border-radius: 4px 4px 0 0;
  border: none;
  border-bottom: 4px solid #fff;
  padding: 0 1rem;
  white-space: nowrap;
  cursor: pointer
}
.tab-nav button[role=tab][aria-selected=true] {
  background-color: #d2ab67;
  border-bottom: 5px solid #d2ab67;
  color: #fff;
  position: relative
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateX(20px)
  }
  to {
    opacity: 1;
    transform: translateX(0)
  }
}
.tab-nav button {
  perspective: 1000px
}
.tab-card-inner {
  position: relative;
  width: 100%;
  height: 150px;
  transform-style: preserve-3d;
  transition: transform .6s
}
.tab-nav button:hover .tab-card-inner {
  transform: rotateY(180deg)
}
.tab-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden
}
.tab-card-back {
  transform: rotateY(180deg)
}
.box {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 70vh;
  padding: 0 .5rem
}
h2.d-desk1 {
  font-family: Mont, sans-serif;
  color: #0e4c41;
  font-size: 49px;
  font-weight: 700
}
h2.news {
  font-family: Mont, sans-serif;
  color: #0e4c41;
  font-size: 49px;
  margin-top: 30px;
  font-weight: 700
}
h2.Investors {
  font-family: Mont, sans-serif;
  color: #fff;
  font-size: 49px;
  margin-top: 30px;
  font-weight: 700
}
h2.Careers {
  font-family: Mont, sans-serif;
  color: #004b3f;
  font-size: 49px;
  margin-top: 30px;
  font-weight: 700
}
h3.Investors {
  font-family: Mont, sans-serif;
  font-size: 21px;
  color: #fff;
  font-weight: 500;
  position: relative;
  padding-left: 26px;
  text-transform: uppercase
}
h3.Careers {
  font-family: Mont, sans-serif;
  font-size: 21px;
  color: #000;
  font-weight: 500;
  position: relative;
  padding-left: 26px;
  text-transform: uppercase
}
h3.Careers:before {
  content: "";
  position: absolute;
  top: -3px;
  left: 0;
  background: url("../images/son.png");
  width: 24px;
  height: 28px
}
h3.Investors:before {
  content: "";
  position: absolute;
  top: -3px;
  left: 0;
  background: url("../images/son.png");
  width: 24px;
  height: 28px
}
h3.News {
  font-family: Mont, sans-serif;
  font-size: 21px;
  color: #000;
  font-weight: 500;
  position: relative;
  padding-left: 26px;
  text-transform: uppercase
}
h3.News:before {
  content: "";
  position: absolute;
  top: -3px;
  left: 0;
  background: url("../images/son.png");
  width: 24px;
  height: 28px
}
a.more-btn-global {
  font-size: 15px;
  color: #5f5656;
  letter-spacing: .01em;
  text-decoration: none;
  border: 1px solid #5f5656;
  border-radius: 20px;
  display: inline-block;
  padding: 6px 34px 6px 20px;
  position: relative;
  margin-top: 20px;
  transition: all .5s
}
a.more-btn-global:before {
  background: url("../images/arrow2.png");
  content: "";
  position: absolute;
  top: 11px;
  right: 14px;
  width: 14px;
  height: 13px;
  transition: all .2s
}
a.more-btn-global:before {
  background: url("../images/bl-arrow.png");
  width: 16px
}
a.more-btn-global:hover {
  color: #fff;
  background: #d2ab67;
  border-color: #d2ab67
}
.btn-Communication {
  display: inline-block;
  color: #212529;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  font-size: 1rem;
  border-radius: .25rem;
  margin-top: 30px;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
.custom-dropdown {
  position: relative
}
.custom-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 300px;
  background: #fff;
  padding: 20px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .15);
  border: none;
  z-index: 9999
}
.custom-dropdown:hover .custom-menu {
  display: block
}
.submenu-item {
  margin-bottom: 15px
}
.submenu-item:last-child {
  margin-bottom: 0
}
.submenu-item ul {
  list-style: none;
  padding: 0;
  margin: 5px 0 10px 0
}
.submenu-item ul li {
  margin-bottom: 6px
}
.submenu-item ul li a {
  text-decoration: none;
  color: #444;
  font-size: 14px
}
.submenu-item ul li a:hover {
  color: #d4a017
}
.dropdown-toggle-custom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%
}
.dropdown-arrow {
  font-size: 12px;
  transition: transform .3s ease
}
.mobile-dropdown.open .dropdown-arrow {
  transform: rotate(180deg)
}
@media (max-width:991px) {
  .custom-dropdown:hover .custom-menu {
    display: none
  }
  .menu-arrow {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    transition: transform .3s ease;
    flex-shrink: 0;
    margin-top: -3px
  }
  .mobile-dropdown.open .menu-arrow {
    transform: rotate(-135deg)
  }
  .custom-menu {
    position: static;
    min-width: 100%;
    box-shadow: none;
    background: #fff;
    padding: 10px 0 0 15px
  }
  .mobile-dropdown.open .custom-menu {
    display: block
  }
  .submenu-item ul li a {
    color: #fff
  }
  .dropdown-arrow {
    color: #fff
  }
}
.dropdown-toggle-custom {
  display: flex;
  align-items: center;
  gap: 8px
}
.menu-arrow {
  width: 7px;
  height: 7px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg);
  display: inline-block;
  margin-top: -2px
}
.custom-menu {
  padding: 20px 25px
}
.custom-menu ul {
  padding: 0;
  margin: 0;
  list-style: none
}
.custom-menu ul li {
  margin-bottom: 12px
}
.custom-menu ul li:last-child {
  margin-bottom: 0
}
.custom-menu ul li a {
  display: block;
  padding: 6px 0 6px 12px;
  font-size: 15px;
  color: #333;
  text-decoration: none;
  transition: all .3s ease
}
.custom-menu ul li a:hover {
  color: #d4a017;
  padding-left: 5px
}
.section-title {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 15px;
  text-align: center
}
.about-cosmic {
  background: #f3f3f3;
  padding: 80px 20px
}
.container {
  max-width: 1200px;
  margin: auto
}
.about-title-about {
  font-size: 36px;
  font-weight: 700;
  color: #1c5c63;
  margin-bottom: 25px
}
.about-cosmic p {
  font-size: 16px;
  line-height: 1.8;
  color: #444;
  margin-bottom: 15px
}
.news-section {
  background: #efefef;
  padding: 60px 20px
}
.news-container {
  max-width: 1200px;
  margin: auto
}
.news-item {
  background: #dcdcdc;
  padding: 25px;
  margin-bottom: 20px;
  border-radius: 4px;
  transition: all .3s ease
}
.news-item:hover {
  background: #d0d0d0;
  transform: translateY(-3px)
}
.news-item h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 500
}
.news-item h3 a {
  color: #0b5cff;
  text-decoration: none
}
.news-item h3 a:hover {
  text-decoration: underline
}
.news-item p {
  margin-top: 12px;
  font-size: 15px;
  color: #333;
  line-height: 1.7
}
.team-section {
  width: 100%;
  padding: 80px 20px
}
.team-row {
  display: flex;
  align-items: center;
  gap: 70px;
  padding: 70px 0
}
.bg1 {
  background: #f7fbfc
}
.bg2 {
  background: #eef3f5
}
.bg3 {
  background: #f4f7f8
}
.bg4 {
  background: #e9eff2
}
.team-img img {
  width: 230px;
  height: 230px;
  object-fit: cover;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .15)
}
.team-content h3 {
  margin: 0 0 8px;
  font-size: 28px;
  color: #255f69;
  font-weight: 700
}
.team-content h4 {
  margin: 0 0 15px;
  font-weight: 500;
  color: #333
}
.team-content p {
  line-height: 1.8;
  font-size: 15px
}
.section-title {
  text-align: left;
  padding: 50px 0 10px;
  font-size: 34px;
  font-weight: 600;
  color: #222;
  background: #fff
}
@media (max-width:900px) {
  .team-row {
    flex-direction: column;
    text-align: center;
    padding: 50px 25px
  }
}
.inner-slider {
  display: flex;
  height: 100%;
  transition: transform .45s ease
}
.inner-slide {
  min-width: 100%;
  height: 100%;
  flex: 0 0 100%
}
.inner-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block
}
.card-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 52px;
  height: 52px;
  border: none;
  background: #005d6e;
  color: #fff;
  font-size: 34px;
  cursor: pointer;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .25s ease
}
.card-arrow:hover {
  background: #004754
}
.card-arrow.prev {
  left: 0;
  border-radius: 0 6px 6px 0
}
.card-arrow.next {
  right: 0;
  border-radius: 6px 0 0 6px
}
@media (max-width:767px) {
  .card-arrow {
    width: 46px;
    height: 46px;
    font-size: 28px
  }
}
.career-container {
  width: min(1180px, 86%);
  margin: 0 auto
}
.career-heading {
  max-width: 580px;
  margin-bottom: 26px
}
.career-heading h2 {
  font-size: 34px;
  line-height: 1.2;
  font-weight: 700;
  color: #000;
  margin-bottom: 14px
}
.career-heading::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #d6d6d6
}
.full-width {
  grid-column: 1/-1
}
.btn-career {
  min-width: 108px;
  height: 44px;
  border: none;
  background: #005d6e;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
  transition: .25s ease;
  letter-spacing: .4px
}
.btn-career:hover {
  background: #004a57
}
@media (max-width:991px) {
  .career-heading h2 {
    font-size: 30px
  }
}
@media (max-width:575px) {
  .career-container {
    width: 92%
  }
  .career-heading h2 {
    font-size: 26px
  }
  .btn-career {
    min-width: 95px;
    height: 42px
  }
}
.contact-section {
  padding: 60px 0 80px;
  background: #efefef
}
.contact-container {
  width: min(1200px, 89%);
  margin: 0 auto
}
.top-contact-item h3 {
  font-size: 32px;
  font-weight: 500;
  color: #000;
  margin-bottom: 20px
}
.top-contact-item a, .top-contact-item p {
  font-size: 16px;
  color: #000;
  text-decoration: none;
  font-weight: 600
}
.social-icons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 34px
}
.social-icons a {
  color: #000;
  font-size: 28px;
  transition: .25s ease
}
.social-icons a:hover {
  color: #0a6674
}
@media (max-width:991px) {
  .top-contact-item h3 {
    font-size: 28px
  }
}
@media (max-width:575px) {
  .contact-section {
    padding: 40px 0 60px
  }
  .contact-container {
    width: 92%
  }
  .top-contact-item h3 {
    font-size: 24px
  }
  .top-contact-item a, .top-contact-item p {
    font-size: 15px
  }
  .social-icons {
    gap: 24px
  }
  .social-icons a {
    font-size: 23px
  }
}
.business-block ul#tabs-nav li, .business-block ul#tabs-nav li a {
  border: none !important;
  outline: 0 !important;
  box-shadow: none !important
}
.business-block ul#tabs-nav li a:focus, .business-block ul#tabs-nav li a:hover, .business-block ul#tabs-nav li:focus, .business-block ul#tabs-nav li:hover {
  border: none !important;
  outline: 0 !important;
  box-shadow: none !important
}
.img-fluid-footer {
  max-width: 100%;
  height: auto
}
.mobile-dropdown.open .dropdown-toggle::after {
  transform: rotate(180deg)
}
.mobile-dropdown .dropdown-menu {
  display: none
}
.mobile-dropdown.open .dropdown-menu {
  display: block
}
.team-section {
  padding: 80px 0;
  background: #f5f7fa
}
.team-row {
  display: flex;
  align-items: center;
  gap: 40px;
  margin-bottom: 60px;
  padding: 35px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
  transition: .4s;
  opacity: 0;
  transform: translateY(60px);
  animation: fadeUp 1s forwards
}
.team-row:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, .15)
}
.team-img {
  flex: 0 0 220px;
  overflow: hidden;
  border-radius: 12px
}
.team-img img {
  width: 100%;
  transition: .5s;
  border-radius: 12px
}
.team-row:hover img {
  transform: scale(1.08)
}
.team-content h3 {
  font-size: 24px;
  color: #0b6b6b;
  margin-bottom: 5px;
  letter-spacing: 1px
}
.team-content h4 {
  color: #555;
  margin-bottom: 15px;
  font-weight: 500
}
.team-content p {
  color: #666;
  line-height: 1.7
}
.section-title {
  font-size: 28px;
  font-weight: 600;
  margin: 60px 0 30px;
  color: #222
}
@keyframes fadeUp {
  to {
    opacity: 1;
    transform: translateY(0)
  }
}
@media (max-width:768px) {
  .team-row {
    flex-direction: column;
    text-align: center
  }
  .team-img {
    flex: unset;
    width: 200px
  }
}
.submenu {
  position: relative
}
.submenu-dropdown {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
  background: #fff;
  min-width: 220px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, .15);
  list-style: none;
  padding: 10px 0
}
.submenu-dropdown li a {
  display: block;
  padding: 10px 18px;
  color: #333;
  text-decoration: none
}
.submenu-dropdown li a:hover {
  background: #f5f5f5
}
.submenu:hover .submenu-dropdown {
  display: block
}
@media (max-width:991px) {
  .submenu-dropdown {
    position: static;
    box-shadow: none;
    display: none;
    padding-left: 15px
  }
  .submenu.open .submenu-dropdown {
    display: block
  }
  .submenu > a {
    display: flex;
    justify-content: space-between;
    align-items: center
  }
}
.video-block .carousel, .video-block .carousel-inner, .video-block .carousel-item {
  position: relative;
  min-height: 100vh;
  height: 100vh
}
.video-overlay {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden
}
.video-desk, .video-mob {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1)
}
.video-mob {
  display: none
}
.video-overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2
}
.video-block .container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  z-index: 5
}
.video-block .row {
  width: 100%
}
.video-content {
  position: relative;
  z-index: 6;
  color: #fff;
  max-width: 700px
}
.video-content h1 {
  font-size: 58px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 18px;
  color: #fff;
  opacity: 0;
  transform: translateY(40px)
}
.video-content p {
  font-size: 18px;
  line-height: 1.7;
  margin-bottom: 28px;
  color: #fff;
  opacity: 0;
  transform: translateY(40px)
}
.video-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
  opacity: 0;
  transform: translateY(40px)
}
.video-content ul li {
  display: inline-block
}
.video-content ul li a {
  display: inline-block;
  padding: 12px 30px;
  background: #0b6b57;
  color: #fff;
  text-decoration: none;
  border-radius: 4px;
  transition: all .3s ease
}
.video-content ul li a:hover {
  background: #084f41;
  transform: translateY(-3px)
}
.carousel-item.active .video-desk, .carousel-item.active .video-mob {
  animation: zoomBg 5s linear forwards
}
.carousel-item.active .video-content h1 {
  animation: fadeUp .9s ease forwards;
  animation-delay: .3s
}
.carousel-item.active .video-content p {
  animation: fadeUp .9s ease forwards;
  animation-delay: .7s
}
.carousel-item.active .video-content ul {
  animation: fadeUp .9s ease forwards;
  animation-delay: 1.1s
}
@keyframes zoomBg {
  0% {
    transform: scale(1)
  }
  100% {
    transform: scale(1.08)
  }
}
@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(40px)
  }
  100% {
    opacity: 1;
    transform: translateY(0)
  }
}
.carousel-control-next, .carousel-control-prev {
  width: 6%;
  z-index: 9
}
.carousel-control-next-icon, .carousel-control-prev-icon {
  width: 2.5rem;
  height: 2.5rem
}
.carousel-indicators {
  bottom: 25px;
  z-index: 9
}
.carousel-indicators button {
  width: 12px !important;
  height: 12px !important;
  border-radius: 50%;
  border: 0;
  background: #fff;
  opacity: .5;
  margin: 0 6px !important;
  transition: all .3s ease
}
.carousel-indicators .active {
  opacity: 1;
  transform: scale(1.2)
}
@media (max-width:991px) {
  .video-content h1 {
    font-size: 42px
  }
  .video-content p {
    font-size: 16px
  }
}
@media (max-width:767px) {
  .video-block .carousel, .video-block .carousel-inner, .video-block .carousel-item {
    height: 80vh;
    min-height: 80vh
  }
  .video-desk {
    display: none
  }
  .video-mob {
    display: block
  }
  .video-block .container {
    padding-left: 15px;
    padding-right: 15px
  }
  .video-content {
    max-width: 100%
  }
  .video-content h1 {
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 14px
  }
  .video-content p {
    font-size: 15px;
    margin-bottom: 20px
  }
  .video-content ul li a {
    padding: 10px 22px;
    font-size: 14px
  }
  .carousel-control-next, .carousel-control-prev {
    width: 12%
  }
  .carousel-indicators {
    bottom: 15px
  }
}
.leadership-section {
  position: relative;
  background: #f8f9fb;
  overflow: hidden
}
.leadership-block:last-child {
  margin-bottom: 0
}
.team-content {
  background: #fff;
  padding: 40px 35px;
  border-radius: 24px;
  box-shadow: 0 15px 45px rgba(0, 0, 0, .08);
  position: relative;
  transition: all .4s ease
}
.team-content:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 55px rgba(0, 0, 0, .12)
}
.team-content h3 {
  font-size: 34px;
  font-weight: 700;
  color: #1c5c63;
  margin-bottom: 10px;
  text-transform: uppercase
}
.team-content h4 {
  font-size: 18px;
  font-weight: 700;
  color: #000;
  margin-bottom: 18px;
  line-height: 1.5
}
.team-content p {
  font-size: 16px;
  line-height: 1.9;
  color: #4a5568;
  margin-bottom: 0
}
.video-card {
  position: relative;
  border-radius: 26px;
  overflow: hidden;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .12);
  background: #fff;
  padding: 10px;
  transition: all .4s ease
}
.video-card:hover {
  transform: scale(1.02);
  box-shadow: 0 22px 60px rgba(0, 0, 0, .16)
}
.video-card video {
  width: 100%;
  display: block;
  border-radius: 18px;
  object-fit: cover
}
.chairman-block .team-content {
  border-left: 6px solid #0f766e
}
@media (max-width:991px) {
  .leadership-block {
    margin-bottom: 60px;
    padding: 20px 0
  }
  .team-content {
    padding: 28px 22px;
    margin-bottom: 25px
  }
  .team-content h3 {
    font-size: 26px
  }
  .team-content h4 {
    font-size: 16px
  }
}
.team-section {
  padding: 80px 0;
  background: linear-gradient(180deg, #f7f9fc 0, #eef4ff 100%);
  position: relative;
  overflow: hidden
}
.team-section::before {
  content: "";
  position: absolute;
  top: -120px;
  left: -120px;
  width: 260px;
  height: 260px;
  background: rgba(13, 110, 253, .08);
  border-radius: 50%
}
.team-section::after {
  content: "";
  position: absolute;
  right: -100px;
  bottom: -100px;
  width: 240px;
  height: 240px;
  background: rgba(255, 193, 7, .08);
  border-radius: 50%
}
.about-title-about {
  font-size: 42px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 55px;
  color: #004d41;
  position: relative
}
.about-title-about::after {
  content: "";
  display: block;
  width: 110px;
  height: 4px;
  margin: 14px auto 0;
  border-radius: 50px;
  background: linear-gradient(90deg, #255f69, #2f7c88, #4fc3d0)
}
.team-row {
  display: flex;
  align-items: center;
  gap: 35px;
  background: #fff;
  border-radius: 24px;
  padding: 32px;
  margin-bottom: 30px;
  box-shadow: 0 12px 35px rgba(11, 31, 58, .1);
  position: relative;
  overflow: hidden;
  transition: all .35s ease;
  border: 1px solid rgba(13, 110, 253, .08);
  z-index: 1
}
.team-row::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 7px;
  height: 100%;
  background: linear-gradient(180deg, #0d6efd, #00c6ff);
  border-radius: 20px
}
.team-row:hover {
  transform: translateY(-8px);
  box-shadow: 0 18px 45px rgba(11, 31, 58, .16)
}
.team-img {
  flex: 0 0 240px;
  text-align: center;
  position: relative
}
.team-img img {
  width: 220px;
  height: 220px;
  object-fit: cover;
  border-radius: 50%;
  border: 8px solid #fff;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .15);
  transition: all .35s ease;
  background: #f3f3f3
}
.team-row:hover .team-img img {
  transform: scale(1.04)
}
.team-content {
  flex: 1
}
.team-content h3 {
  font-size: 30px;
  font-weight: 800;
  color: #004d41;
  margin-bottom: 10px;
  text-transform: uppercase
}
.team-content h4 {
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 18px;
  padding: 8px 18px;
  border-radius: 50px;
  background: linear-gradient(90deg, #255f69, #2f7c88, #4fc3d0);
  box-shadow: 0 8px 18px rgba(13, 110, 253, .18)
}
.team-content p {
  font-size: 16px;
  line-height: 1.85;
  color: #555;
  margin: 0
}
.bg1::before {
  background: #0f766e
}
.bg2::before {
  background: #0f766e
}
.bg3::before {
  background: #0f766e
}
.bg4::before {
  background: #0f766e
}
@media (max-width:991px) {
  .team-row {
    flex-direction: column;
    text-align: center;
    padding: 28px 22px
  }
  .team-img {
    flex: 0 0 auto
  }
  .team-img img {
    width: 180px;
    height: 180px
  }
  .team-content h3 {
    font-size: 24px
  }
  .about-title-about {
    font-size: 30px
  }
}
@media (max-width:575px) {
  .team-section {
    padding: 60px 0
  }
  .team-row {
    border-radius: 18px;
    padding: 22px 16px
  }
  .team-img img {
    width: 150px;
    height: 150px
  }
  .team-content p {
    font-size: 15px;
    line-height: 1.7
  }
  .about-title-about {
    font-size: 24px
  }
}
.about-title-about::after {
  margin: 10px 0 0 0;
  display: block
}
.about-title-about {
  text-align: left;
  margin-left: 0
}
#tabs-nav li a {
  text-decoration: none;
  color: inherit;
  display: block;
  width: 100%
}
#tabs-nav li, #tabs-nav li a {
  cursor: pointer
}
.read-more-btn-news {
  position: relative;
  padding: 12px 28px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  background: #0b7d75;
  border: none;
  border-radius: 30px;
  cursor: pointer;
  overflow: hidden;
  transition: all .4s ease
}
.read-more-btn-news:hover {
  background: #0a6a63;
  box-shadow: 0 10px 25px rgba(0, 0, 0, .2);
  transform: translateY(-3px)
}
.read-more-btn-news::before {
  content: '';
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: rgba(255, 255, 255, .3);
  transform: skewX(-25deg);
  transition: .5s
}
.read-more-btn-news:hover::before {
  left: 125%
}
.read-more-btn-news:active {
  transform: scale(.95)
}


.breadcrumb {
  background: #fdf2df;
  padding: 12px 0;
  margin-bottom: 0;
  line-height: inherit
}
.breadcrumb ol li, .breadcrumb ul li {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  color: #000;
  margin-right: 10px;
  padding-right: 20px;
  position: relative
}
.breadcrumb li::before {
  content: "";
  background: url(../images/blueRightArrow.png) no-repeat;
  width: 7px;
  height: 12px;
  position: absolute;
  left: -22px;
  top: 6px
}
.breadcrumb ol li:first-child, .breadcrumb ul li:first-child {
  background: 0 0
}
.breadcrumb ol li:first-child:before, .breadcrumb ul li:first-child:before {
  display: none
}
.breadcrumb ol li a, .breadcrumb ul li a {
  color: #000;
  display: block
}
.breadcrumb ol li a:hover, .breadcrumb ul li a:hover {
  text-decoration: none
}
.bread-link {
  display: flex;
  justify-content: flex-start;
  align-items: center
}

.breadcrumb ol, ul {
    margin: 0;
    padding: 0;
    list-style: none;
}



 .career-form-section {
      padding: 70px 0 45px;
      background: #efefef;
    }

    .career-container {
      width: min(1180px, 86%);
      margin: 0 auto;
    }

    .career-heading {
      max-width: 580px;
      margin-bottom: 26px;
    }

    .career-heading h2 {
      font-size: 34px;
      line-height: 1.2;
      font-weight: 700;
      color: #000;
      margin-bottom: 14px;
    }

    .career-heading::after {
      content: "";
      display: block;
      width: 100%;
      height: 1px;
      background: #d6d6d6;
    }

    .career-form {
      margin-top: 26px;
    }

    .form-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 30px 30px;
    }

    .form-group {
      width: 100%;
    }

    .full-width {
      grid-column: 1 / -1;
    }

    .career-form input,
    .career-form select,
    .career-form textarea {
      width: 100%;
      height: 50px;
      border: 1px solid #cfcfcf;
      background: transparent;
      padding: 0 14px;
      font-size: 15px;
      color: #4a4a4a;
      outline: none;
      border-radius: 0;
      box-shadow: none;
    }

    .career-form textarea {
      height: 52px;
      resize: vertical;
      min-height: 52px;
      padding-top: 14px;
      padding-bottom: 10px;
    }

    .career-form input::placeholder,
    .career-form textarea::placeholder,
    .career-form select {
      color: #66768d;
    }

    .career-form input:focus,
    .career-form select:focus,
    .career-form textarea:focus {
      border-color: #0a6270;
      background: #fff;
    }

    .career-form select {
      appearance: auto;
      cursor: pointer;
    }

    .file-upload-wrap {
      margin-top: 16px;
    }

    .file-upload-wrap input[type="file"] {
      border: none;
      padding: 0;
      height: auto;
      background: transparent;
    }

    .form-actions {
      display: flex;
      justify-content: flex-end;
      gap: 10px;
      margin-top: 48px;
    }

    .btn-career {
      min-width: 108px;
      height: 44px;
      border: none;
      background: #005d6e;
      color: #fff;
      font-size: 14px;
      font-weight: 700;
      text-transform: uppercase;
      cursor: pointer;
      transition: 0.25s ease;
      letter-spacing: 0.4px;
    }

    .btn-career:hover {
      background: #004a57;
    }

    @media (max-width: 991px) {
      .career-form-section {
        padding: 50px 0 35px;
      }

      .career-heading h2 {
        font-size: 30px;
      }

      .form-grid {
        grid-template-columns: 1fr;
      }

      .form-actions {
        justify-content: flex-start;
      }
    }

    @media (max-width: 575px) {
      .career-container {
        width: 92%;
      }

      .career-heading h2 {
        font-size: 26px;
      }

      .career-form input,
      .career-form select,
      .career-form textarea {
        font-size: 14px;
      }

      .btn-career {
        min-width: 95px;
        height: 42px;
      }
    }


header {
  position: absolute;
  z-index: 99;
  width: 100%;
  transition: all .5s;
  top: 0;
  left: 0
}
#Retailcls {
  padding: 37px 0 0 0
}
header.sticky {
  position: fixed !important;
  background: #fff;
  box-shadow: 0 0 7px rgba(0, 0, 0, .25);
  padding: 8px 0
}
header.sticky .top-menu {
  display: none
}
header.sticky .navbar {
  border-top: none;
  padding-top: 0
}
.inner-header.about-header .logo-blk {
  display: none
}
.formobile, .inner-header.board-header .logo-wht {
  display: none
}
.ablogo-show {
  display: none
}
.inner-header.board-header {
  position: relative;
  margin-bottom: 25px
}
.navbar {
  padding-bottom: 0;
   
}
.navbar-brand {
 
  display: block
}
.r-logo {
  max-width: 100%;
  width: 208px
}
 
.home-header .menu-trigger span {
  background-color: #fff
}
.home-header .navbar {
  padding-bottom: 0;
   
}
.home-header.sticky .navbar-light .navbar-nav .nav-link, .home-header.sticky .navbar-light .navbar-text, .home-header.sticky .top-menu li a {
  color: #000
}
.home-header.sticky .navbar-light .navbar-nav .nav-link:focus, .home-header.sticky .navbar-light .navbar-nav .nav-link:hover {
  color: #000 !important
}
.home-header.sticky .dropdown-toggle::after, .home-header.sticky .iconf, .home-header.sticky .serach img {
  filter: brightness(1) invert(0);
  -webkit-filter: brightness(1) invert(0)
}
.home-header.sticky .menu-trigger span {
  background-color: #000
}
.navbar ul.list-unstyled.text-end {
  display: none
}
.bodyFix .home-header {
  display: none !important
}
.inner-header .dropdown-toggle::after, .inner-header .serach img {
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1)
}
.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-text {
  color: #21626c;
  font-size: 16px;
  letter-spacing: .01em;
	font-weight: 700
	  
}
.navbar-light .navbar-brand, .navbar-light .navbar-text a, .navbar-light .navbar-toggler {
  color: #fff;
  text-decoration: none
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link {
  color: #fff
}
.navbar-light .navbar-toggler {
  color: #fff;
  border-color: #fff
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: #000000 !important
  
}
.navbar-collapse {
  justify-content: flex-start
}
.stock_prise {
  display: none !important
}
header .navbar-expand-lg .navbar-collapse {
  justify-content: end
}
.search-wrapper-cs {
  position: relative;
  z-index: 9999;
  top: -25px
}
header.sticky .search-wrapper-cs {
  top: -35px
}
.search-wrapper-cs .input-holder {
  height: 64px;
  width: 70px;
  position: absolute;
  transition: all linear .3s;
  right: 0;
  z-index: 10
}