* {
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
}

body {
  padding: 0px;
  margin: 0px;
  font-family: 'Escrow' !important;
  /* font-family: 'Retina'; */
  background-color: #F2F2F2;
}

body::-webkit-scrollbar {
  width: 5px;
  height: 10px;
}

body::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
}

body::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #002293;
  border-radius: 10px;
}

a {
  text-decoration: none !important;
  outline: none !important;
}

img {
  border: none;
}

.clr {
  clear: both;
}

/*HEADER-SECTION*/
.top-strip {
  width: 100%;
  height: auto;
  background: #F2F2F2;
  padding: 16px 0 16px 0;
}

.top-strip-in {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
}

/* LOGO */
.logo {
  width: 170px;
  height: auto;
}

.logo img {

  /* width: 100%;



  height: 100%; */
}

/* LOGO */

/* SEARCH */







.search {

  /* position: absolute;



  margin: auto;



  left: 100px;



  right: 0;



  width: 39%; */



  position: absolute;
  margin: auto;
  left: 23px;
  right: 0;
  width: 37%;
}

.search label {
  width: 100%;
  margin-bottom: 0 !important;
  display: flex;
  background: #fff;
  align-items: center;
  border-radius: 0px;
  border: 1px solid #B3B3B3;
}

.search label input {
  width: 100%;
  height: 37px;
  position: relative;
  background: #ffffff;
  border: none;
  color: rgba(51, 51, 51, 1);
  padding: 0px 12px 0px 1px;
  font-size: 15px;
  font-weight: 500;
  outline: none;
  border-radius: 1px soli #B3B3B3;
  font-family: 'Retina';
}

.search label input::placeholder {
  color: #808080;
  line-height: 20px;
  font-family: 'Retina';
}

.search label button {
  width: 40px;
  height: 100%;
  border: none;
  background: none;
  padding: 10px;
  color: #fff;
  outline: none;
  cursor: pointer;
  margin-left: auto;
}

.search label button img {
  width: 100%;
}

.search label button {
  width: 40px;
  height: 100%;
  border: none;
  background: none;
  padding: 10px;
  color: #fff;
  outline: none;
  cursor: pointer;
  margin-left: auto;
}

.cart-btn select {
  border-radius: 1px;
  padding: 7px 28px;
  color: #000000;
  font-family: 'Retina';
  font-size: 16px;
  outline: none;
  font-weight: 500;
}

.language-icon {
  position: absolute;
  left: 7px;
}

/* SEARCH */
.login-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}

.login-btn p {
  margin: 0;
  color: #000;
  font-size: 15px;
  font-weight: 600;
}

.login-btn span {
  width: 2px;
  height: 25px;
  background: #000;
}

.login-btn p a {
  color: #005911;
}

.stip-right-section {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  gap: 10px;
}

.cart-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  margin-left: 50px;
  position: relative;
}

.cart-btn a {
  display: flex;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  position: relative;
}

.cart-btn a span {
  position: absolute;
  width: 20px;
  height: 20px;
  top: -5px;
  right: -10px;
  background: #FFCA42;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1B3764;
  font-size: 12px;
  font-weight: 600;
  border-radius: 50%;
}

/*HEADER-SECTION*/

/* NAV-STRIP */







.nav-wrap {
  width: 100%;
  padding: 1px;
  height: auto;
  background: #F2F2F2;
  border-bottom: 1px solid #000000;
  margin-bottom: 14px;
}

.nav-wrap a.navbar-brand {
  width: 150px;
  display: none;
}

.nav-wrap a.navbar-brand img {
  width: 100%;
  min-width: 178px;
  height: auto;
}

.nav-location {
  margin-right: auto;
  margin-left: 100px;
  display: flex;
  align-items: center;
  gap: 4px;
}

.nav-location select {
  background: none;
  border: none;
  color: #4f4f4f;
  font-size: 16px;
  font-weight: 400;
  outline: none;
  cursor: pointer;
}

.nav-wrap ul.navbar-nav {
  gap: 30px;
  display: flex;
  align-items: center;
  margin-right: auto;
}

/* #navbarNav {



display: flex;



justify-content: flex-end;



} */
.nav-wrap ul.navbar-nav li.nav-item a {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  font-family: 'serif';
  padding: 9px 10px;
}

.my-profile-nav a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 13px !important;
}

.my-profile-nav a img {
  width: 20px;
  height: auto;
}

.nav-wrap ul.navbar-nav li.nav-item a.active {
  color: #fff !important;
  background-color: #002293;
  padding: 9px 10px !important;
}

.trading-strip {
  display: flex;
  justify-content: center;
  background: #D9D9D9;
  width: 100%;
  gap: 50px;
  padding: 9px 0px 9px 0px;
}

.trading-strip p {
  margin-bottom: 0;
  font-family: 'Retina';
  font-size: 15px;
  cursor: pointer;
  font-weight: 500;
  color: #F04438;
  text-transform: uppercase;
}

.trading-strip p:nth-child(2),
.trading-strip p:nth-child(5),
.trading-strip p:nth-child(6) {
  color: #17B26A;
}

.trading-strip p span {
  color: #000;
}

.nav-wrap ul.navbar-nav li.nav-item a:hover {
  color: #fff !important;
  background-color: #002293;
  /* padding: 9px 10px !important; */
}

.nav-wrap ul.navbar-nav li.nav-item:last-child a {
  border-radius: 1px;
  background: #002293;
  color: #fff;
  padding: 10px 29px;
  font-weight: 500;
  position: absolute;
  right: 0px;
  top: 5px;
}

.dest-dropdown {
  width: max-content;
  height: auto;
  background: #fff;
  position: absolute;
  top: 100%;
  margin-top: 10px;
  margin-left: 0px;
  z-index: 9;
  display: none;
}

.dest-dropdown-in {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 0px;
  flex-direction: column;
}

.dest-dropdown-in a {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  /* border: 1px solid #BABABA; */
  padding: 9px 20px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}

/* ======== DROPDOWN CSS FOR NAVBAR ======== */
.dropdown {
  float: left;
  /* overflow: hidden; */
}

.dropdown .dropbtn {
  font-size: 18px;
  font-weight: 600;
  border: none;
  outline: none;
  color: #000000;
  padding: 9px 13px !important;
  background-color: inherit;
  font-family: 'serif';
  margin: 0;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 215px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  z-index: 2;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 8px 16px;
  text-decoration: none;
  display: block;
  font-family: 'Retina';
  text-align: left;
  font-size: 15px;
  font-weight: 500;
}

.topnav a:hover,
.dropdown:hover .dropbtn {
  color: #fff !important;
  background-color: #002293;
  padding: 9px 13px !important;
}

.topnav a.active,
.dropdown.active .dropbtn {
  color: #fff !important;
  background-color: #002293;
  padding: 9px 13px !important;
}

.dropdown-content a:hover {
  background-color: transparent;
  color: #00097A;
}

.dropdown:hover .dropdown-content {
  display: block;
}

/* ======== DROPDOWN CSS FOR NAVBAR ======== */

/* SIDEBAR CSS */







.sidenav2 {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 99;
  top: 0;
  /* left: 0; */
  right: 0px;
  background-color: #F2F2F2;
  overflow-x: hidden;
  /* padding-top: 60px; */
  transition: 0.5s;
}

.sidenav2 a {
  padding: 10px 10px 10px 20px;
  text-decoration: none;
  font-size: 18px;
  /* font-family: Gotham; */
  font-family: 'Retina';
  color: #000000;
  display: block;
  transition: 0.3s;
}

.sidenav2 a:hover,
.offcanvas a:focus,
.offcanvas a.active {
  color: #002293;
}

.sidenav2 .closebtn {
  position: absolute;
  top: 6px;
  right: 6px;
  font-size: 23px;
  margin-left: 50px;
  background: #fff;
  color: #21a99d;
}

.sidenav2 .closebtn:hover {
  font-size: 23px;
  margin-left: 50px;
  background: #fff;
  color: #21a99d;
}

.sidenav2 h3 {
  color: #fff;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  margin: 10px 0 10px 0px;
  padding: 10px 14px;
  border-bottom: 1px solid #3c3c3c;
  width: 100%;
}

.sidenav2 h3 img {
  margin-right: 4px;
}

.sidenav2 h4 {
  color: #fff;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  margin: -17px 0 12px -6px;
  padding: 10px 14px;
  border-bottom: 1px solid #3c3c3c;
  width: 100%;
}

.sidenav2 h4 img {
  margin-right: 4px;
}

.notification-content-wrap {
  padding: 10px 10px;
}

.inner-content {
  display: flex;
  gap: 7px;
  align-items: flex-start;
  background: #404040;
  padding: 10px 8px;
  margin-bottom: 4px;
}

.inner-content .user-logo img {
  width: 26px;
  height: 26px;
  object-fit: cover;
  border-radius: 30px;
  margin-top: 4px;
}

.inner-content .description-wrap {
  display: flex;
  flex-direction: column;
}

.inactive-wrap img {
  width: 16px !important;
}

.inner-content p {
  color: var(--white, #fff);
  font-family: Poppins;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 0;
}

.inner-content span {
  color: var(--Gray-5, #e0e0e0);
  font-family: Poppins;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
}

.sidenav2 .closebtn {
  left: -34px;
  position: absolute;
  top: 13px;
  right: inherit;
  font-size: 32px;
  border: none;
  margin-left: 50px;
  background: #002293;
  color: #fff;
}

.close-btn-front {
  position: absolute;
  top: 7px;
  right: 7px;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  box-shadow: none;
  color: #fff;
  background: #20a99d;
  margin-left: auto;
  text-shadow: none;
  font-size: 23px;
  font-weight: 400;
  opacity: 1;
  line-height: 23px;
  z-index: 9;
}

.sidenav2 .closebtn:hover {
  font-size: 32px;
  margin-left: 50px;
  background: #002293;
  color: #fff;
  /* border: 1px solid #fff; */
}

.notification-content-wrap .mobile-nav-inner {
  margin-top: 46px;
}

.notification-content-wrap .navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
  color: #002293;
}

.notification-content-wrap .nav-wrap ul.navbar-nav li.nav-item a {
  color: #000000;
  font-size: 16px;
  font-weight: 500;
  font-family: 'Retina';
  padding: 9px 10px;
}

.notification-content-wrap .nav-wrap ul.navbar-nav li.nav-item a.active {
  color: #fff !important;
  background-color: #002293;
  padding: 9px 13px !important;
}

/* SIDEBAR CSS */

/* ========== MOBILE DROPDOWN CSS ===== */

/* DROPDOWN */







.notification-content-wrap .influ-dropdown {
  position: relative;
}

.notification-content-wrap .influ-btn {
  border: none;
  outline: none;
  border-radius: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  /* margin-bottom: 9px; */
  justify-content: space-between;
  font-family: 'Retina';
  gap: 5px;
  color: #000;
  background: none;
  padding: 10px 10px 10px 20px;
  font-size: 18px;
}

.notification-content-wrap .influ-btn:hover,
.notification-content-wrap .influ-btn.active {
  color: #002293 !important;
}

.notification-content-wrap .influ-drop-list {
  position: absolute;
  right: 0;
  padding: 10px;
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  margin-top: 5px;
  display: none;
  width: 100%;
}

.notification-content-wrap .influ-drop-list-item a {
  color: #000;
  padding: 5px 5px 5px 13px;
  font-size: 15px;
}

.notification-content-wrap .influ-drop-list-search {
  width: 100%;
  border-radius: 5px;
  background: rgba(3, 45, 98, 0.12);
  display: flex;
  align-items: center;
}

.notification-content-wrap .influ-drop-list-search input[type="text"] {
  width: 100%;
  background: none;
  border: none;
  outline: none;
  padding: 6px 10px;
  color: #333;
  font-size: 13px;
  font-weight: 400;
}

.notification-content-wrap .influ-drop-list-search input[type="text"]::placeholder {
  color: #333;
}

.notification-content-wrap .influ-drop-list-search button {
  background: none;
  border: none;
  outline: none;
  margin-right: 5px;
}

.notification-content-wrap .influ-drop-list-search button img {
  width: 20px;
  height: auto;
}

.notification-content-wrap .influ-drop-list-inner {
  width: 100%;
  height: 200px;
  overflow-y: scroll;
  margin: 0px 0 11px 0;
  padding-right: 8px;
}

.notification-content-wrap .influ-drop-list-inner::-webkit-scrollbar {
  width: 8px;
}

.notification-content-wrap .influ-drop-list-inner::-webkit-scrollbar-track {
  background: #D2E4FD;
  border-radius: 20px;
}

.notification-content-wrap .influ-drop-list-inner::-webkit-scrollbar-thumb {
  background-color: #002293;
  border-radius: 20px;
}

.notification-content-wrap .influ-drop-list-item {
  width: 100%;
  color: #333;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2px;
  padding: 5px 0;
  flex-direction: column;
}

.notification-content-wrap .influ-drop-list-item input[type="checkbox"] {
  width: 14px;
  height: 14px;
  cursor: pointer;
  appearance: none;
  outline: 2px solid #032D62;
  border-radius: 2px;
  outline-offset: -2px;
}

.notification-content-wrap .influ-drop-list-item input[type="checkbox"]:checked {
  accent-color: #032D62;
  appearance: auto;
  border-radius: 2px;
  outline: 2px solid #032D62;
}

.notification-content-wrap .influ-drop-list-btn {
  width: 100%;
  height: auto;
}

.notification-content-wrap .influ-drop-list-btn input[type="submit"] {
  padding: 5px 25px;
  border-radius: 5px;
  background: #FDBA31;
  color: #032D62;
  font-size: 14px;
  font-weight: 500;
  border: none;
  outline: none;
}

.notification-content-wrap .influ-drop-list-inner.exrta {
  height: auto;
  overflow-y: auto;
  margin: 0;
  padding: 0;
}

/* DROPDOWN */

/* ========== MOBILE DROPDOWN CSS ===== */

/* NAV-STRIP */

/* ----- currency-top-wrap css --- */







.main-curreny-box {
  display: flex;
  /* width: 100%; */
  background: #fff;
  justify-content: center;
}

.currency-top-wrap {
  padding: 14px 4px;
  width: 100%;
  height: auto;
}

.box-wrap {
  background: #fff;
  padding: 9px 24px 16px 34px;
  width: 100%;
}

.box-wrap .border-inner {
  border-right: 1px solid #000;
  margin-left: -22px;
}

/* .border-inner:last-of-type {



border-right: none;



} */
.box-wrap h3 {
  color: #000000;
  font-size: 16px;
  font-weight: 500;
  font-family: 'Retina';
  padding: 10px 0px;
  margin-bottom: 3px;
}

.box-wrap p {
  font-family: Retina;
  font-size: 13px;
  font-weight: 400;
  text-align: left;
  margin-bottom: 0;
}

.box-wrap p>span {
  color: rgba(23, 178, 106, 1);
  margin-left: 5px;
}

.box-wrap p>span i {
  margin-right: 4px;
}

.box-wrap p>span.down-arrow {
  color: rgba(180, 35, 24, 1);
}

.box-wrap p>span.down-arrow i {
  transform: rotate(180deg);
}

#current-box .owl-nav button,
#current-box-2 .owl-nav button {
  width: 35px;
  height: 30px;
  box-shadow: none;
  position: absolute;
  top: 26px;
  left: inherit;
  right: 20px;
  z-index: 0;
  opacity: 0.8;
  outline: none;
  border-radius: 50%;
}

#current-box .owl-nav button:last-child,
#current-box-2 .owl-nav button:last-child {
  right: -4px;
  left: inherit;
  top: 26px;
}

#current-box .owl-nav button i,
#current-box-2 .owl-nav button i {
  font-size: 17px;
  text-align: center;
  display: flex;
  font-weight: 500;
  justify-content: center;
  height: 100%;
  color: #000;
  place-items: flex-end;
  align-items: center;
}

/* ----- currency-top-wrap css --- */

/* ------------- TOP NEWS CSS ------------ */











.top-news-wrap {
  padding: 14px 4px;
  width: 100%;
  height: auto;
}

.news-left-wrap {
  padding: 0px;
  display: flex;
  gap: 23px;
}

.news-right-inner-1 {
  background: #fff;
  padding: 14px;
  width: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  margin-bottom: 28px;
}

.news-right-inner-1 a {
  position: absolute;
  right: 13px;
  font-family: Retina;
  font-size: 15px;
  font-weight: 400;
  /* margin-right: 3px; */
  color: rgba(53, 56, 205, 1);
}

.news-right-inner-1 a span {
  margin-left: 10px;
  color: #000;
}

.news-right-inner-1 .heading-sec {

  /* position: absolute; */



  width: 100%;
  display: flex;
  cursor: pointer;
}

.news-left-wrap .top-news-card {
  background: #fff;
  padding: 14px;
  width: 100%;
}

.news-left-wrap .big-img-wrap img {
  width: 499px;
  height: 377px;
  object-fit: contain;
}

.top-news-card h2 {
  font-family: Escrow;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 10px;
  text-align: left;
  letter-spacing: 0.7px;
  color: rgba(26, 26, 26, 1);
  border-bottom: 2px solid #000;
}

.top-news-card {
  font-family: Escrow;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 10px;
  text-align: left;
  letter-spacing: 0.7px;
  color: rgba(26, 26, 26, 1);
  border-bottom: 2px solid #000;

  & ul {
    padding: 10px 0px;
    margin-bottom: 0;
  }

  & li {
    list-style-type: none;
  }

  & a {
    margin-bottom: 12px;
    font-family: Retina;
    align-items: center;
    font-size: 15px;
    font-weight: 500;
    color: rgba(26, 26, 26, 1);
    line-height: 18.8px;
    text-align: left;
    display: flex;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 4px;
    padding-top: 2px;
  }

  & a:hover {
    color: #00097A;
  }

}

/* .top-news-card ul {



padding: 10px 0px;



margin-bottom: 0;



} */

/* .top-news-card ul>li {



list-style-type: none;



} */

/* .top-news-card ul>li a {



margin-bottom: 12px;



font-family: Retina;



align-items: center;



font-size: 15px;



font-weight: 500;



color: rgba(26, 26, 26, 1);



line-height: 18.8px;



text-align: left;



display: flex;



border-bottom: 1px solid #f1f1f1;



padding-bottom: 4px;



padding-top: 2px;



} */







.top-news-card ul>li a:last-child {

  /* border-bottom: none; */
}

/* .top-news-card ul>li a:hover {



color: #00097A;



} */
.top-news-card ul>li>a span {
  font-family: Retina;
  font-size: 24px;
  font-weight: 400;
  margin-right: 7px;
}

.news-right-inner-1 h2 {
  font-family: Escrow;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 10px;
  width: 100%;
  letter-spacing: 0.7px;
  text-align: left;
  color: rgba(26, 26, 26, 1);
  /* border-bottom: 2px solid #000; */
  border-bottom: 2px solid transparent;
  /* initially hidden */
  transition: color 0.3s ease, border-bottom 0.3s ease;
}

.news-right-inner-1 h2:hover {
  color: #00097A;
  border-bottom: 2px solid #000;
  /* show border on hover */
}

.list-empty-wrap p {
  font-family: Retina;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: rgba(102, 102, 102, 1);
  margin-bottom: 0;
}

.big-img-wrap {
  position: relative;
}

.content-wrap {
  position: absolute;
  bottom: 0px;
  padding: 40px 25px 0px 25px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.79) 100%);
  width: 100%;
  height: auto;
}

.big-img-wrap .content-wrap h3 {
  font-family: Escrow;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  text-align: left;
  color: #fff;
}

.big-img-wrap .content-wrap p {
  font-family: Retina;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #fff;
}

/* ------------- TOP NEWS CSS ------------ */

/* ---------- TODAY MARKET CSS ------------- */











.today-market-wrap {
  position: relative;
}

.today-market-wrap .nav-tabs {
  --bs-nav-tabs-border-width: 1px;
  --bs-nav-tabs-border-color: #dee2e6;
  --bs-nav-tabs-border-radius: 0.375rem;
  --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
  --bs-nav-tabs-link-active-color: #495057;
  --bs-nav-tabs-link-active-bg: #fff;
  --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;
  border-bottom: none !important;
}

.today-market-wrap .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #20A99D;
  background-color: var(--bs-nav-tabs-link-active-bg);
  /* border-color: var(--bs-nav-tabs-link-active-border-color); */
  border-bottom: 2px solid #20A99D;
  font-weight: 500;
}

.today-market-wrap .nav-tabs .nav-link {
  margin-bottom: calc(-1* var(--bs-nav-tabs-border-width));
  font-family: Retina;
  font-weight: 500;
  isolation: isolate;
  border-bottom: none !important;
  color: #303030;
  background: #EBECF5;
  border-radius: 4px;
  font-size: 13px;
  padding: 4px 10px 4px 10px;
}

.today-market-wrap .nav-tabs .nav-link:focus,
.nav-tabs .nav-link:active,
.nav-tabs .nav-link:hover {
  isolation: isolate;
  /* border-color: var(--bs-nav-tabs-link-hover-border-color); */
  border-bottom: 2px solid rgba(0, 0, 96, 1);
  color: rgba(0, 0, 96, 1);
  font-family: Retina;
  font-size: 14px;
  font-weight: 400;
  padding: 4px 10px 4px 10px;
}

.today-market-wrap .nav-link {
  display: block;
  padding: 4px 0px;
  font-size: var(--bs-nav-link-font-size);
  font-weight: 500;
  color: #4F4F4F;
  text-decoration: none;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

/* .today-market-wrap .nav-link.active {



border-bottom: 2px solid rgba(0, 0, 96, 1);



color: rgba(0, 0, 96, 1);



} */
.today-market-wrap ul#myTab li.nav-item button.active {
  border-bottom: none !important;
  color: #fff;
  background: rgba(0, 0, 96, 1);
  border-radius: 4px;
  font-weight: 500;
  font-size: 13px;
  padding: 4px 10px 4px 10px;
}

.graph-img-wrap img {
  width: 100%;
}

.influ-table {
  width: 100%;
  height: auto;
  /*box-shadow: 0px 0px 4px -2px #000;*/
  padding-bottom: 20px;
}

.influ-table table {
  width: max-content;
  min-width: 100%;
  height: auto;
  text-align: center;
  font-family: Retina;
}

.table-responsive {
  overflow-x: auto;
  padding-bottom: 9px;
  padding-top: 22px;
}

.table-responsive::-webkit-scrollbar {
  width: 1px;
  /* width of the entire scrollbar */
  height: 4px;
}

.table-responsive::-webkit-scrollbar-track {
  background: transparent;
  /* color of the tracking area */
}

.table-responsive::-webkit-scrollbar-thumb {
  background-color: #002293;
  border: 1px solid #D9D9D980;
  /* color of the scroll thumb */
  border-radius: 2px;
  /* roundness of the scroll thumb */
}

.influ-table table tr:nth-child(1) {
  background: rgba(230, 230, 230, 0.25);
}

.influ-table table tr:last-child {
  border-bottom: 1px solid #E5E5E5;
}

.influ-table table tr th {
  font-size: 14px;
  font-size: 13px;
  font-weight: 500;
  /* padding: 10px 13px; */
  padding: 10px 5px;
  text-align: left;
  color: rgba(102, 102, 102, 1);
  /* border-right: 1px solid rgba(219, 219, 219, 1); */
}

.influ-table table tr th:last-child {
  border-right: none;
}

.influ-table table tr td {
  font-size: 13px;
  font-weight: 400;
  color: #000;
  border-bottom: 1px solid #ebebeb;
  padding: 5px;
  text-align: justify;
  font-family: Retina;
  vertical-align: middle;
}

.influ-table table tr td.green-trade {
  font-size: 13px;
  font-weight: 400;
  color: rgba(7, 148, 85, 1);
}

.influ-table table tr td.red-trade {
  font-size: 13px;
  font-weight: 400;
  color: rgba(217, 45, 32, 1);
}

.influ-table table tr td span {
  font-family: Retina;
  font-size: 11px;
  font-weight: 400;
  text-align: center;
  color: rgba(7, 148, 85, 1);
  border: 2px solid rgba(7, 148, 85, 1);
  padding: 2px;
}

.influ-table table tr td span.down-market {
  font-family: Retina;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: rgba(217, 45, 32, 1);
  border: 2px solid rgba(217, 45, 32, 1);
  padding: 3px 6px;
}

.influ-table table tr td span.down-market i {
  transform: rotate(180deg);
}

.influ-table table tr td img {
  width: 65px;
  height: 40px;
  object-fit: contain;
}

.influ-table table tr td form {
  width: 100%;
  height: auto;
}

/* ---------- TODAY MARKET CSS ------------- */

/* ------------- AGGREGATE NEW ARTICLE CSS ------------ */







.agretiate-newsarticle-wrap {
  padding: 46px 0 14px 0;
  display: flex;
  gap: 23px;
  flex-direction: column;
}

.agretiate-newsarticle-wrap .heading-sec {
  position: relative;
  width: 100%;
  display: flex;
  align-items: baseline;
}

.agretiate-newsarticle-wrap h2 {
  font-family: Escrow;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 13px;
  letter-spacing: 0.7px;
  width: 100%;
  text-align: left;
  color: rgba(26, 26, 26, 1);
  border-bottom: 2px solid #000;
}

.agretiate-newsarticle-wrap a {
  position: absolute;
  right: 0px;
  font-family: Retina;
  font-size: 15px;
  font-weight: 400;
  color: rgba(53, 56, 205, 1);
}

.agretiate-card-wrap {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.agretiate-card-wrap .agretiate-page-box {
  width: 281px;
  height: auto;
  overflow: hidden;
  background: #FFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 20px;
  position: relative;
}

.agretiate-card-wrap .agretiate-page-box img {
  width: 100%;
  height: 150px;
  object-fit: cover;
  margin-bottom: 0px;
}

.agretiate-card-wrap .content-agreagate {
  padding: 14px 14px 2px 14px;
  width: 100%;
}

.agretiate-page-box .play-icon {
  background: rgba(0, 9, 122, 1);
  padding: 14px 17px;
  position: absolute;
  right: 15px;
  top: 94px;
}

.agretiate-bottom-wrap .agretiate-page-box .play-icon {
  position: relative;
  top: auto;
  left: 0;
  width: fit-content;
  padding: 10px;
}

.agretiate-bottom-wrap .agretiate-page-box .play-icon a {
  font-size: 12px;
}

.agretiate-page-box .play-icon a {
  position: relative;
  color: #fff;
}

.agretiate-page-box .content-agreagate span {
  font-family: Retina;
  font-size: 14px;
  font-weight: 600;
  line-height: 19.86px;
  text-align: left;
  color: rgba(0, 9, 122, 1);
}

.agretiate-page-box .content-agreagate h2 {
  font-family: Escrow;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  color: rgba(26, 26, 26, 1);
  border-bottom: none;
  margin-bottom: 8px;
  padding-bottom: 0;
  margin-top: 6px;
}

.agretiate-page-box .content-agreagate p {
  font-family: Retina;
  font-size: 14px;
  font-weight: 400;
  line-height: 19.04px;
  text-align: left;
  color: rgba(102, 102, 102, 1);
  margin-bottom: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.agretiate-page-box .content-agreagate button {
  border-radius: 1px;
  border: 1px solid rgba(53, 56, 205, 1);
  color: rgba(53, 56, 205, 1);
  text-align: center;
  font-size: 14px;
  padding: 4px 14px;
  margin-top: 14px;
  background: transparent;
  text-transform: uppercase;
  font-family: Retina;
  font-weight: 400;
  text-align: center;
}

.agretiate-bottom-wrap {
  width: 100%;
  height: auto;
  display: flex;
  gap: 15px;
  padding-top: 51px;
}

.agretiate-bottom-wrap .agretiate-page-box {
  width: 438px;
  height: auto;
  overflow: hidden;
  background: #FFF;
  display: flex;
  align-items: center;
  padding-bottom: 0px;
  position: relative;
}

.agretiate-bottom-wrap .agretiate-page-box img {
  width: 177px;
  height: 109px;
  object-fit: cover;
  margin-bottom: 0px;
}

.agretiate-bottom-wrap .content-agreagate h2 {
  font-family: Escrow;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  color: rgba(26, 26, 26, 1);
  border-bottom: none;
  margin-bottom: 8px;
  padding-bottom: 0;
  margin-top: 6px;
}

.agretiate-bottom-wrap .content-agreagate {
  padding: 0px 14px 14px 14px;
  width: 100%;
}

.agretiate-banner-wrap {
  display: flex;
  width: 100%;
  padding-top: 44px;
}

.agretiate-banner-wrap .img-two {
  position: relative;
}

.agretiate-banner-wrap .img-one {
  position: relative;
}

.agretiate-banner-wrap .img-two .content-wrap {
  position: absolute;
  top: 46px;
  padding: 10px 24px;
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.79) 100%);
}

.agretiate-banner-wrap .img-two .content-wrap h3 {
  font-family: Escrow;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  text-align: left;
  color: #fff;
}

.agretiate-banner-wrap .img-two .content-wrap p {
  font-family: Retina;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #fff;
  margin-bottom: 28px;
}

.agretiate-banner-wrap .img-two a {
  border-radius: 1px;
  /* border: 1px solid rgba(53, 56, 205, 1); */
  color: #fff;
  text-align: center;
  font-size: 14px;
  padding: 12px 18px;
  /* margin-top: 23px; */

  /* margin-top: 25px; */



  background: rgba(23, 178, 106, 1);
  font-family: Retina;
  font-weight: 400;
  text-align: center;
}

.agretiate-banner-wrap .img-one .play-icon {
  background: transparent;
  padding: 15px 15px 14px 17px;
  position: absolute;
  border: 3px solid #fff;
  right: 177px;
  align-items: center;
  /* width: 13%; */
  border-radius: 30px;
  top: 117px;
}

.agretiate-banner-wrap .img-one .play-icon a {
  position: relative;
  color: #fff;
}

/* ------------- AGGREGATE NEW ARTICLE CSS ------------ */

/* ------==============  NEWS MOST RECENT CSS ---============= */











.news-mostrecent-wrap {
  padding: 14px 4px;
  width: 100%;
  height: auto;
}

.news-mostrecent-wrap .heading-sec {
  position: relative;
  width: 100%;
  padding-bottom: 14px;
  display: flex;
  align-items: baseline;
}

.news-mostrecent-wrap .heading-sec h2 {
  font-family: Escrow;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 13px;
  width: 100%;
  letter-spacing: 0.7px;
  text-align: left;
  color: rgba(26, 26, 26, 1);
  border-bottom: 2px solid #000;
}

.news-mostrecent-wrap .heading-sec a {
  position: absolute;
  right: 0px;
  font-family: Retina;
  font-size: 15px;
  font-weight: 400;
  color: rgba(53, 56, 205, 1);
}

.news-mostrecent-wrap .heading-sec a span {
  margin-left: 10px;
  color: #000;
}

.newsrecent-card-wrap {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 25px 15px;
}

.newsrecent-card-wrap .newsrecent-page-box {
  width: 282px;
  height: auto;
  overflow: hidden;
  background: #FFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 10px;
  position: relative;
}

.newsrecent-page-box .content-agreagate span {
  font-family: Retina;
  font-size: 14px;
  font-weight: 600;
  line-height: 19.86px;
  text-align: left;
  color: rgba(0, 9, 122, 1);
}

.newsrecent-card-wrap .newsrecent-page-box img {
  width: 100%;
  height: 150px;
  object-fit: cover;
  margin-bottom: 0px;
  flex-shrink: 0;
}

.newsrecent-card-wrap .content-agreagate {
  padding: 14px 14px 2px 14px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.newsrecent-page-box .content-agreagate h2 {
  font-family: Escrow;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  color: rgba(26, 26, 26, 1);
  border-bottom: none;
  margin-bottom: 8px;
  padding-bottom: 0;
  margin-top: 6px;
}

.newsrecent-page-box .content-agreagate p {
  font-family: Retina;
  font-size: 14px;
  font-weight: 400;
  line-height: 19.04px;
  text-align: left;
  color: rgba(102, 102, 102, 1);
  margin-bottom: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.newsrecent-page-box .content-agreagate button {
  border: 1px solid rgba(53, 56, 205, 1);
  color: rgba(53, 56, 205, 1);
  text-align: center;
  font-size: 14px;
  padding: 2px 10px;
  background: transparent;
  text-transform: uppercase;
  font-family: Retina;
  font-weight: 400;
  text-align: center;
}

.newsrecent-page-box .content-agreagate .buutonrecent-news {
  display: flex;
  justify-content: end;
  margin-top: 20px;
}

/* ---- advertise card & image ----- */
.newsrecent-card-wrap .newsrecent-advertise-box {
  width: 282px;
  height: auto;
  overflow: hidden;
  background-color: rgba(229, 233, 244, 1);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 20px;
  position: relative;
}

.newsrecent-card-wrap .newsrecent-advertise-box img {
  width: 100%;
  height: 150px;
  object-fit: cover;
  margin-bottom: 0px;
}

.newsrecent-card-wrap .content-advertise {
  padding: 14px 14px 2px 14px;
}

.newsrecent-advertise-box .content-advertise span {
  font-family: Retina;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 13px;
  display: flex;
  justify-content: center;
  color: rgba(0, 9, 122, 1);
}

.newsrecent-advertise-box .content-advertise h2 {
  font-family: Escrow;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  color: rgba(26, 26, 26, 1);
  border-bottom: none;
  margin-bottom: 8px;
  padding-bottom: 0;
  margin-top: 6px;
}

.newsrecent-advertise-box .content-advertise .user-wrap {
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: center;
  padding-top: 16px;
}

.newsrecent-advertise-box .content-advertise .user-wrap img {
  width: 50px;
  height: 50px;
  object-fit: contain;
}

.newsrecent-advertise-box .content-advertise .user-wrap p {
  font-family: Retina;
  font-size: 14px;
  margin-bottom: 0;
}

.newsrecent-card-wrap .newsrecent-banneradd-box {
  width: 282px;
  height: auto;
  overflow: hidden;
  background: #FFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 0px;
  position: relative;
}

.newsrecent-card-wrap .newsrecent-banneradd-box img {
  width: 100%;
  height: auto;
  object-fit: cover;
  margin-bottom: 0px;
}

.newsrecent-card-wrap .newsrecent-banneradd-box .content-wrap {
  position: absolute;
  top: 46px;
  padding: 10px 24px;
  background: transparent;
}

.newsrecent-card-wrap .newsrecent-banneradd-box .content-wrap h3 {
  font-family: Escrow;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  text-align: left;
  padding-bottom: 33px;
  color: #fff;
}

.newsrecent-card-wrap .newsrecent-banneradd-box .content-wrap a {
  border-radius: 1px;
  /* border: 1px solid rgba(53, 56, 205, 1); */
  color: #fff;
  text-align: center;
  font-size: 14px;
  padding: 12px 46px;
  border: 1px solid #000;
  box-shadow: 0px 0.82px 1.64px 0px rgba(16, 24, 40, 0.05);
  /* margin-top: 23px; */

  /* margin-top: 25px; */



  background: rgba(23, 178, 106, 1);
  font-family: Retina;
  font-weight: 400;
  text-align: center;
}

/* ---- advertise card & image ----- */

/* ------==============  NEWS MOST RECENT CSS ---============= */

/* --------------------==========  BREAKING NEWS CSS ==================== */











.breaking-news-wrap {
  padding: 14px 4px;
  width: 100%;
  height: auto;
}

.breaking-news-wrap .heading-sec {
  position: relative;
  width: 100%;
  padding-bottom: 14px;
  display: flex;
  align-items: baseline;
}

.breaking-news-wrap .heading-sec h2 {
  font-family: Escrow;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 13px;
  width: 100%;
  letter-spacing: 0.7px;
  text-align: left;
  color: rgba(26, 26, 26, 1);
  border-bottom: 2px solid #000;
}

.breaking-news-wrap .heading-sec a {
  position: absolute;
  right: 0px;
  font-family: Retina;
  font-size: 15px;
  font-weight: 400;
  color: rgba(53, 56, 205, 1);
}

.breaking-news-wrap {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.breaking-news-box:nth-child(1) {
  width: 289px;
  height: auto;
  overflow: hidden;
  background: rgba(229, 233, 244, 1);
  padding-bottom: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.breaking-news-box:nth-child(2) {
  width: 560px;
  height: auto;
  overflow: hidden;
  background: #FFF;
  padding-bottom: 0px;
  position: relative;
}

/* .breaking-news-box:nth-child(3) {



width: 289px;



height: 138px;



overflow: hidden;



background: #fff;



padding-bottom: 20px;



position: relative;



} */
.breaking-news-box:nth-child(2) img {
  width: 583px;
  height: 307px;
  object-fit: cover;
}

.breaking-news-box:nth-child(1) .content-agreagate {
  padding: 14px 14px 2px 14px;
}

.breaking-news-box:nth-child(1) .content-agreagate h2 {
  font-family: Escrow;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  color: rgba(26, 26, 26, 1);
  border-bottom: none;
  margin-bottom: 8px;
  padding-bottom: 0;
  margin-top: 6px;
}

.breaking-news-box:nth-child(1) .content-agreagate p {
  font-family: Retina;
  font-size: 14px;
  font-weight: 400;
  line-height: 19.04px;
  text-align: center;
  color: rgba(102, 102, 102, 1);
  margin-bottom: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.breaking-news-box:nth-child(1) .content-agreagate img {
  display: flex;
  margin: 0 auto;
}

.breaking-third-box {
  width: 289px;
  height: auto;
  overflow: hidden;
  background: transparent;
  padding-bottom: 0px;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 17px;
}

.breaking-third-box .breaking-news-box .content-agreagate {
  padding: 20px 14px 19px 14px;
}

.breaking-third-box .breaking-news-box {
  width: 289px;
  height: auto;
  overflow: hidden;
  background: #FFF;
  padding-bottom: 0px;
  position: relative;
}

.breaking-third-box .breaking-news-box .content-agreagate span {
  font-family: Retina;
  font-size: 14px;
  font-weight: 600;
  line-height: 19.86px;
  text-align: left;
  color: rgba(0, 9, 122, 1);
}

.breaking-third-box .breaking-news-box .content-agreagate h2 {
  font-family: Escrow;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  color: rgba(26, 26, 26, 1);
  border-bottom: none;
  margin-bottom: 8px;
  padding-bottom: 0;
  margin-top: 6px;
}

/* --------------------==========  BREAKING NEWS CSS ==================== */

/* -================== BUSINESS NEWS CSS ======================= */







.business-news-wrap {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.business-news-wrap .heading-sec {
  position: relative;
  width: 100%;
  padding-bottom: 14px;
  display: flex;
  align-items: baseline;
}

.business-news-wrap .heading-sec h2 {
  font-family: Escrow;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.7px;
  padding-bottom: 13px;
  width: 100%;
  text-align: left;
  color: rgba(26, 26, 26, 1);
  border-bottom: 2px solid #000;
}

.business-news-wrap {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.business-news-box:nth-child(1) {
  width: 289px;
  height: auto;
  overflow: hidden;
  background: rgba(229, 233, 244, 1);
  padding-bottom: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.business-news-box:nth-child(1) .content-agreagate {
  padding: 14px 14px 2px 14px;
}

.business-news-box:nth-child(1) .content-agreagate img {
  display: flex;
  margin: 0 auto;
}

.business-news-box:nth-child(1) .content-agreagate h2 {
  font-family: Escrow;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  color: rgba(26, 26, 26, 1);
  border-bottom: none;
  margin-bottom: 8px;
  padding-bottom: 0;
  margin-top: 6px;
}

.business-news-box:nth-child(1) .content-agreagate p {
  font-family: Retina;
  font-size: 14px;
  font-weight: 400;
  line-height: 19.04px;
  text-align: center;
  color: rgba(102, 102, 102, 1);
  margin-bottom: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.business-news-box:nth-child(2) {
  width: 560px;
  height: auto;
  overflow: hidden;
  background: #FFF;
  padding-bottom: 0px;
  position: relative;
}

.business-news-box:nth-child(2) img {
  width: 583px;
  height: 307px;
  object-fit: cover;
}

.business-page-box {
  width: 297px;
  height: auto;
  overflow: hidden;
  background: #FFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 20px;
  position: relative;
  margin-bottom: 20px;
}

.business-page-box img {
  width: 100%;
  height: 150px;
  object-fit: cover;
  margin-bottom: 0px;
}

.business-page-box .content-agreagate {
  padding: 14px 14px 14px 14px;
}

.business-page-box .content-agreagate span {
  font-family: Retina;
  font-size: 14px;
  font-weight: 600;
  line-height: 19.86px;
  text-align: left;
  color: rgba(0, 9, 122, 1);
}

.business-page-box .content-agreagate h2 {
  font-family: Escrow;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  color: rgba(26, 26, 26, 1);
  border-bottom: none;
  margin-bottom: 8px;
  padding-bottom: 0;
  margin-top: 6px;
}

/* ------ BOTTOM SEC BUSINESS CSS -------- */
.business-bottom-wrap {
  width: 100%;
  height: auto;
  display: flex;
  gap: 15px;
  padding-top: 21px;
  flex-direction: row;
  flex-wrap: wrap;
}

.business-bottom-wrap .business-page-box {
  width: 382px;
  height: auto;
  overflow: hidden;
  background: transparent;
  display: flex;
  align-items: center;
  border: 1px solid rgb(231 231 231);
  padding-bottom: 0px;
  position: relative;
  border-top: none;
  border-left: none;
}

.business-bottom-wrap .business-page-box p {
  font-family: Retina;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  text-align: left;
  color: #1A1A1A;
  margin-bottom: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.business-bottom-wrap .business-page-box h2 {
  font-family: Escrow;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  color: rgba(26, 26, 26, 1);
  border-bottom: none;
  margin-bottom: 8px;
  padding-bottom: 0;
  margin-top: 6px;
}

/* ------ BOTTOM SEC BUSINESS CSS -------- */

/* -================== BUSINESS NEWS CSS ======================= */

/* ================= CRPTOCURRENCY CSS ================ */











.crptocurrency-wrap {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  padding: 14px 3px;
}

.crptocurrency-wrap .heading-sec {
  position: relative;
  width: 100%;
  padding-bottom: 14px;
  display: flex;
  align-items: baseline;
}

.crptocurrency-wrap .heading-sec h2 {
  font-family: Escrow;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 13px;
  width: 100%;
  letter-spacing: 0.7px;
  text-align: left;
  color: rgba(26, 26, 26, 1);
  border-bottom: 2px solid #000;
}

.crpto-right .crptocurrency-box {
  width: auto;
  height: auto;
  overflow: hidden;
  background: rgba(229, 233, 244, 1);
  padding-bottom: 0px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.crpto-right .crptocurrency-box .content-agreagate {
  padding: 53px 14px 53px 14px;
}

.crpto-right .crptocurrency-box .content-agreagate img {
  display: flex;
  margin: 0 auto;
}

.crpto-right .crptocurrency-box .content-agreagate h2 {
  font-family: Retina;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
  color: rgba(26, 26, 26, 1);
  border-bottom: none;
  margin-bottom: 8px;
  padding-bottom: 0;
  margin-top: 6px;
}

.crpto-right .crptocurrency-box .content-agreagate p {
  font-family: Retina;
  font-size: 14px;
  font-weight: 400;
  line-height: 19.04px;
  text-align: center;
  color: rgba(102, 102, 102, 1);
  margin-bottom: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.crpto-left .crptocurrency-box {
  width: auto;
  height: auto;
  overflow: hidden;
  background: transparent;
  display: flex;
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: 14px;
  align-items: flex-start;
  padding-bottom: 0px;
  position: relative;
}

.crpto-left .crptocurrency-box:last-of-type {
  border-bottom: 0;
}

.crpto-left .crptocurrency-box img {
  width: 177px;
  height: 109px;
  object-fit: cover;
  margin-bottom: 14px;
}

.crpto-left .crptocurrency-box .content-agreagate {
  padding: 10px 15px 10px 15px;
}

.crpto-left .crptocurrency-box .content-agreagate p {
  font-family: Retina;
  font-size: 15px;
  font-weight: 500;
  line-height: 19.04px;
  text-align: left;
  color: #808080;
  /* color: #000; */
  margin-bottom: 0;
  margin-top: 6px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.crpto-left .crptocurrency-box .content-agreagate span {
  font-family: Retina;
  font-size: 14px;
  font-weight: 600;
  line-height: 19.86px;
  text-align: left;
  color: rgba(0, 9, 122, 1);
}

.crpto-right .crptocurrency-box .content-agreagate .user-wrap {
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: center;
  padding-top: 2px;
}

.earnings-table table tr td.usd-coin {
  color: #0F69FF;
  font-weight: 600;
}

.crpto-right .crptocurrency-box .user-wrap img {
  width: 50px;
  height: 50px;
  object-fit: contain;
  margin: 0;
}

.crpto-right .crptocurrency-box .content-agreagate .user-wrap p {
  font-family: Retina;
  font-size: 14px;
  margin-bottom: 0;
}

.crpto-left .crptocurrency-box .content-agreagate h2 {
  font-family: Escrow;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  color: rgba(26, 26, 26, 1);
  border-bottom: none;
  margin-bottom: 8px;
  padding-bottom: 0;
  margin-top: 6px;
}

/* ================= CRPTOCURRENCY CSS ================ */

/* -===================== NEWS TECHNOLOGY CSS ============== */







.technology-news-box {
  width: 289px;
  height: auto;
  overflow: hidden;
  background: transparent;
  padding-bottom: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.technology-news-box .content-agreagate {
  padding: 15px 10px 5px 0px;
}

.technology-news-box .content-agreagate h2 {
  font-family: Escrow;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: justify;
  color: rgba(26, 26, 26, 1);
  border-bottom: none;
  margin-bottom: 8px;
  padding-bottom: 0;
  margin-top: 6px;
}

.technology-news-box .content-agreagate p {
  font-family: Retina;
  font-size: 14px;
  font-weight: 400;
  line-height: 19.04px;
  text-align: justify;
  color: rgba(102, 102, 102, 1);
  margin-bottom: 10px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.more-technology-box {
  background: transparent;
  padding: 14px;
  width: 297px;
  height: auto;
  position: relative;
  display: flex;
  /* justify-content: space-between; */
  flex-direction: column;
  margin-bottom: 28px;
}

.more-technology-box .heading-sec {
  position: relative;
  width: 100%;
  padding-bottom: 14px;
  display: flex;
  align-items: baseline;
}

.more-technology-box .heading-sec h2 {
  font-family: Escrow;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 13px;
  letter-spacing: 0.7px;
  width: 100%;
  text-align: left;
  color: rgba(26, 26, 26, 1);
  border-bottom: 2px solid #000;
}

.more-technology-box .heading-sec a {
  position: absolute;
  right: 0px;
  font-family: Retina;
  font-size: 15px;
  font-weight: 400;
  color: rgba(53, 56, 205, 1);
}

.more-technology-box .today-market-wrap {}

.today-market-wrap ul {
  padding-left: 0;
}

.today-market-wrap ul>a li {
  list-style-type: none;
  padding: 7px 7px 7px 1px;
  border-bottom: 1px solid #dfdede;
}

.today-market-wrap ul a {
  font-family: Retina;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
  color: #000;
}

/* -===================== NEWS TECHNOLOGY CSS ============== */

/* ==================== ARTICLE DETAIL CSS ================== */







.article-detail-wrap span {
  font-family: Retina;
  font-size: 24px;
  font-weight: 400;
  line-height: 19.86px;
  text-align: left;
  color: rgba(0, 9, 122, 1);
}

.article-detail-wrap h1 {
  font-family: Escrow;
  font-size: 32px;
  font-weight: 700;
  padding-bottom: 13px;
  width: 100%;
  text-align: left;
  color: rgba(26, 26, 26, 1);
  margin-bottom: 0;
  margin-top: 10px;
}

.politics-user-content span {
  font-family: Retina;
  font-size: 20px;
  font-weight: 400;
  line-height: 19.86px;
  text-align: left;
  color: rgba(0, 9, 122, 1);
}

.politics-user-content p {
  font-family: Retina;
  font-size: 14px;
  font-weight: 400;
  color: rgba(26, 26, 26, 1);
  margin-bottom: 13px;
  margin-top: 8px;
  display: flex;
  align-items: center;
}

.politics-user-content .share-icon {
  display: flex;
  align-items: baseline;
  gap: 41px;
}

.image-artcle {
  width: 100%;
}

.main-politics-content .image-artcle img {
  width: 100%;
  height: 487px;
  object-fit: cover;
}

.main-politics-content .content-article {
  padding: 9px 4px;
}

.main-politics-content .content-article span {
  font-family: Escrow;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.86px;
  text-align: left;
  color: rgba(0, 9, 122, 1);
}

.main-politics-content .content-article p {
  font-family: Escrow;
  font-size: 18px;
  font-weight: 400;
  margin-top: 8px;
  line-height: 22.86px;
  margin-bottom: 6px;
  text-align: left;
  color: rgba(0, 0, 0, 1);
}

.hide-para-content {
  background: #ffffff00;
  filter: blur(2px);
}

.show-content-wrap {
  position: relative;
  display: flex;
  justify-content: center;
}

.show-content-wrap button {
  position: absolute;
  top: 51px;
  color: rgba(0, 0, 0, 1);
  text-align: center;
  font-size: 18px;
  padding: 11px 16px;
  border: 1px solid rgba(0, 9, 122, 1);
  box-shadow: 0px 0.82px 1.64px 0px rgba(16, 24, 40, 0.05);
  background: #fff;
  font-family: 'Escrow';
  display: flex;
  align-items: center;
  gap: 14px;
  border-radius: 30px;
}

/* ==================== ARTICLE DETAIL CSS ================== */

/* ==================== about us page css ================== */











.main-about-section {
  display: flex;
  gap: 50px;
  margin: 25px 89px 25px 94px;
}

.about-right h1 {
  font-family: 'Escrow';
  margin-bottom: 24px;
  font-size: 20px;
}

.about-right h6 {
  font-family: 'Retina';
  font-size: 16px;
}

.about-right p {
  font-family: 'Retina';
  font-size: 16px;
  color: rgba(0, 0, 0, 0.7);
}

.what-we-do-section p {
  margin: 30px 0 30px 0;
  font-family: 'Retina';
  color: rgba(0, 0, 0, 0.7);
}

.what-we-do-section {
  margin: 20px;
}

.what-we-do-section h6 {
  font-size: 19px;
}

.what-we-do-section h1 {
  font-family: Retina;
  font-size: 18px;
  font-weight: 400;
  line-height: 29px;
  margin-top: 19px;
}

.what-we-do-section {
  margin: 15px 93px 20px 93px;
}

.common-condition-section p {
  margin: 20px 0;
  font-family: 'Retina';
  color: rgba(0, 0, 0, 0.7);
}

.common-condition-section {
  margin: 20px;
}

.common-condition-section h6 {
  font-size: 18px;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 10px;
}

.common-condition-section h6 span {
  border-bottom: 0 !important;
}

.common-condition-section h6::before {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 60px;
  border-bottom: 3px solid #000879;
}

.common-condition-section h1 {
  font-family: Retina;
  font-size: 18px;
  font-weight: 400;
  line-height: 29px;
  margin-top: 19px;
}

.common-condition-section {
  margin: 50px auto;
  width: 86%;
}

/* ==================== about us page css ================== */

/* ==================== event page css ================== */







.events-wrap {
  position: relative;
}

.events-wrap .nav-tabs {
  --bs-nav-tabs-border-width: 1px;
  --bs-nav-tabs-border-color: #dee2e6;
  --bs-nav-tabs-border-radius: 0.375rem;
  --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
  --bs-nav-tabs-link-active-color: #495057;
  --bs-nav-tabs-link-active-bg: #fff;
  --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;
  border-bottom: 1px solid #f1f1f1 !important;
  gap: 63px;
}

.events-wrap .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #20A99D;
  background-color: var(--bs-nav-tabs-link-active-bg);
  /* border-color: var(--bs-nav-tabs-link-active-border-color); */
  border-bottom: 2px solid #20A99D;
  font-weight: 500;
}

.events-wrap .nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  background: 0 0;
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
  color: #000000;
  font-family: Retina;
  font-size: 14px;
  font-weight: 600;
  border-bottom: 2px solid rgb(227 227 229);
}

.events-wrap .nav-tabs .nav-link:focus,
.nav-tabs .nav-link:active,
.nav-tabs .nav-link:hover {
  isolation: isolate;
  border-bottom: none !important;
  color: #303030;
  background: #EBECF5;
  border-radius: 4px;
  font-size: 13px;
  padding: 4px 10px 4px 10px;
}

.events-wrap .nav-link {
  display: block;
  padding: 4px 11px;
  font-size: var(--bs-nav-link-font-size);
  font-weight: 500;
  color: #4F4F4F;
  text-decoration: none;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

.events-wrap .nav-link.active {
  border-bottom: 2px solid #00097A;
  color: #000000;
}

.calender-drop {
  display: flex;
  /* align-content: center; */
  align-items: center;
  gap: 18px;
}

.calender-drop span {
  color: #424242;
  font-family: Retina;
  font-size: 14px;
  font-weight: 500;
}

.calender-drop p {
  font-family: 'Retina';
  margin: auto 0;
  font-size: 14px;
}

.event-calender {
  display: flex;
  gap: 20px;
  margin: 25px 0px 25px 0px;
}

.event-calender h6 {
  margin: auto 0;
  font-family: Retina;
  font-weight: 600;
}

.reportrange {
  display: flex;
  align-items: center;
  gap: 6px;
}

daterangepicker td.active

/* events tables */
.influ-table2 {
  width: 80%;
  height: auto;
  /* box-shadow: 0px 0px 4px -2px #000; */
  padding-bottom: 20px;
  margin: auto;
}

/* .influ-table2.align-table-squece {



padding: 14px 85px;



} */
.influ-table2 table {
  width: max-content;
  min-width: 100%;
  height: auto;
  text-align: center;
  font-family: Retina;
}

.influ-table2 table tr:nth-child(1) {
  background: #00097A;
}

.influ-table2 table tr th {
  font-size: 14px;
  font-weight: 500;
  padding: 10px 13px;
  text-align: center;
  color: rgb(255 255 255);
  border-right: 1px solid rgb(0 0 0);
  border-left: 1px solid rgb(0 0 0);
}

.influ-table2 table tr td {
  font-size: 13px;
  font-weight: 400;
  color: #000;
  border-bottom: 1px solid #000000;
  padding: 10px;
  border-left: 1px solid #000000;
  text-align: center;
  border-right: 1px solid #000000;
  font-family: Retina;
  vertical-align: middle;
  background: white;
}

.table-responsive2 {
  overflow-x: auto;
  padding-bottom: 9px;
  padding-top: 0px;
}

/* events tables */

/* earnings detail table */







.earnings-table {
  width: 100%;
  height: auto;
  /* box-shadow: 0px 0px 4px -2px #000; */
  padding-bottom: 20px;
  margin: 0px auto;
}

.earnings-table table {
  width: max-content;
  min-width: 100%;
  height: auto;
  text-align: center;
  font-family: Retina;
}

.earnings-table table tr:nth-child(1) {
  background: #00097A;
}

.earnings-table table tr th {
  font-size: 14px;
  font-weight: 500;
  padding: 10px 13px;
  text-align: center;
  color: rgb(255 255 255);
  border-right: 1px solid rgb(0 0 0);
  border-left: 1px solid rgb(0 0 0);
}

.earnings-table table tr td {
  font-size: 13px;
  font-weight: 400;
  color: #000;
  border-bottom: 1px solid #000000;
  padding: 10px;
  border-left: 1px solid #000000;
  text-align: center;
  border-right: 1px solid #000000;
  font-family: Retina;
  vertical-align: middle;
}

.table-responsive2 {
  overflow-x: auto;
  padding-bottom: 9px;
  padding-top: 0px;
}

.earnings-table tr:nth-child(odd) td {
  background: rgba(0, 9, 122, 0.1);
}

.second-table-heading {
  font-family: 'Retina';
  display: flex;
  gap: 94px;
  margin: 30px 0px 0px 0px;
  width: 100%;
  align-items: baseline;
}

.second-table-heading h6 {
  color: black;
  font-size: 14px;
  font-weight: 600;
}

.second-table-heading p {
  color: #424242;
  font-size: 14px;
}

.detail-table-heading {
  font-family: 'Retina';
  color: #424242;
  margin-left: 0px;
}

/* earnings detail table */

/* ==================== event page css ================== */

/* market page css */



.influ-drop-list {
  position: absolute;
  /* right: 0; */
  padding: 10px;
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  margin-top: 10px;
  display: none;
  width: 100%;
  z-index: 2;
  max-width: 100%;
}

.market-dropdown {
  width: max-content;
  height: auto;
  background: #fff;
  position: absolute;
  top: 100%;
  margin-top: 10px;
  margin-left: 0px;
  z-index: 9;
  display: none;
}

.market-table {
  width: 100%;
  height: auto;
  /* box-shadow: 0px 0px 4px -2px #000; */
  padding-bottom: 20px;
  margin: 0px auto;
}

.market-tableheading {
  font-family: 'Retina';
  color: #000000;
  margin: 25px 0 17px 0;
  font-size: 22px;
}

.stocks-box-main {
  background: white;
  margin: 30px 0;
  padding: 12px;
}

.stocks-box-main h1 {
  font-size: 24px;
  font-family: 'Retina';
}

.stocks-box-main h1 span {
  color: #002293;
}

.stocks-box-main h6 {
  font-size: 18px;
  font-family: 'Retina';
  width: 50%;
  cursor: pointer;
  color: #000;
  font-weight: 500;
}

.stocks-box-main h6 img {
  margin-left: 5px;
}

.stocks-box-main h6 span {
  color: #666;
}

.stocks-box-main p {
  font-size: 16px;
  font-family: 'Retina';
  color: #000;
  font-weight: 500;
}

.stocks-box-main p span {
  color: #666;
}

.stocks-box-main p b {
  color: #000;
  font-weight: 600;
}

.stockbox-btn a {
  background: #002293;
  color: white;
  font-family: 'Retina';
  padding: 8px 20px;
  border: 1px solid #002293;
}

.stockbox-btn .btn-white {
  background: #ffffff;
  color: black;
  font-family: 'Retina';
  padding: 8px 20px;
  border: 1px solid #002293;
}

.matching-stockrow {
  display: flex;
  align-content: center;
  align-items: center;
  gap: 30px;
  font-family: 'Retina';
}

.matching-stockrow h1 {
  font-size: 18px;
  margin: 0;
  padding: 0;
}

.matching-stockrow p {
  font-size: 16px;
  margin: 0;
  padding: 0;
  color: #424242;
}

.matching-stock-sec p {
  display: flex;
  align-content: center;
  align-items: center;
  gap: 8px;
  margin: 3px 0;
}

.events-wrap .nav-tabs-stocks {
  --bs-nav-tabs-border-width: 1px;
  --bs-nav-tabs-border-color: #dee2e6;
  --bs-nav-tabs-border-radius: 0.375rem;
  --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
  --bs-nav-tabs-link-active-color: #495057;
  --bs-nav-tabs-link-active-bg: #fff;
  --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;
  border-bottom: 1px solid #f1f1f1 !important;
  gap: 70px;
  margin-bottom: 15px;
  margin-left: 0;
}

.matching-stock-sec .resultp {
  display: flex;
  align-content: center;
  align-items: center;
  gap: 8px;
  margin: 11px 0 11px 0;
  font-family: 'Retina';
}

.stockbox-btn {
  margin: 5px 0px;
}

/* market page css */

/* clean energy */



.section-1-sectors h2 {
  font-family: Escrow;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.7px;
  padding-bottom: 13px;
  width: 86.1%;
  text-align: left;
  color: rgba(26, 26, 26, 1);
  border-bottom: 2px solid #000;
  margin: 0 auto;
  position: relative;
  margin-top: 15px;
}

.section-1-sectors a {
  position: absolute;
  right: 95px;
  font-family: Retina;
  font-size: 15px;
  font-weight: 400;
  color: rgba(53, 56, 205, 1);
  top: 0;
}

.heading-sec {
  position: relative;
}

.card-clean-energy-sec1 {
  width: fit-content;
  text-align: center;
  font-family: 'Retina';
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.card-clean-energy-sec1 p {
  color: #666666;
  margin: 0;
  font-size: 11px;
}

.card-clean-energy-sec1 h6 {
  color: #000000;
  margin: 0;
  font-size: 12px;
  width: max-content;
}

.right-sec {
  background: white;
  display: flex;
  gap: 14px;
  width: fit-content;
  padding: 23px 12px;
  height: fit-content;
}

.body-section1 .left-sec p {
  font-family: retina;
  font-size: 14px;
  color: #424242;
  /* padding-left: 94px; */

  /* padding-right: 23px; */
}

.body-section1 {
  display: flex;
  width: 100%;
  /* margin: 20px 0px; */
}

.clear-energy-table {
  height: auto;
  /* box-shadow: 0px 0px 4px -2px #000; */
  padding-bottom: 20px;
  margin: 0px auto;
  width: 100%;
}

.table-diagram {
  display: flex;
  gap: 20px;
}

.clear-energy-table table tr th {
  font-size: 14px;
  font-weight: 500;
  padding: 10px 13px;
  text-align: center;
  color: rgb(255 255 255);
  border-right: 1px solid rgb(0 0 0);
  border-left: 1px solid rgb(0 0 0);
}

.clear-energy-table table tr td {
  font-size: 12px;
  font-weight: 400;
  color: #000;
  border-bottom: 1px solid #000000;
  padding: 10px;
  border-left: 1px solid #000000;
  text-align: center;
  border-right: 1px solid #000000;
  font-family: Retina;
  vertical-align: middle;
}

.table-diagram .right-table img {
  width: 433px;
}

.left-table-white {
  width: 49%;
}

.clean-energy-white-table-heading h1 {
  font-size: 22px;
  letter-spacing: 0.7px;
}

.clean-energy-white-table-heading {
  display: flex;
  justify-content: space-between;
}

.clean-energy-table {
  width: 100%;
  height: auto;
  /* box-shadow: 0px 0px 4px -2px #000; */
  padding-bottom: 20px;
}

.clean-energy-table table tr th {
  font-size: 12px;
  font-weight: 500;
  padding: 9px 4px;
  text-align: center;
  color: rgba(102, 102, 102, 1);
  border-bottom: 1px solid #CCCCCC;
  background: rgba(230, 230, 230, 0.25);
  font-family: 'Retina';
}

.clean-energy-table table tr td {
  font-size: 12px;
  font-weight: 400;
  color: #000;
  border-bottom: 1px solid #CCCCCC;
  padding: 10px;
  text-align: justify;
  font-family: Retina;
  vertical-align: middle;
}

.table-gapped {
  caption-side: bottom;
  border-collapse: separate;
  border-spacing: 14px;
  background: white;
  border: 1px solid #CCCCCC;
}

.two-tablesection {
  display: flex;
  gap: 20px;
  margin-top: 40px;
}

.news-right-inner-1-sticky {
  background: #fff;
  padding: 14px;
  width: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  margin-bottom: 28px;
  /* position: sticky; */
  top: 10px;
}

.news-right-inner-1-sticky2 {
  background: #fff;
  padding: 14px;
  width: 100%;
  position: sticky;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  margin-bottom: 28px;
  top: 88%;
}

/* clean energy */

/* mining and expo css */







.table-gapped-mining {
  caption-side: bottom;
  border-collapse: separate;
  border-spacing: 35px 10px;
}

.table-responsive-mining {
  overflow-x: auto;
  padding-bottom: 9px;
  padding-top: 0px;
}

.agretiate-newsarticle-wrap-mining {
  padding: 46px 0 14px 0;
  display: flex;
  gap: 0px;
  flex-direction: column;
}

.mining-table table tr th {
  font-size: 12px;
  font-weight: 500;
  padding: 13px 12px;
  text-align: left;
  color: rgba(102, 102, 102, 1);
  border-bottom: 1px solid #CCCCCC;
  background: rgba(230, 230, 230, 0.25);
  font-family: 'Retina';
}

.mining-table table tr td {
  font-size: 12px;
  font-weight: 400;
  color: #000;
  border-bottom: 1px solid #CCCCCC;
  padding: 10px;
  text-align: center;
  font-family: Retina;
  vertical-align: middle;
}

.table-responsive-etf {
  overflow-x: auto;
  padding-bottom: 9px;
  padding-top: 0px;
}

.agretiate-newsarticle-wrap-section-first1 {
  padding: 0px 0 42px 0;
  display: flex;
  gap: 23px;
  flex-direction: column;
}

/* mining and expo css */

/* videos css */



.current-box1 .owl-nav {
  background: white;
  padding: 35px;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
}

.video-section {
  display: flex;
  place-content: center space-between;
  width: 86.3%;
  margin: 10px auto;
  background: white;
  padding: 35px 30px;
  margin-bottom: 38px;
}

.video-list h6 {
  color: black;
  font-family: 'Retina';
  margin: 0;
}

.video-list {
  margin: 17px 0;
}

.newsletter {
  padding: 24px 20px;
  margin: 0 auto;
  width: 100%;
  background: #00097A;
  color: white;
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
  gap: 20rem;
}

.left-newsletter h1 {
  font-size: 32px;
}

.left-newsletter p {
  font-size: 14px;
  font-family: 'Retina';
  margin: 0;
}

.left-newsletter {
  width: 50%;
  margin-left: 76px;
}

.video-list p {
  color: #666666;
  font-family: 'Retina';
  font-size: 13px;
  margin: 0;
}

.right-newsletter button {
  outline: none;
  border: none;
  padding: 8px 20px;
}

.videos-left h2 {
  color: #002293;
  font-size: 24px;
  font-family: 'Retina';
}

.video-right {
  position: relative;
}

a.play-video-icon {
  position: absolute;
  /* left: 0; */

  /* right: 0; */

  /* bottom: 0; */

  /* margin: 0 auto; */
}

.video-right {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.heading-recentvideo h1 {
  font-size: 20px;
  color: rgb(0, 34, 147);
  font-family: Retina;
  margin: 0 0 12px 0;
}

.recent-video .crptocurrency-box {
  width: auto;
  height: auto;
  overflow: hidden;
  background: transparent;
  display: flex;
  border-bottom: none;
  margin-bottom: 14px;
  align-items: flex-start;
  padding-bottom: 0px;
  position: relative;
}

.recent-video {
  background: white;
  padding: 21px;
  margin-bottom: 20px;
}

.recent-video .crptocurrency-box .content-agreagate h2 {
  font-family: 'Retina';
  font-size: 12px;
  font-weight: 700;
  line-height: 17px;
  text-align: left;
  color: rgba(26, 26, 26, 1);
  border-bottom: none;
  margin-bottom: 8px;
  padding-bottom: 0;
  margin-top: 6px;
}

.video-right {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

a.play-video-icon {
  position: absolute;
  /* left: 0; */

  /* right: 0; */

  /* bottom: 0; */

  /* margin: 0 auto; */
}

/* videos css */

/* ----- SCREENS CSS -------- */







.resultlist-scrreners-wrap {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 14px 14px;
  margin-bottom: 14px;
  background-color: #fff;
}

.resultlist-scrreners-wrap p {
  font-size: 14px;
  font-family: 'Retina';
  color: #666666;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 70px 9px;
}

.stock-from-wrap form label {
  width: 100%;
  display: flex;
  /* flex-direction: column; */
  gap: 5px;
  align-items: center;
  margin-bottom: 9px;
}

.stock-from-wrap form label span {
  color: #000000;
  font-size: 16px;
  font-family: 'Retina';
  font-weight: 500;
  width: 20%;
}

.stock-from-wrap {
  padding: 5px 5px 12px 5px;
  display: none;
}

.stock-from-wrap.open {
  display: block !important;
}

.stock-from-wrap form label input[type="text"] {
  border-radius: 0px;
  border: 1px solid #999999;
  background: #fff;
  width: 100%;
  /* border-top: none;



  border-left: none;



  border-right: none; */
  animation: none;
  height: auto;
  padding: 8px 10px;
  outline: none;
  color: #444;
  /* border: none; */
  font-size: 14px;
  font-family: 'Retina';
  font-weight: 400;
}

.stock-from-wrap form input[type="text"]::placeholder {
  color: #999999;
  font-size: 14px;
  font-family: 'Retina';
}

.stock-from-wrap label .stock-content-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
}

.stock-from-wrap form p {
  color: #444444;
  font-weight: 500;
  font-size: 16px;
  font-family: 'Retina';
  align-items: center;
  padding: 10px 12px 10px 12px;
  display: flex;
  margin-bottom: 0;
  background: #F5F5F5;
  border-radius: 6px;
  cursor: pointer;
}

.stock-from-wrap form a {
  color: #000 !important;
  font-weight: 500;
  border: none;
  padding: 3px 7px;
  font-size: 16px;
  outline: none;
  border-radius: 6px;
  font-family: 'Retina';
  display: flex;
  align-items: center;
  gap: 5px;
  margin-right: -9px;
}

.stock-from-wrap form a img.cross-icon {
  width: 24px;
}

.stock-from-wrap form a img {
  width: 17px;
}

.star-box {
  display: flex;
  gap: 4px;
  /* width: 29px; */
}

.star-box img {
  width: 18px;
}

.stock-from-wrap form label .stock-content-wrap button {
  color: #999999;
  font-weight: 500;
  border: none;
  background: none;
  border-bottom: 1px solid #999999;
  padding: 8px 12px;
  font-size: 14px;
  outline: none;
  border-radius: 0px;
  font-family: 'Retina';
  display: flex;
  align-items: center;
  gap: 5px;
}

.stock-from-wrap form label .stock-content-wrap button:focus {
  background-color: #999999;
  color: #fff;
}

/* ----- SCREENS CSS -------- */

/* --------- ADD REASON POPUP CSS --------- */











.add-reason-popup button.btn-close {
  right: 9px;
  position: absolute;
  top: 9px;
  background: url(../images/Finance-imgs/cross-popup.svg);
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 9999;
  padding: 0;
  border-radius: 50%;
  outline: none;
  opacity: 1;
  box-shadow: none;
}

.add-reason-popup .modal-body {
  padding: 2rem 2rem 2rem 2rem;
  border-radius: 6px;
  /* border: 1px solid #414040; */
  background: var(--Black, #fff);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}

.add-reason-popup .modal-dialog {
  padding: 3rem 1rem 1rem 1rem;
  max-width: 767px;
}

.add-reason-popup-in {
  width: 100%;
  height: auto;
}

.add-reason-popup-in h1 {
  font-size: 20px;
  font-family: 'Retina';
  color: #00097A;
  text-align: center;
}

.all-checklist-wrap {
  display: flex;
  width: 100%;
  /* justify-content: space-between; */
  flex-wrap: wrap;
  gap: 14px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.checklist-checkbox-wrap2 {
  display: flex;
  align-items: center;
  gap: 6px;
  width: auto;
  background: #F5F5F5;
  border-radius: 6px;
  padding: 10px 12px 10px 12px;
}

.checklist-checkbox-wrap2 input[type="checkbox"]:checked {
  background-image: url(../images/Finance-imgs/check.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 15px;
  background-color: #444444;
  border: none;
}

.checklist-checkbox-wrap2 input[type="checkbox"] {
  width: 19px;
  height: 18px;
  margin-right: 4px;
  cursor: pointer;
  appearance: none;
  border: 2px solid #444444;
  /* background-color: #CE2127; */
  border-radius: 3px;
  outline: none;
}

.checklist-checkbox-wrap2 span {
  color: #444444;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  font-family: 'Retina';
}

.add-reason-popup-in button {
  background: #002293;
  color: white;
  font-family: 'Retina';
  padding: 8px 20px;
  border: 1px solid #002293;
}

/* --------- ADD REASON POPUP CSS --------- */

/* ---------- VIDEO LIVE DETIAL CSS ------- */







.video-livedetail-wrap {
  padding: 14px 4px;
  width: 100%;
  height: auto;
}

.video-livedetail-left-wrap {
  padding: 14px 14px;
  display: flex;
  gap: 23px;
  background: #FFF;
  flex-direction: column;
}

.video-right img {
  width: 838px;
  height: 379px;
  object-fit: none;
}

.video-livedetail-left-wrap p {
  font-family: Retina;
  font-size: 14px;
  font-weight: 500;
  line-height: 25px;
  text-align: left;
  color: #000;
  margin-bottom: 0;
  margin-top: 6px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.video-livedetail-left-wrap h2 {
  font-family: Escrow;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: -18px;
  /* text-align: left; */
  color: rgba(0, 9, 122, 1);
}

.video-livedetail-left .video-livedetail-box {
  width: auto;
  height: auto;
  overflow: hidden;
  background: transparent;
  display: flex;
  /* border-bottom: 1px solid #e3e3e3; */
  margin-bottom: 14px;
  align-items: flex-start;
  padding-bottom: 0px;
  position: relative;
}

.video-livedetail-left .video-livedetail-box img {
  width: 177px;
  height: 109px;
  object-fit: cover;
  margin-bottom: 14px;
}

.video-livedetail-left .video-livedetail-box .content-agreagate {
  padding: 11px 14px 0px 14px;
}

.video-livedetail-left .video-livedetail-box .content-agreagate span {
  font-family: Retina;
  font-size: 14px;
  font-weight: 600;
  line-height: 19.86px;
  text-align: left;
  color: rgba(0, 9, 122, 1);
}

.video-livedetail-left .video-livedetail-box .content-agreagate p {
  font-family: Retina;
  font-size: 14px;
  font-weight: 400;
  line-height: 19.04px;
  text-align: left;
  color: #1A1A1A;
  margin-bottom: 0;
  margin-top: 6px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.video-livedetail-box .play-icon {
  background: transparent;
  padding: 15px 15px 14px 17px;
  position: absolute;
  border: 3px solid #fff;
  /* right: 0; */
  left: 60px;
  align-items: center;
  /* width: 13%; */
  border-radius: 30px;
  top: 27px;
}

.video-livedetail-box .play-icon a {
  position: relative;
  color: #fff;
}

/* ---------- VIDEO LIVE DETIAL CSS ------- */

/* FOOTER-SECTION */







.footer-wrap {
  width: 100%;
  height: auto;
  padding: 40px 0 0px 0;
  background: rgba(0, 0, 0, 1);
}

.footer-inner {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}

.footer-inner .footer-in-box:nth-child(1) {
  width: 24%;
}

.footer-inner .footer-in-box:nth-child(2) {
  width: 15%;
}

.footer-inner .footer-in-box:nth-child(3) {
  width: 15%;
}

.footer-inner .footer-in-box:nth-child(4) {
  width: 15%;
}

.footer-inner .footer-in-box:nth-child(5) {
  width: 17%;
}

.footer-in-box {
  width: auto;
}

.footer-in-box .logo-img {
  width: 250px;
  border-radius: 5px;
  margin-bottom: 20px;
}

.footer-in-box .logo-img a {
  display: block;
}

.footer-in-box .logo-img img {
  width: 100%;
  height: 100%;
}

.footer-in-box p {
  line-height: 25px;
  margin-bottom: 0;
  color: #B3B3B3;
  font-size: 16px;
  font-weight: 400;
  font-family: 'Retina';
}

.footer-in-box h1 {
  color: #B3B3B3;
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 15px;
}

.footer-in-box ul {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.footer-in-box ul li {
  list-style: none;
}

.footer-in-box ul li a {
  color: #B3B3B3;
  font-size: 16px;
  font-weight: 400;
  font-family: 'Retina';
}

.footer-in-box h2 {
  display: flex;
  align-items: flex-start;
  color: #FFF;
  font-size: 13px;
  font-weight: 400;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 10px;
  gap: 6px;
}

.footer-in-box h2 span {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #005911;
  border-radius: 50%;
}

.footer-in-box h2 a {
  width: 88%;
  color: #FFF;
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
}

.pay-img {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  padding-top: 10px;
}

.pay-img img {
  width: 40px;
}

.footer-bottom {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 100px;
  /* border-top: 1px solid #fff; */
  margin-top: 50px;
  position: relative;
}

.footer-bottom::before {
  content: '';
  border: 1px solid #fff;
  position: absolute;
  top: -2px;
  width: -webkit-fill-available;
  max-width: 85%;
}

.follow-wrap {
  display: flex;
  align-items: center;
  gap: 14px;
}

.follow-wrap .icons-wrap {
  gap: 13px;
  display: flex;
}

.footer-bottom p {
  margin: 0;
  padding: 0;
  color: #FFF;
  font-size: 14px;
  font-weight: 400;
  font-family: 'Retina';
}

/* FOOTER-SECTION */

/* DK-CSS */











#current-box .owl-stage-outer .owl-stage .owl-item:not(.active)+.owl-item.active .box-wrap .border-inner {
  border-right: 0;
}

.today-market-wrap ul#myTab {
  display: flex;
  justify-content: space-between;
}

/* SUB */
.subscribe-newsletter-wrap {
  width: 100%;
  height: auto;
  padding: 50px 0;
  padding-bottom: 30px;
  background: #00097A;
}

.subscribe-newsletter-in {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 30px;
}

.subscribe-newsletter-in h1 {
  font-family: Escrow;
  font-size: 35px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 10px;
}

.subscribe-newsletter-in p {
  font-family: Retina;
  font-size: 16px;
  font-weight: 500;
  line-height: 25px;
  color: #fff;
  margin-bottom: 0;
}

.subscribe-newsletter-in button {
  background: #fff;
  padding: 10px 30px;
  font-family: Retina;
  font-size: 18px;
  font-weight: 400;
  color: #1A1A1A;
  border: none;
  outline: none;
}

/* SUB */

/* TABLE */







.influ-table2.align-table-squece {
  position: relative;
}

.table-btn {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.table-btn a {
  color: #4D4D4D;
  font-size: 20px;
  margin-left: -20px;
}

.table-btn a:last-child {
  color: #4D4D4D;
  font-size: 20px;
  margin-right: -20px;
}

/* TABLE */
.crpto-left {
  margin-bottom: 30px;
}

.clean-energy-white-table-heading p {
  color: #00097A;
}

/* CONTACT-PAGE */
.contact-page {
  width: 100%;
  height: auto;
  padding: 50px 0;
}

.contact-in {
  width: 100%;
  height: auto;
  margin-bottom: 40px;
}

.contact-in h1 {
  font-family: Escrow;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
  text-transform: uppercase;
  color: #000;
}

.contact-in h1 span {
  color: #000879;
}

.contact-in hr {
  width: 90px;
  height: 3px;
  margin: 0px 0 15px 0;
  display: block;
  opacity: 1;
  border: none;
  background: #000879;
}

.contact-in-list p {
  margin-bottom: 6px;
}

.contact-in p {
  font-family: Retina;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  color: #000000B2;
  text-align: justify;
}

.contact-in p b {
  color: #000;
}

.contact-in p span {
  color: #666;
}

.contact-in ul {
  padding: 0;
  margin: 0;
}

.contact-in ul li {
  list-style: none;
  margin-bottom: 5px;
}

.contact-in ul li a {
  color: #000;
  font-family: Retina;
  font-size: 15px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 35%;
}

/* CONTACT-PAGE */

/* ------ SIDEBAR FOOTER CSS ------- */











.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.crpto-right .footer-box {
  width: auto;
  height: auto;
  overflow: hidden;
  background: #000;
  padding: 10px 8px;
  margin-top: 13px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.crpto-right .footer-box .content-footer {
  padding: 24px 28px 19px 24px;
}

.crpto-right .footer-box .content-footer img {
  display: flex;
  margin: 0 auto;
  width: 90%;
}

.footer-content-links {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: center;
  padding: 5px 14px;
}

.crpto-right .footer-box .footer-content-links a {
  color: #B3B3B3;
  font-size: 16px;
  font-weight: 400;
  font-family: 'Retina';
}

.crpto-right .footer-box p {
  padding: 0;
  color: #FFF;
  font-size: 13px;
  font-weight: 400;
  font-family: 'Retina';
  margin-top: 18px;
}

/* ------ SIDEBAR FOOTER CSS ------- */

/* DK-CSS 05-05-2025 */



.top-strip-in .logo {
  display: contents;
}

.top-strip-in .logo a {
  display: block;
  transform-origin: left;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.top-strip-in .logo a:before {
  content: "";
  background-image: url(../../user/images/Finance-imgs/financial-star-logo.png);
  background-position: -94px 0;
  background-repeat: no-repeat;
  display: block;
  height: 55px;
  width: 54px;
  display: inline-block;
}

.top-strip-in .logo a span {
  display: inline-block;
  text-indent: -9000px;
}

.top-strip-in .logo a:after {
  content: "";
  background-image: url(../../user/images/Finance-imgs/financial-star-logo.png);
  background-position: 0 -145px;
  background-repeat: no-repeat;
  display: block;
  height: 51px;
  width: 357px;
  display: inline-block;
}

/* DK-CSS 05-05-2025 */
.down-market {
  cursor: pointer;
  /* Changes the cursor to a pointer (hand) */
}

span.getTikcerName {
  cursor: pointer;
}

/* SS110825 Begin */
.news-left-wrap .big-img-wrap .img-wrap {
  width: 500px;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.news-left-wrap .big-img-wrap img,
.business-news-box:nth-child(2) img,
.breaking-news-box:nth-child(2) img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.business-news-box:nth-child(2),
.breaking-news-box:nth-child(2) {
  height: 320px;
}

.breaking-third-box .breaking-news-box {
  height: 100%;
}

.business-page-box:last-child {
  margin-bottom: 0;
}

.breaking-third-box {
  justify-content: space-between;
}

.crpto-left .crptocurrency-box img {
  height: 100%;
  mix-blend-mode: multiply;
}

.crpto-left .crptocurrency-box {
  align-items: center;
}

.trading-strip p {
  display: flex;
  align-items: center;
  gap: 5px;
}

@media only screen and (max-width:767px) {

  .news-left-wrap .big-img-wrap .img-wrap,
  .news-left-wrap .big-img-wrap .img-wrap {
    width: 100%;
  }

}

/* End Of SS110825 */

/* SS190825 Begin */
@media only screen and (max-width:767px) {
  .agretiate-newsarticle-wrap .heading-sec {
    border-bottom: 2px solid #000;
    margin-bottom: .5rem;
  }

  .agretiate-newsarticle-wrap h2 {
    border-bottom: 0;
    margin-bottom: 0;
  }

  .contactuspage table,
  .contactuspage table thead,
  .contactuspage table tbody,
  .contactuspage table thead tr th,
  .contactuspage table tbody tr td,
  .contactuspage table tr {
    display: block;
    height: auto !important;
    margin-bottom: 20px;
  }

  .contactuspage table table {
    display: table !important;
    border-collapse: collapse !important;
    width: 100% !important;
    max-width: 130px !important;
  }

  .contactuspage table table thead {
    display: table-header-group !important;
  }

  .contactuspage table table tbody {
    display: table-row-group !important;
  }

  .contactuspage table table tfoot {
    display: table-footer-group !important;
  }

  .contactuspage table table tr {
    display: table-row !important;
  }

  .contactuspage table table th,
  .contactuspage table table td {
    display: table-cell !important;
    vertical-align: middle !important;
    padding: 6px 0;
  }

  .top-news-wrap .heading-sec {
    gap: 6px;
  }

  .top-news-wrap .heading-sec a {
    flex-shrink: 0;
    position: static;
  }

}

.contactuspage table tbody tr td {
  vertical-align: top;
}

/* .contactuspage table > tbody > tr:nth-child(2) > td{

padding: 0 6px;

} */

/* End Of SS190825 */
.logo.my-logo a::before,
.logo.my-logo a::after {
  display: none !important;
  content: none !important;
}

.logo.my-logo img.fin-str-logo {
  width: 420px;
}

.crpto-left .crptocurrency-box img {
  height: 100px;
}


/* Newsletter subscription */
.btn-cross {
  opacity: 1;
}

.btn-cross:hover {
  opacity: 1;
}

.market-modal .modal-dialog {
  max-width: 900px;
}

.market-left {
  padding: 50px 40px;
}

.brand-logo {
  font-family: Escrow;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 25px;
}

.market-title {
  font-family: Escrow;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #000000;
}

.market-desc {
  font-family: Escrow;
  color: #666666;
  font-size: 14px;
  margin-bottom: 25px;
  font-weight: 400;
}

.form-control {
  height: 45px;
  border-radius: 4px;
  margin-bottom: 15px;
}

.form-check-label {
  font-family: Escrow;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
}

.submit-btn {
  font-family: Escrow;
  background: #002293;
  border: none;
  height: 45px;
  font-weight: 500;
  margin-top: 15px;
}

.form-check-input:checked {
  background-color: #002293 !important;
  border-color: #002293 !important;
}

.market-right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.modal-content {
  border-radius: 8px;
  overflow: hidden;
  border: none;
}

@media only screen and (min-width: 320px) and (max-width: 359px) {
  .brand-logo img {
    width: 226px;
  }
}

@media only screen and (min-width: 1000px) and (max-width: 1600px) {
  .brand-logo img {
    width: 324px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 467px) {
  button.btn-cross img {
    filter: invert(1);
  }
}

@media (max-width: 768px) {
  .market-left {
    padding: 30px 20px;
  }

  .market-title {
    font-size: 24px;
  }
}

/* Newsletter subscription end */






@media only screen and (min-width:1280px) and (max-width:1300px) {}

@media only screen and (min-width:1000px) and (max-width:1279px) {

  /* PP */
  .search {
    width: 25%;
  }

  .breaking-news-box:nth-child(2) {
    width: 390px;
  }

  /* PP */

  /* HOME */
  .search {
    position: relative;
  }

  .cart-btn {
    margin-left: auto;
  }

  .carousel-item img {
    height: auto;
  }

  .trending-products-bottom {
    flex-wrap: wrap;
  }

  .price-tag {
    align-items: center;
  }

  .about-inner .about-box {
    margin-top: 10px;
  }

  .about-inner .about-box h2 {
    font-size: 14px;
  }

  .footer-inner .footer-in-box:nth-child(1) {
    width: 100%;
  }

  .footer-inner .footer-in-box:nth-child(2) {
    width: 15%;
  }

  .footer-inner .footer-in-box:nth-child(3) {
    width: 15%;
  }

  .footer-inner .footer-in-box:nth-child(4) {
    width: 20%;
  }

  .footer-inner .footer-in-box:nth-child(5) {
    width: 30%;
  }

  .last-top-popup .modal-dialog {
    width: 40%;
  }

  /* HOME */

  /* PAGE-BANNER */



  .page-banner-wrap img {
    height: auto;
  }

  .page-banner-in {
    height: 220px;
  }

  /* PAGE-BANNER */

  /* BLOG */







  .blog-inner-text {
    width: 67%;
    min-height: 220px;
  }

  /* BLOG */

  /* BLOG-DETAILS */



  .blog-detail-list-box-text {
    width: 100%;
  }

  .blog-detail-list-box img {
    width: 80px;
    height: 80px;
  }

  .blog-detail-list-box-text h2 {
    font-size: 14px;
  }

  .blog-detail-list {
    padding: 15px;
  }

  /* BLOG-DETAILS */

  /* PRODUCTS-PAGE */



  .product-pg-src form label {
    width: 185px;
  }

  .product-page-in .trending-products-in {
    width: 47%;
  }

  /* PRODUCTS-PAGE */

  /* ACCOUNT-PAGES */



  .account-menu {
    position: sticky;
    top: 15px;
    z-index: 9999;
  }

  .my-account-wrap form {
    gap: 30px;
  }

  .my-account-wrap form label {
    width: 30%;
  }

  .security-inner label {
    width: 35% !important;
  }

  /* ACCOUNT-PAGES */

  /* MY-ORDER-PAGE */



  .my-order-filter form label {
    width: 23.3%;
  }

  /* MY-ORDER-PAGE */
  .trading-strip {
    display: flex;
    justify-content: center;
    background: #D9D9D9;
    width: 100%;
    gap: 15px;
    padding: 9px 0px 9px 0px;
  }

}

@media only screen and (min-width:912px) and (max-width:999px) {

  /* HOME */
  .top-strip-in {
    width: 100%;
    height: 100%;
    justify-content: space-between;
    position: relative;
    gap: 15px;
  }

  .top-strip-in .logo {
    width: 140px;
  }

  .search {
    position: relative;
    margin-right: auto;
    margin-left: 0;
  }

  .search-wrap {
    width: 100%;
  }

  .search-lbl input[type="text"] {
    width: 170px;
  }

  .search-btn {
    width: 100%;
    overflow: hidden;
  }

  .search-btn button {
    width: 100%;
  }

  .login-btn {
    justify-content: flex-start;
    gap: 10px;
  }

  .cart-btn {
    margin-left: auto;
  }

  .carousel-item img {
    height: auto;
  }

  .heading-inner {
    margin-bottom: 15px;
  }

  .heading-inner h1 {
    font-size: 18px;
  }

  .trending-products .owl-nav button {
    left: 8px;
  }

  .trending-products .owl-nav button:last-child {
    right: 8px;
  }

  .something-different-in {
    flex-direction: column;
    gap: 10px;
  }

  .something-different-left {
    width: 100%;
  }

  .something-different-right {
    width: 100%;
    flex-direction: row;
  }

  .something-different-right p {
    font-size: 14px;
  }

  .something-different-right a.call-btn {
    text-align: center;
  }

  .about-inner-image {
    margin-bottom: 15px;
  }

  .heading-inner p {
    font-size: 14px;
    line-height: 25px;
  }

  .about-inner .about-box h2 {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
  }

  .footer-inner {

    /* flex-direction: column; */



    gap: 8px;
  }

  .footer-inner .footer-in-box:nth-child(1) {
    width: 100%;
  }

  .footer-inner .footer-in-box:nth-child(2) {
    width: 48%;
  }

  .footer-inner .footer-in-box:nth-child(3) {
    width: 48%;
  }

  .footer-inner .footer-in-box:nth-child(4) {
    width: 48%;
  }

  .footer-inner .footer-in-box:nth-child(5) {
    width: 48%;
  }

  .footer-in-box h2 {
    justify-content: flex-start;
  }

  .footer-bottom p {
    font-size: 14px;
  }

  .add-cart a {
    padding: 10px;
  }

  .all-top-popup .modal-dialog {
    width: 60%;
  }

  .other-top-popup .modal-dialog {
    width: 60%;
  }

  .last-top-popup .modal-dialog {
    width: 60%;
  }

  /* HOME */

  /* PAGE-BANNER */



  .page-banner-wrap img {
    height: auto;
  }

  .page-banner-in {
    height: 170px;
  }

  .page-banner-in h1 {
    font-size: 35px;
  }

  /* PAGE-BANNER */

  /* BLOG */



  .blog-inner img {
    width: 100%;
    height: auto;
    box-shadow: -10px -10px 0px -5px #004897;
  }

  .blog-inner-text {
    width: 100%;
    min-height: 200px;
  }

  .blog-inner-text p {
    min-height: 80px;
  }

  .blog-inner:last-child {
    margin-bottom: 40px;
  }

  /* BLOG */

  /* BLOG-DETAILS */







  .blog-detail-image {
    height: auto;
  }

  .blog-detail h1 {
    font-size: 15px;
  }

  .blog-detail h2 {
    font-size: 18px;
    line-height: 29px;
  }

  .blog-detail-list-box-text {
    width: 65%;
  }

  .blog-detail-list-box img {
    width: 80px;
    height: 80px;
  }

  .blog-detail-list-box-text h2 {
    font-size: 14px;
  }

  .blog-detail-list {
    padding: 15px;
    position: sticky;
    top: 20px;
    z-index: 99;
  }

  /* BLOG-DETAILS */

  /* ADVANCED-SEARCH */



  .advance-search form {
    gap: 28px;
  }

  .advance-search form label {
    width: 47%;
  }

  .advance-search-btn input {
    width: 20%;
  }

  .before-search-inner ul {
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
  }

  .before-search-inner ul li {
    width: 30%;
    text-align: center;
  }

  .after-search-text {
    width: 550px;
  }

  /* ADVANCED-SEARCH */

  /* CONTACT-PAGE */



  .contact-in-box {
    margin-bottom: 20px;
  }

  /* CONTACT-PAGE */

  /* PRODUCTS-PAGE */



  .product-pg-src form {
    gap: 15px;
  }

  .product-pg-src form label {
    width: 100%;
  }

  .product-page-in {
    gap: 10px;
  }

  .product-page-in .trending-products-in {
    width: 100%;
  }

  /* PRODUCTS-PAGE */

  /* PAGE-BREADCRUMBS */



  .page-breadcrumbs ul {
    gap: 15px 30px;
  }

  .product-details-in-image-thumb {
    height: auto;
  }

  /* PAGE-BREADCRUMBS */

  /* PRODUCT-DETAILS */



  .product-details-in {
    position: sticky;
    top: 10px;
    z-index: 9999;
  }

  .product-details-in-image-thumb {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    position: relative;
  }

  .product-details-info h1 {
    font-size: 18px;
    line-height: 30px;
  }

  .product-details-info h1 span {
    font-size: 16px;
  }

  .equivalent-item {
    gap: 15px;
  }

  .equivalent-item h2 {
    width: 100%;
  }

  .equivalent-item ul li {
    width: 100%;
  }

  .equivalent-item ul li a {
    padding: 8px 5px;
  }

  .product-details-cart-btn {
    margin-right: 0px;
  }

  .product-details-cart-btn a {
    padding: 10px 30px;
    font-size: 14px;
  }

  .alternative-items {
    margin-left: 0;
    margin-right: auto;
  }

  /* PRODUCT-DETAILS */

  /* ACCOUNT-PAGES */



  .account-menu {
    position: sticky;
    top: 15px;
    z-index: 9999;
  }

  .my-account-wrap form label {
    width: 100%;
  }

  .security-inner input[type="submit"] {
    width: 100%;
  }

  /* ACCOUNT-PAGES */

  /* MY-ORDER-PAGE */



  .my-order-filter form label {
    width: 100%;
  }

  .my-order-filter-btn input {
    width: 50%;
  }

  .my-order-bottom {
    justify-content: center;
    padding-right: 0px;
  }

  /* MY-ORDER-PAGE */
}

@media only screen and (min-width:800px) and (max-width:911px) {

  /* HOME */
  .top-strip-in {
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    gap: 0;
    justify-content: center;
    align-items: center;
    /* align-content: flex-end; */
    flex-wrap: nowrap;
  }

  .search {
    position: relative;
    margin: inherit;
    left: 0;
    right: inherit;
    width: 100%;
  }

  .search form {
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 5px;
  }

  .nav-wrap a.navbar-brand {
    display: block;
  }

  .nav-wrap ul.navbar-nav li.nav-item:last-child a {
    position: relative;
    right: -9px;
    top: 5px;
  }

  .nav-wrap ul.navbar-nav {
    gap: 9px;
    margin: 25px 0 14px 0;
  }

  .trading-strip {
    overflow: auto;
    gap: 1px;
    padding: 9px 8px 9px 9px;
  }

  .trading-strip p {
    display: inline-flex;
    align-content: flex-start;
    justify-content: flex-start;
    gap: 9px;
    align-items: center;
    width: 100%;
    min-width: 200px;
  }

  .top-strip-in .logo {
    display: none;
  }

  .dest-dropdown {
    position: relative;
    margin-left: 0px;
  }

  /* HOME */

  /* < !-- MAIN CURRENT WRAP --> */







  .box-wrap .border-inner {
    border-right: none;
    margin-left: -23px;
  }

  /* < !-- MAIN CURRENT WRAP --> */

  /* < !--======TOP NEWS SECTION======--> */







  .news-left-wrap {
    flex-direction: column;
  }

  .news-left-wrap .big-img-wrap img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  .content-wrap {
    position: absolute;
    padding: 6px 15px;
    background: linear-gradient(231deg, rgba(0, 0, 0, 0) 9%, rgba(0, 0, 0, 0.79) 100%);
  }

  .big-img-wrap .content-wrap h3 {
    font-size: 20px;
    line-height: 30px;
  }

  .big-img-wrap .content-wrap p {
    font-size: 14px;
  }

  /* < !--======TOP NEWS SECTION======--> */

  /* < !--=========AGRETAITE NEWS VIDEOS=============--> */







  .agretiate-bottom-wrap {
    flex-direction: column;
  }

  .agretiate-banner-wrap {
    flex-direction: column;
  }

  .agretiate-banner-wrap .img-one img {
    width: 100%;
  }

  .agretiate-banner-wrap .img-two img {
    width: 100%;
    height: 350px;
  }

  .agretiate-banner-wrap .img-one .play-icon {
    right: 116px;
    top: 85px;
  }

  .agretiate-bottom-wrap .agretiate-page-box img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }

  .agretiate-bottom-wrap {
    padding-top: 4px;
  }

  .agretiate-card-wrap .agretiate-page-box {
    width: 100%;
  }

  .agretiate-bottom-wrap .agretiate-page-box {
    width: 100%;
    flex-direction: column;
  }

  /* < !--=========AGRETAITE NEWS VIDEOS=============--> */

  /* < !--============TODAYS MARKET SEC=====--> */







  .news-right-inner-1 {
    margin-bottom: 28px;
    margin-top: 33px;
  }

  /* < !--============TODAYS MARKET SEC=====--> */

  /* < !--=========NEWS MOST RECENT==========--> */







  .newsrecent-card-wrap .newsrecent-page-box {
    width: 48%;
  }

  .newsrecent-card-wrap .newsrecent-advertise-box {
    width: 48%;
  }

  /* < !--=========NEWS MOST RECENT==========--> */

  /* < !--===============NEWS CRPTOCURRENCY SEC=========--> */







  .crpto-right .crptocurrency-box {
    width: 100%;
    flex-direction: column;
  }

  .crpto-left .crptocurrency-box {
    flex-direction: column;
    border-bottom: none;
  }

  .crpto-left .crptocurrency-box img {
    width: 100%;
    height: auto;
    object-fit: cover;
    margin-bottom: 1px;
  }

  .newsrecent-card-wrap .newsrecent-banneradd-box {
    width: 48%;
  }

  .breaking-news-box:nth-child(1) {
    width: 100%;
    justify-content: flex-start;
  }

  .breaking-news-box:nth-child(2) {
    width: 100%;
  }

  .breaking-news-box:nth-child(2) img {
    width: 100%;
    height: auto;
  }

  .business-news-box:nth-child(2) {
    width: 100%;
  }

  .business-bottom-wrap .business-page-box {
    width: 100%;
  }

  .technology-news-box {
    width: 100%;
  }

  .technology-news-box {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .breaking-news-wrap {
    padding: 14px 0px;
  }

  .more-technology-box {
    width: 100%;
  }

  /* < !--===============NEWS CRPTOCURRENCY SEC=========--> */

  /* ============= ABOUT US CSSS ================ */







  .main-about-section {
    margin: 25px 4px 25px 7px;
    flex-direction: column;
    gap: 18px;
  }

  .main-about-section .about-left img {
    width: 100%;
  }

  .about-right h1 {
    font-size: 20px;
  }

  .about-right p {
    font-size: 14px;
  }

  .what-we-do-section {
    margin: 25px 4px 25px 7px;
  }

  .what-we-do-section h6 {
    font-size: 20px;
    line-height: 29px;
  }

  /* ============= ABOUT US CSSS ================ */

  /* < !--=============BUSINESS NEWS SEC=============--> */







  .business-news-box:nth-child(2) img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }

  .business-page-box {
    width: 100%;
  }

  .breaking-third-box {
    width: 100%;
  }

  .breaking-third-box .breaking-news-box {
    width: 100%;
  }

  .business-news-box:nth-child(1) {
    width: 100%;
  }

  /* < !--=============BUSINESS NEWS SEC=============--> */

  /* ================ INNER PAGES CSS ============== */







  .body-section1 {
    flex-direction: column;
  }

  .agretiate-newsarticle-wrap {
    padding: 12px 0 14px 0;
  }

  .section-1-sectors a {
    right: 21px;
  }

  .table-diagram .right-table img {
    width: 100%;
  }

  .right-sec {
    gap: 17px;
    width: 100%;
    height: auto;
    flex-direction: column;
    align-items: center;
  }

  .table-diagram {
    flex-direction: column;
  }

  .left-table-white {
    width: 100%;
  }

  .clean-energy-white-table-heading h1 {
    font-size: 20px;
  }

  .two-tablesection {
    margin-top: 21px;
    flex-direction: column;
  }

  /* ================ INNER PAGES CSS ============== */

  /* --FOOOTER -- */







  .footer-inner {

    /* flex-direction: column; */



    gap: 8px;
  }

  .footer-inner .footer-in-box:nth-child(1) {
    width: 100%;
  }

  .footer-inner .footer-in-box:nth-child(2) {
    width: 48%;
  }

  .footer-inner .footer-in-box:nth-child(3) {
    width: 48%;
  }

  .footer-inner .footer-in-box:nth-child(4) {
    width: 48%;
  }

  .footer-inner .footer-in-box:nth-child(5) {
    width: 48%;
  }

  .footer-bottom p {
    font-size: 14px;
  }

  .share-detail-wrap {
    padding: 35px 10px;
  }

  .footer-bottom {
    width: 100%;
    height: auto;
    gap: 10px;
    padding: 15px 4px;
    margin-top: 26px;
    position: relative;
    flex-direction: column;
  }

  /* --FOOOTER -- */
  .section-1-sectors a {
    right: 55px;
  }

  /* VIDEO */
  .video-right {
    width: 70%;
  }

  .video-right img {
    width: 100%;
  }

  /* VIDEO */
}

@media only screen and (min-width:768px) and (max-width:799px) {

  /* HOME */
  .top-strip-in {
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    gap: 0;
    justify-content: center;
    align-items: center;
    /* align-content: flex-end; */
    flex-wrap: nowrap;
  }

  .search {
    position: relative;
    margin: inherit;
    left: 0;
    right: inherit;
    width: 100%;
  }

  .search form {
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 5px;
  }

  .nav-wrap a.navbar-brand {
    display: block;
  }

  .nav-wrap ul.navbar-nav li.nav-item:last-child a {
    position: relative;
    right: -9px;
    top: 5px;
  }

  .nav-wrap ul.navbar-nav {
    gap: 9px;
    margin: 25px 0 14px 0;
  }

  .trading-strip {
    overflow: auto;
    gap: 1px;
    padding: 9px 8px 9px 9px;
  }

  .trading-strip p {
    display: inline-flex;
    align-content: flex-start;
    justify-content: flex-start;
    gap: 9px;
    align-items: center;
    width: 100%;
    min-width: 200px;
  }

  .top-strip-in .logo {
    display: none;
  }

  .dest-dropdown {
    position: relative;
    margin-left: 0px;
  }

  /* HOME */

  /* < !-- MAIN CURRENT WRAP --> */







  .box-wrap .border-inner {
    border-right: none;
    margin-left: -23px;
  }

  /* < !-- MAIN CURRENT WRAP --> */

  /* < !--======TOP NEWS SECTION======--> */







  .news-left-wrap {
    flex-direction: column;
  }

  .news-left-wrap .big-img-wrap img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  .content-wrap {
    position: absolute;
    padding: 6px 15px;
    background: linear-gradient(231deg, rgba(0, 0, 0, 0) 9%, rgba(0, 0, 0, 0.79) 100%);
  }

  .big-img-wrap .content-wrap h3 {
    font-size: 20px;
    line-height: 30px;
  }

  .big-img-wrap .content-wrap p {
    font-size: 14px;
  }

  /* < !--======TOP NEWS SECTION======--> */

  /* < !--=========AGRETAITE NEWS VIDEOS=============--> */







  .agretiate-bottom-wrap {
    flex-direction: column;
  }

  .agretiate-banner-wrap {
    flex-direction: column;
  }

  .agretiate-banner-wrap .img-one img {
    width: 100%;
  }

  .agretiate-banner-wrap .img-two img {
    width: 100%;
    height: 350px;
  }

  .agretiate-banner-wrap .img-one .play-icon {
    right: 116px;
    top: 85px;
  }

  .agretiate-bottom-wrap .agretiate-page-box img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }

  .agretiate-bottom-wrap {
    padding-top: 4px;
  }

  .agretiate-card-wrap .agretiate-page-box {
    width: 100%;
  }

  .agretiate-bottom-wrap .agretiate-page-box {
    width: 100%;
    flex-direction: column;
  }

  /* < !--=========AGRETAITE NEWS VIDEOS=============--> */

  /* < !--============TODAYS MARKET SEC=====--> */







  .news-right-inner-1 {
    margin-bottom: 28px;
    margin-top: 33px;
  }

  /* < !--============TODAYS MARKET SEC=====--> */

  /* < !--=========NEWS MOST RECENT==========--> */







  .newsrecent-card-wrap .newsrecent-page-box {
    width: 48%;
  }

  .newsrecent-card-wrap .newsrecent-advertise-box {
    width: 48%;
  }

  /* < !--=========NEWS MOST RECENT==========--> */

  /* < !--===============NEWS CRPTOCURRENCY SEC=========--> */







  .crpto-right .crptocurrency-box {
    width: 100%;
    flex-direction: column;
  }

  .crpto-left .crptocurrency-box {
    flex-direction: column;
    border-bottom: none;
  }

  .crpto-left .crptocurrency-box img {
    width: 100%;
    height: auto;
    object-fit: cover;
    margin-bottom: 1px;
  }

  .newsrecent-card-wrap .newsrecent-banneradd-box {
    width: 48%;
  }

  .breaking-news-box:nth-child(1) {
    width: 100%;
    justify-content: flex-start;
  }

  .breaking-news-box:nth-child(2) {
    width: 100%;
  }

  .breaking-news-box:nth-child(2) img {
    width: 100%;
    height: auto;
  }

  .business-news-box:nth-child(2) {
    width: 100%;
  }

  .business-bottom-wrap .business-page-box {
    width: 100%;
  }

  .technology-news-box {
    width: 100%;
  }

  .technology-news-box {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .breaking-news-wrap {
    padding: 14px 0px;
  }

  .more-technology-box {
    width: 100%;
  }

  /* < !--===============NEWS CRPTOCURRENCY SEC=========--> */

  /* ============= ABOUT US CSSS ================ */







  .main-about-section {
    margin: 25px 4px 25px 7px;
    flex-direction: column;
    gap: 18px;
  }

  .main-about-section .about-left img {
    width: 100%;
  }

  .about-right h1 {
    font-size: 20px;
  }

  .about-right p {
    font-size: 14px;
  }

  .what-we-do-section {
    margin: 25px 4px 25px 7px;
  }

  .what-we-do-section h6 {
    font-size: 20px;
    line-height: 29px;
  }

  /* ============= ABOUT US CSSS ================ */

  /* < !--=============BUSINESS NEWS SEC=============--> */







  .business-news-box:nth-child(2) img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }

  .business-page-box {
    width: 100%;
  }

  .breaking-third-box {
    width: 100%;
  }

  .breaking-third-box .breaking-news-box {
    width: 100%;
  }

  .business-news-box:nth-child(1) {
    width: 100%;
  }

  /* < !--=============BUSINESS NEWS SEC=============--> */

  /* ================ INNER PAGES CSS ============== */







  .body-section1 {
    flex-direction: column;
  }

  .agretiate-newsarticle-wrap {
    padding: 12px 0 14px 0;
  }

  .section-1-sectors a {
    right: 21px;
  }

  .table-diagram .right-table img {
    width: 100%;
  }

  .right-sec {
    gap: 17px;
    width: 100%;
    height: auto;
    flex-direction: column;
    align-items: center;
  }

  .table-diagram {
    flex-direction: column;
  }

  .left-table-white {
    width: 100%;
  }

  .clean-energy-white-table-heading h1 {
    font-size: 20px;
  }

  .two-tablesection {
    margin-top: 21px;
    flex-direction: column;
  }

  /* ================ INNER PAGES CSS ============== */

  /* --FOOOTER -- */







  .footer-inner {

    /* flex-direction: column; */



    gap: 8px;
  }

  .footer-inner .footer-in-box:nth-child(1) {
    width: 100%;
  }

  .footer-inner .footer-in-box:nth-child(2) {
    width: 48%;
  }

  .footer-inner .footer-in-box:nth-child(3) {
    width: 48%;
  }

  .footer-inner .footer-in-box:nth-child(4) {
    width: 48%;
  }

  .footer-inner .footer-in-box:nth-child(5) {
    width: 48%;
  }

  .footer-bottom p {
    font-size: 14px;
  }

  .share-detail-wrap {
    padding: 35px 10px;
  }

  .footer-bottom {
    width: 100%;
    height: auto;
    gap: 10px;
    padding: 15px 4px;
    margin-top: 26px;
    position: relative;
    flex-direction: column;
  }

  /* --FOOOTER -- */
  .section-1-sectors h2 {
    width: 90%;
  }

  .section-1-sectors a {
    right: 40px;
  }

  /* VIDEO */
  .video-right {
    width: 70%;
  }

  .video-right img {
    width: 100%;
  }

  /* VIDEO */

  /* --- EVENTS PAGE CSS ---- */







  .table-btn a {
    display: none;
  }

  /* --- EVENTS PAGE CSS ---- */
}

@media only screen and (min-width:480px) and (max-width:767px) {

  /* HOME */
  .top-strip-in {
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    gap: 0;
    justify-content: center;
    align-items: center;
    /* align-content: flex-end; */
    flex-wrap: nowrap;
  }

  .search {
    position: relative;
    margin: inherit;
    left: 0;
    right: inherit;
    width: 100%;
  }

  .search form {
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 5px;
  }

  .nav-wrap a.navbar-brand {
    display: block;
  }

  .nav-wrap ul.navbar-nav li.nav-item:last-child a {
    position: relative;
    right: -9px;
    top: 5px;
  }

  .nav-wrap ul.navbar-nav {
    gap: 9px;
    margin: 25px 0 14px 0;
  }

  .trading-strip {
    overflow: auto;
    gap: 1px;
    padding: 9px 8px 9px 9px;
  }

  .trading-strip p {
    display: inline-flex;
    align-content: flex-start;
    justify-content: flex-start;
    gap: 9px;
    align-items: center;
    width: 100%;
    min-width: 174px;
  }

  .trading-strip p span {
    color: #000;
    font-size: 12px;
  }

  .top-strip-in .logo {
    display: none;
  }

  .dest-dropdown {
    position: relative;
    margin-left: 0px;
  }

  /* HOME */

  /* < !-- MAIN CURRENT WRAP --> */







  .box-wrap .border-inner {
    border-right: none;
    margin-left: -23px;
  }

  /* < !-- MAIN CURRENT WRAP --> */

  /* < !--======TOP NEWS SECTION======--> */







  .news-left-wrap {
    flex-direction: column;
  }

  .news-left-wrap .big-img-wrap img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  .content-wrap {
    position: absolute;
    padding: 6px 15px;
    background: linear-gradient(231deg, rgba(0, 0, 0, 0) 9%, rgba(0, 0, 0, 0.79) 100%);
  }

  .big-img-wrap .content-wrap h3 {
    font-size: 20px;
    line-height: 30px;
  }

  .big-img-wrap .content-wrap p {
    font-size: 14px;
  }

  /* < !--======TOP NEWS SECTION======--> */

  /* < !--=========AGRETAITE NEWS VIDEOS=============--> */







  .agretiate-bottom-wrap {
    flex-direction: column;
  }

  .agretiate-banner-wrap {
    flex-direction: column;
  }

  .agretiate-banner-wrap .img-one img {
    width: 100%;
  }

  .agretiate-banner-wrap .img-two img {
    width: 100%;
    height: 350px;
  }

  .agretiate-banner-wrap .img-one .play-icon {
    right: 116px;
    top: 85px;
  }

  .agretiate-bottom-wrap .agretiate-page-box img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }

  .agretiate-bottom-wrap {
    padding-top: 4px;
  }

  .agretiate-card-wrap .agretiate-page-box {
    width: 100%;
  }

  .agretiate-bottom-wrap .agretiate-page-box {
    width: 100%;
    flex-direction: column;
  }

  /* < !--=========AGRETAITE NEWS VIDEOS=============--> */

  /* < !--============TODAYS MARKET SEC=====--> */







  .news-right-inner-1 {
    margin-bottom: 28px;
    margin-top: 33px;
  }

  /* < !--============TODAYS MARKET SEC=====--> */

  /* < !--=========NEWS MOST RECENT==========--> */







  .newsrecent-card-wrap .newsrecent-page-box {
    width: 100%;
  }

  .newsrecent-card-wrap .newsrecent-advertise-box {
    width: 100%;
  }

  .more-technology-box {
    width: 100%;
  }

  .business-bottom-wrap .business-page-box {
    width: 100%;
  }

  /* < !--=========NEWS MOST RECENT==========--> */

  /* < !--===============NEWS CRPTOCURRENCY SEC=========--> */







  .crpto-right .crptocurrency-box {
    width: 100%;
    flex-direction: column;
  }

  .crpto-left .crptocurrency-box {
    flex-direction: column;
    border-bottom: none;
  }

  .crpto-left .crptocurrency-box img {
    width: 100%;
    height: auto;
    object-fit: cover;
    margin-bottom: 1px;
  }

  .newsrecent-card-wrap .newsrecent-banneradd-box {
    width: 100%;
  }

  .breaking-news-box:nth-child(1) {
    width: 100%;
  }

  .breaking-news-wrap {
    padding: 14px 0px;
  }

  /* < !--===============NEWS CRPTOCURRENCY SEC=========--> */

  /* ============= ABOUT US CSSS ================ */







  .main-about-section {
    margin: 25px 4px 25px 7px;
    flex-direction: column;
    gap: 18px;
  }

  .main-about-section .about-left img {
    width: 100%;
  }

  .about-right h1 {
    font-size: 20px;
  }

  .about-right p {
    font-size: 14px;
  }

  .what-we-do-section {
    margin: 25px 4px 25px 7px;
  }

  .what-we-do-section h6 {
    font-size: 20px;
    line-height: 29px;
  }

  /* ============= ABOUT US CSSS ================ */

  /* < !--=============BUSINESS NEWS SEC=============--> */







  .business-news-box:nth-child(2) img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }

  .business-page-box {
    width: 100%;
  }

  .breaking-third-box {
    width: 100%;
  }

  .breaking-third-box .breaking-news-box {
    width: 100%;
  }

  .business-news-box:nth-child(1) {
    width: 100%;
  }

  /* < !--=============BUSINESS NEWS SEC=============--> */

  /* ================ INNER PAGES CSS ============== */







  .body-section1 {
    flex-direction: column;
  }

  .agretiate-newsarticle-wrap {
    padding: 12px 0 14px 0;
  }

  .section-1-sectors a {
    right: 21px;
  }

  .table-diagram .right-table img {
    width: 100%;
  }

  .right-sec {
    gap: 17px;
    width: 100%;
    height: auto;
    flex-direction: column;
    align-items: center;
  }

  .table-diagram {
    flex-direction: column;
  }

  .left-table-white {
    width: 100%;
  }

  .clean-energy-white-table-heading h1 {
    font-size: 20px;
  }

  .two-tablesection {
    margin-top: 21px;
    flex-direction: column;
  }

  .events-wrap .nav-tabs {
    gap: 9px;
    margin-left: 12px;
  }

  .event-calender {
    margin: 18px 20px 20px 20px;
    flex-direction: column;
    gap: 12px;
  }

  .influ-table2.align-table-squece {
    padding: 14px 8px;
  }

  .second-table-heading {
    gap: 1px;
    margin: 7px 0px 0px 19px;
    flex-direction: column;
  }

  .detail-table-heading {
    margin-left: 19px;
    margin-bottom: 14px;
  }

  .stocks-box-main h6 {
    width: 100%;
  }

  .stock-from-wrap form label {
    display: block;
  }

  .stock-from-wrap label .stock-content-wrap {
    align-items: flex-start;
    gap: 8px;
    flex-direction: column;
    width: 100%;
  }

  .stockbox-btn {
    display: flex;
    gap: 10px;
    flex-direction: column;
    align-items: flex-start;
  }

  .newsletter {
    padding: 24px 20px;
    width: 100%;
    height: auto;
    display: block;
  }

  .left-newsletter {
    width: 100%;
    margin-left: 0;
    margin-bottom: 17px;
  }

  /* ================ INNER PAGES CSS ============== */

  /* --FOOOTER -- */







  .footer-inner {
    flex-direction: column;
    gap: 8px;
  }

  .footer-inner .footer-in-box:nth-child(1) {
    width: 100%;
  }

  .footer-inner .footer-in-box:nth-child(2) {
    width: 48%;
  }

  .footer-inner .footer-in-box:nth-child(3) {
    width: 48%;
  }

  .footer-inner .footer-in-box:nth-child(4) {
    width: 100%;
  }

  .footer-inner .footer-in-box:nth-child(5) {
    width: 100%;
  }

  .footer-bottom p {
    font-size: 14px;
  }

  .share-detail-wrap {
    padding: 35px 10px;
  }

  .footer-bottom {
    width: 100%;
    height: auto;
    gap: 10px;
    padding: 15px 4px;
    margin-top: 26px;
    position: relative;
    flex-direction: column;
  }

  .crpto-right .footer-box {
    visibility: hidden;
  }

  /* --FOOOTER -- */
  .section-1-sectors h2 {
    width: 93%;
  }

  /* VIDEO */
  .video-section {
    flex-direction: column;
  }

  .video-right {
    width: 100%;
  }

  .video-right img {
    width: 100%;
  }

  /* VIDEO */

  /* --- EVENTS PAGE CSS ---- */







  .table-btn a {
    display: none;
  }

  /* --- EVENTS PAGE CSS ---- */
}

@media only screen and (min-width:390px) and (max-width:479px) {

  /* HOME */
  .top-strip-in {
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    gap: 0;
    justify-content: center;
    align-items: center;
    /* align-content: flex-end; */
    flex-wrap: nowrap;
  }

  .search {
    position: relative;
    margin: inherit;
    left: 0;
    right: inherit;
    width: 100%;
  }

  .search form {
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 5px;
  }

  .nav-wrap a.navbar-brand {
    display: block;
  }

  .nav-wrap ul.navbar-nav li.nav-item:last-child a {
    position: relative;
    right: -9px;
    top: 5px;
  }

  .nav-wrap ul.navbar-nav {
    gap: 9px;
    margin: 25px 0 14px 0;
  }

  .trading-strip {
    overflow: auto;
    gap: 1px;
    padding: 9px 8px 9px 9px;
  }

  .trading-strip p {
    display: inline-flex;
    align-content: flex-start;
    justify-content: flex-start;
    gap: 9px;
    align-items: center;
    width: 100%;
    min-width: 174px;
  }

  .trading-strip p span {
    color: #000;
    font-size: 12px;
  }

  .top-strip-in .logo {
    display: none;
  }

  .dest-dropdown {
    position: relative;
    margin-left: 0px;
  }

  /* HOME */

  /* < !-- MAIN CURRENT WRAP --> */







  .box-wrap .border-inner {
    border-right: none;
    margin-left: -23px;
  }

  /* < !-- MAIN CURRENT WRAP --> */

  /* < !--======TOP NEWS SECTION======--> */







  .news-left-wrap {
    flex-direction: column;
  }

  .news-left-wrap .big-img-wrap img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  .content-wrap {
    position: absolute;
    padding: 6px 15px;
    background: linear-gradient(231deg, rgba(0, 0, 0, 0) 9%, rgba(0, 0, 0, 0.79) 100%);
  }

  .big-img-wrap .content-wrap h3 {
    font-size: 20px;
    line-height: 30px;
  }

  .big-img-wrap .content-wrap p {
    font-size: 14px;
  }

  /* < !--======TOP NEWS SECTION======--> */

  /* < !--=========AGRETAITE NEWS VIDEOS=============--> */







  .agretiate-bottom-wrap {
    flex-direction: column;
  }

  .agretiate-banner-wrap {
    flex-direction: column;
  }

  .agretiate-banner-wrap .img-one img {
    width: 100%;
  }

  .agretiate-banner-wrap .img-two img {
    width: 100%;
    height: 350px;
  }

  .agretiate-banner-wrap .img-one .play-icon {
    right: 116px;
    top: 85px;
  }

  .agretiate-bottom-wrap .agretiate-page-box img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }

  .agretiate-bottom-wrap {
    padding-top: 4px;
  }

  .agretiate-card-wrap .agretiate-page-box {
    width: 100%;
  }

  .agretiate-bottom-wrap .agretiate-page-box {
    width: 100%;
    flex-direction: column;
  }

  /* < !--=========AGRETAITE NEWS VIDEOS=============--> */

  /* < !--============TODAYS MARKET SEC=====--> */







  .news-right-inner-1 {
    margin-bottom: 28px;
    margin-top: 33px;
  }

  /* < !--============TODAYS MARKET SEC=====--> */

  /* < !--=========NEWS MOST RECENT==========--> */







  .newsrecent-card-wrap .newsrecent-page-box {
    width: 100%;
  }

  .newsrecent-card-wrap .newsrecent-advertise-box {
    width: 100%;
  }

  /* < !--=========NEWS MOST RECENT==========--> */

  /* < !--===============NEWS CRPTOCURRENCY SEC=========--> */







  .crpto-right .crptocurrency-box {
    width: 100%;
    flex-direction: column;
  }

  .crpto-left .crptocurrency-box {
    flex-direction: column;
    border-bottom: none;
  }

  .crpto-left .crptocurrency-box img {
    width: 100%;
    height: auto;
    object-fit: cover;
    margin-bottom: 1px;
  }

  .newsrecent-card-wrap .newsrecent-banneradd-box {
    width: 100%;
  }

  .breaking-news-box:nth-child(1) {
    width: 100%;
  }

  .breaking-news-wrap {
    padding: 14px 0px;
  }

  /* < !--===============NEWS CRPTOCURRENCY SEC=========--> */

  /* ============= ABOUT US CSSS ================ */







  .main-about-section {
    margin: 25px 4px 25px 7px;
    flex-direction: column;
    gap: 18px;
  }

  .main-about-section .about-left img {
    width: 100%;
  }

  .about-right h1 {
    font-size: 20px;
  }

  .about-right p {
    font-size: 14px;
  }

  .what-we-do-section {
    margin: 25px 4px 25px 7px;
  }

  .what-we-do-section h6 {
    font-size: 20px;
    line-height: 29px;
  }

  /* ============= ABOUT US CSSS ================ */

  /* < !--=============BUSINESS NEWS SEC=============--> */







  .business-news-box:nth-child(2) img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }

  .business-page-box {
    width: 100%;
  }

  .breaking-third-box {
    width: 100%;
  }

  .breaking-third-box .breaking-news-box {
    width: 100%;
  }

  .business-news-box:nth-child(1) {
    width: 100%;
  }

  /* < !--=============BUSINESS NEWS SEC=============--> */

  /* ================ INNER PAGES CSS ============== */







  .body-section1 {
    flex-direction: column;
  }

  .agretiate-newsarticle-wrap {
    padding: 12px 0 14px 0;
  }

  .section-1-sectors a {
    right: 21px;
  }

  .table-diagram .right-table img {
    width: 100%;
  }

  .right-sec {
    gap: 17px;
    width: 100%;
    height: auto;
    flex-direction: column;
    align-items: center;
  }

  .table-diagram {
    flex-direction: column;
  }

  .left-table-white {
    width: 100%;
  }

  .clean-energy-white-table-heading h1 {
    font-size: 20px;
  }

  .two-tablesection {
    margin-top: 21px;
    flex-direction: column;
  }

  .events-wrap .nav-tabs {
    gap: 9px;
    margin-left: 12px;
  }

  .event-calender {
    margin: 18px 20px 20px 20px;
    flex-direction: column;
    gap: 12px;
  }

  .influ-table2.align-table-squece {
    padding: 14px 8px;
  }

  .second-table-heading {
    gap: 1px;
    margin: 7px 0px 0px 19px;
    flex-direction: column;
  }

  .detail-table-heading {
    margin-left: 19px;
    margin-bottom: 14px;
  }

  .stocks-box-main h6 {
    width: 100%;
  }

  .stock-from-wrap form label {
    display: block;
  }

  .stock-from-wrap label .stock-content-wrap {
    align-items: flex-start;
    gap: 8px;
    flex-direction: column;
    width: 100%;
  }

  .stockbox-btn {
    display: flex;
    gap: 10px;
    flex-direction: column;
    align-items: flex-start;
  }

  .newsletter {
    padding: 24px 20px;
    width: 100%;
    height: auto;
    display: block;
  }

  .left-newsletter {
    width: 100%;
    margin-left: 0;
    margin-bottom: 17px;
  }

  /* ================ INNER PAGES CSS ============== */

  /* --FOOOTER -- */







  .footer-inner {
    flex-direction: column;
    gap: 8px;
  }

  .footer-inner .footer-in-box:nth-child(1) {
    width: 100%;
  }

  .footer-inner .footer-in-box:nth-child(2) {
    width: 48%;
  }

  .footer-inner .footer-in-box:nth-child(3) {
    width: 48%;
  }

  .footer-inner .footer-in-box:nth-child(4) {
    width: 100%;
  }

  .footer-inner .footer-in-box:nth-child(5) {
    width: 100%;
  }

  .footer-bottom p {
    font-size: 14px;
  }

  .share-detail-wrap {
    padding: 35px 10px;
  }

  .footer-bottom {
    width: 100%;
    height: auto;
    gap: 10px;
    padding: 15px 4px;
    margin-top: 26px;
    position: relative;
    flex-direction: column;
  }

  .crpto-right .footer-box {
    visibility: hidden;
  }

  /* --FOOOTER -- */

  /* AUTOMOTIVE */







  .heading-sec.automotive-btn h2 {
    font-size: 19px;
  }

  .section-1-sectors h2 {
    width: 90%;
  }

  /* AUTOMOTIVE */

  /* VIDEO */







  .video-section {
    flex-direction: column;
  }

  .video-right {
    width: 100%;
  }

  .video-right img {
    width: 100%;
  }

  /* VIDEO */

  /* --- EVENTS PAGE CSS ---- */







  .table-btn a {
    display: none;
  }

  .heading-sec.agretiate-newsarticle-wrap a {
    right: 20px;
    top: 40px;
  }

  /* --- EVENTS PAGE CSS ---- */
}

@media only screen and (min-width:360px) and (max-width:389px) {

  /* HOME */
  .top-strip-in {
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    gap: 0;
    justify-content: center;
    align-items: center;
    /* align-content: flex-end; */
    flex-wrap: nowrap;
  }

  .search {
    position: relative;
    margin: inherit;
    left: 0;
    right: inherit;
    width: 100%;
  }

  .search form {
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 5px;
  }

  .nav-wrap a.navbar-brand {
    display: block;
  }

  .nav-wrap ul.navbar-nav li.nav-item:last-child a {
    position: relative;
    right: -9px;
    top: 5px;
  }

  .nav-wrap ul.navbar-nav {
    gap: 9px;
    margin: 25px 0 14px 0;
  }

  .trading-strip {
    overflow: auto;
    gap: 1px;
    padding: 9px 8px 9px 9px;
  }

  .trading-strip p {
    display: inline-flex;
    align-content: flex-start;
    justify-content: flex-start;
    gap: 9px;
    align-items: center;
    width: 100%;
    min-width: 174px;
  }

  .trading-strip p span {
    color: #000;
    font-size: 12px;
  }

  .top-strip-in .logo {
    display: none;
  }

  .dest-dropdown {
    position: relative;
    margin-left: 0px;
  }

  /* HOME */

  /* < !-- MAIN CURRENT WRAP --> */







  .box-wrap .border-inner {
    border-right: none;
    margin-left: -23px;
  }

  /* < !-- MAIN CURRENT WRAP --> */

  /* < !--======TOP NEWS SECTION======--> */







  .news-left-wrap {
    flex-direction: column;
  }

  .news-left-wrap .big-img-wrap img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  .content-wrap {
    position: absolute;
    padding: 6px 15px;
    background: linear-gradient(231deg, rgba(0, 0, 0, 0) 9%, rgba(0, 0, 0, 0.79) 100%);
  }

  .big-img-wrap .content-wrap h3 {
    font-size: 20px;
    line-height: 30px;
  }

  .big-img-wrap .content-wrap p {
    font-size: 14px;
  }

  /* < !--======TOP NEWS SECTION======--> */

  /* < !--=========AGRETAITE NEWS VIDEOS=============--> */







  .agretiate-bottom-wrap {
    flex-direction: column;
  }

  .agretiate-banner-wrap {
    flex-direction: column;
  }

  .agretiate-banner-wrap .img-one img {
    width: 100%;
  }

  .agretiate-banner-wrap .img-two img {
    width: 100%;
    height: 350px;
  }

  .agretiate-banner-wrap .img-one .play-icon {
    right: 116px;
    top: 85px;
  }

  .agretiate-bottom-wrap .agretiate-page-box img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }

  .agretiate-bottom-wrap {
    padding-top: 4px;
  }

  .agretiate-card-wrap .agretiate-page-box {
    width: 100%;
  }

  .agretiate-bottom-wrap .agretiate-page-box {
    width: 100%;
    flex-direction: column;
  }

  /* < !--=========AGRETAITE NEWS VIDEOS=============--> */

  /* < !--============TODAYS MARKET SEC=====--> */







  .news-right-inner-1 {
    margin-bottom: 28px;
    margin-top: 33px;
  }

  /* < !--============TODAYS MARKET SEC=====--> */

  /* < !--=========NEWS MOST RECENT==========--> */







  .newsrecent-card-wrap .newsrecent-page-box {
    width: 100%;
  }

  .newsrecent-card-wrap .newsrecent-advertise-box {
    width: 100%;
  }

  /* < !--=========NEWS MOST RECENT==========--> */

  /* < !--===============NEWS CRPTOCURRENCY SEC=========--> */







  .crpto-right .crptocurrency-box {
    width: 100%;
    flex-direction: column;
  }

  .crpto-left .crptocurrency-box {
    flex-direction: column;
    border-bottom: none;
  }

  .crpto-left .crptocurrency-box img {
    width: 100%;
    height: auto;
    object-fit: cover;
    margin-bottom: 1px;
  }

  .newsrecent-card-wrap .newsrecent-banneradd-box {
    width: 100%;
  }

  .breaking-news-box:nth-child(1) {
    width: 100%;
  }

  .breaking-news-wrap {
    padding: 14px 0px;
  }

  /* < !--===============NEWS CRPTOCURRENCY SEC=========--> */

  /* ============= ABOUT US CSSS ================ */







  .main-about-section {
    margin: 25px 4px 25px 7px;
    flex-direction: column;
    gap: 18px;
  }

  .main-about-section .about-left img {
    width: 100%;
  }

  .about-right h1 {
    font-size: 20px;
  }

  .about-right p {
    font-size: 14px;
  }

  .what-we-do-section {
    margin: 25px 4px 25px 7px;
  }

  .what-we-do-section h6 {
    font-size: 20px;
    line-height: 29px;
  }

  /* ============= ABOUT US CSSS ================ */

  /* < !--=============BUSINESS NEWS SEC=============--> */







  .business-news-box:nth-child(2) img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }

  .business-page-box {
    width: 100%;
  }

  .breaking-third-box {
    width: 100%;
  }

  .breaking-third-box .breaking-news-box {
    width: 100%;
  }

  .business-news-box:nth-child(1) {
    width: 100%;
  }

  /* < !--=============BUSINESS NEWS SEC=============--> */

  /* ================ INNER PAGES CSS ============== */







  .body-section1 {
    flex-direction: column;
  }

  .agretiate-newsarticle-wrap {
    padding: 12px 0 14px 0;
  }

  .section-1-sectors a {
    right: 21px;
  }

  .table-diagram .right-table img {
    width: 100%;
  }

  .right-sec {
    gap: 17px;
    width: 100%;
    height: auto;
    flex-direction: column;
    align-items: center;
  }

  .table-diagram {
    flex-direction: column;
  }

  .left-table-white {
    width: 100%;
  }

  .clean-energy-white-table-heading h1 {
    font-size: 20px;
  }

  .two-tablesection {
    margin-top: 21px;
    flex-direction: column;
  }

  .events-wrap .nav-tabs {
    gap: 9px;
    margin-left: 12px;
  }

  .event-calender {
    margin: 18px 20px 20px 20px;
    flex-direction: column;
    gap: 12px;
  }

  .influ-table2.align-table-squece {
    padding: 14px 8px;
  }

  .second-table-heading {
    gap: 1px;
    margin: 7px 0px 0px 19px;
    flex-direction: column;
  }

  .detail-table-heading {
    margin-left: 19px;
    margin-bottom: 14px;
  }

  .stocks-box-main h6 {
    width: 100%;
  }

  .stock-from-wrap form label {
    display: block;
  }

  .stock-from-wrap label .stock-content-wrap {
    align-items: flex-start;
    gap: 8px;
    flex-direction: column;
    width: 100%;
  }

  .stockbox-btn {
    display: flex;
    gap: 10px;
    flex-direction: column;
    align-items: flex-start;
  }

  .newsletter {
    padding: 24px 20px;
    width: 100%;
    height: auto;
    display: block;
  }

  .left-newsletter {
    width: 100%;
    margin-left: 0;
    margin-bottom: 17px;
  }

  /* ================ INNER PAGES CSS ============== */

  /* --FOOOTER -- */







  .footer-inner {
    flex-direction: column;
    gap: 8px;
  }

  .footer-inner .footer-in-box:nth-child(1) {
    width: 100%;
  }

  .footer-inner .footer-in-box:nth-child(2) {
    width: 48%;
  }

  .footer-inner .footer-in-box:nth-child(3) {
    width: 48%;
  }

  .footer-inner .footer-in-box:nth-child(4) {
    width: 100%;
  }

  .footer-inner .footer-in-box:nth-child(5) {
    width: 100%;
  }

  .footer-bottom p {
    font-size: 14px;
  }

  .share-detail-wrap {
    padding: 35px 10px;
  }

  .footer-bottom {
    width: 100%;
    height: auto;
    gap: 10px;
    padding: 15px 4px;
    margin-top: 26px;
    position: relative;
    flex-direction: column;
  }

  .crpto-right .footer-box {
    visibility: hidden;
  }

  /* --FOOOTER -- */

  /* DK-CSS */

  /* AUTOMOTIVE */







  .heading-sec.automotive-btn h2 {
    font-size: 18px;
  }

  .section-1-sectors h2 {
    width: 90%;
  }

  /* AUTOMOTIVE */

  /* VIDEO */







  .video-section {
    flex-direction: column;
  }

  .video-right {
    width: 100%;
  }

  .video-right img {
    width: 100%;
  }

  /* VIDEO */

  /* DK-CSS */

  /* --- EVENTS PAGE CSS ---- */







  .table-btn a {
    display: none;
  }

  .heading-sec.agretiate-newsarticle-wrap a {
    right: 20px;
    top: 40px;
  }

  /* --- EVENTS PAGE CSS ---- */
}

@media only screen and (min-width:320px) and (max-width:359px) {

  /* HOME */
  .top-strip-in {
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    gap: 0;
    justify-content: center;
    align-items: center;
    /* align-content: flex-end; */
    flex-wrap: nowrap;
  }

  .search {
    position: relative;
    margin: inherit;
    left: 0;
    right: inherit;
    width: 100%;
  }

  .search form {
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 5px;
  }

  .nav-wrap a.navbar-brand {
    display: block;
  }

  .nav-wrap ul.navbar-nav li.nav-item:last-child a {
    position: relative;
    right: -9px;
    top: 5px;
  }

  .nav-wrap ul.navbar-nav {
    gap: 9px;
    margin: 25px 0 14px 0;
  }

  .trading-strip {
    overflow: auto;
    gap: 1px;
    padding: 9px 21px 9px 60px;
  }

  .trading-strip p span {
    font-size: 12px;
  }

  .trading-strip p {
    display: inline-flex;
    align-content: flex-start;
    justify-content: flex-start;
    gap: 9px;
    align-items: center;
    width: 100%;
    min-width: 174px;
  }

  .top-strip-in .logo {
    display: none;
  }

  .dest-dropdown {
    position: relative;
    margin-left: 0px;
  }

  /* HOME */

  /* < !-- MAIN CURRENT WRAP --> */







  .box-wrap .border-inner {
    border-right: none;
    margin-left: -23px;
  }

  /* < !-- MAIN CURRENT WRAP --> */

  /* < !--======TOP NEWS SECTION======--> */







  .news-left-wrap {
    flex-direction: column;
  }

  .news-left-wrap .big-img-wrap img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  .content-wrap {
    position: absolute;
    padding: 6px 15px;
    background: linear-gradient(231deg, rgba(0, 0, 0, 0) 9%, rgba(0, 0, 0, 0.79) 100%);
  }

  .big-img-wrap .content-wrap h3 {
    font-size: 20px;
    line-height: 30px;
  }

  .big-img-wrap .content-wrap p {
    font-size: 14px;
  }

  /* < !--======TOP NEWS SECTION======--> */

  /* < !--=========AGRETAITE NEWS VIDEOS=============--> */







  .agretiate-bottom-wrap {
    flex-direction: column;
  }

  .agretiate-banner-wrap {
    flex-direction: column;
  }

  .agretiate-banner-wrap .img-one img {
    width: 100%;
  }

  .agretiate-banner-wrap .img-two img {
    width: 100%;
    height: 350px;
  }

  .agretiate-banner-wrap .img-one .play-icon {
    right: 116px;
    top: 85px;
  }

  .agretiate-bottom-wrap .agretiate-page-box img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }

  .agretiate-bottom-wrap {
    padding-top: 4px;
  }

  .agretiate-card-wrap .agretiate-page-box {
    width: 100%;
  }

  .agretiate-bottom-wrap .agretiate-page-box {
    width: 100%;
    flex-direction: column;
  }

  /* < !--=========AGRETAITE NEWS VIDEOS=============--> */

  /* < !--============TODAYS MARKET SEC=====--> */







  .news-right-inner-1 {
    margin-bottom: 28px;
    margin-top: 33px;
  }

  /* < !--============TODAYS MARKET SEC=====--> */

  /* < !--=========NEWS MOST RECENT==========--> */







  .newsrecent-card-wrap .newsrecent-page-box {
    width: 100%;
  }

  .newsrecent-card-wrap .newsrecent-advertise-box {
    width: 100%;
  }

  /* < !--=========NEWS MOST RECENT==========--> */

  /* < !--===============NEWS CRPTOCURRENCY SEC=========--> */







  .crpto-right .crptocurrency-box {
    width: 100%;
    flex-direction: column;
  }

  .crpto-left .crptocurrency-box {
    flex-direction: column;
    border-bottom: none;
  }

  .crpto-left .crptocurrency-box img {
    width: 100%;
    height: auto;
    object-fit: cover;
    margin-bottom: 1px;
  }

  .newsrecent-card-wrap .newsrecent-banneradd-box {
    width: 100%;
  }

  .breaking-news-box:nth-child(1) {
    width: 100%;
  }

  .breaking-news-wrap {
    padding: 14px 0px;
  }

  /* < !--===============NEWS CRPTOCURRENCY SEC=========--> */

  /* ============= ABOUT US CSSS ================ */







  .main-about-section {
    margin: 25px 4px 25px 7px;
    flex-direction: column;
    gap: 18px;
  }

  .main-about-section .about-left img {
    width: 100%;
  }

  .about-right h1 {
    font-size: 20px;
  }

  .about-right p {
    font-size: 14px;
  }

  .what-we-do-section {
    margin: 25px 4px 25px 7px;
  }

  .what-we-do-section h6 {
    font-size: 20px;
    line-height: 29px;
  }

  /* ============= ABOUT US CSSS ================ */

  /* < !--=============BUSINESS NEWS SEC=============--> */







  .business-news-box:nth-child(2) img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }

  .business-page-box {
    width: 100%;
  }

  .breaking-third-box {
    width: 100%;
  }

  .breaking-third-box .breaking-news-box {
    width: 100%;
  }

  .business-news-box:nth-child(1) {
    width: 100%;
  }

  /* < !--=============BUSINESS NEWS SEC=============--> */

  /* ================ INNER PAGES CSS ============== */







  .body-section1 {
    flex-direction: column;
  }

  .agretiate-newsarticle-wrap {
    padding: 12px 0 14px 0;
  }

  .section-1-sectors a {
    right: 21px;
  }

  .table-diagram .right-table img {
    width: 100%;
  }

  .right-sec {
    gap: 17px;
    width: 100%;
    height: auto;
    flex-direction: column;
    align-items: center;
  }

  .table-diagram {
    flex-direction: column;
  }

  .left-table-white {
    width: 100%;
  }

  .clean-energy-white-table-heading h1 {
    font-size: 20px;
  }

  .two-tablesection {
    margin-top: 21px;
    flex-direction: column;
  }

  .events-wrap .nav-tabs {
    gap: 9px;
    margin-left: 12px;
  }

  .event-calender {
    margin: 18px 20px 20px 20px;
    flex-direction: column;
    gap: 12px;
  }

  .influ-table2.align-table-squece {
    padding: 14px 8px;
  }

  .second-table-heading {
    gap: 1px;
    margin: 7px 0px 0px 19px;
    flex-direction: column;
  }

  .detail-table-heading {
    margin-left: 19px;
    margin-bottom: 14px;
  }

  .stocks-box-main h6 {
    width: 100%;
  }

  .stock-from-wrap form label {
    display: block;
  }

  .stock-from-wrap label .stock-content-wrap {
    align-items: flex-start;
    gap: 8px;
    flex-direction: column;
    width: 100%;
  }

  .stockbox-btn {
    display: flex;
    gap: 10px;
    flex-direction: column;
    align-items: flex-start;
  }

  .newsletter {
    padding: 24px 20px;
    width: 100%;
    height: auto;
    display: block;
  }

  .left-newsletter {
    width: 100%;
    margin-left: 0;
    margin-bottom: 17px;
  }

  /* ================ INNER PAGES CSS ============== */

  /* --FOOOTER -- */







  .footer-inner {
    flex-direction: column;
    gap: 8px;
  }

  .footer-inner .footer-in-box:nth-child(1) {
    width: 100%;
  }

  .footer-inner .footer-in-box:nth-child(2) {
    width: 48%;
  }

  .footer-inner .footer-in-box:nth-child(3) {
    width: 48%;
  }

  .footer-inner .footer-in-box:nth-child(4) {
    width: 100%;
  }

  .footer-inner .footer-in-box:nth-child(5) {
    width: 100%;
  }

  .footer-bottom p {
    font-size: 14px;
  }

  .share-detail-wrap {
    padding: 35px 10px;
  }

  .footer-bottom {
    width: 100%;
    height: auto;
    gap: 10px;
    padding: 15px 4px;
    margin-top: 26px;
    position: relative;
    flex-direction: column;
  }

  .crpto-right .footer-box {
    visibility: hidden;
  }

  /* --FOOOTER -- */

  /* DK-CSS */

  /* AUTOMOTIVE */







  .section-1-sectors h2 {
    width: 90%;
  }

  .heading-sec.automotive-btn h2 {
    padding-bottom: 50px;
  }

  .heading-sec.automotive-btn a {
    right: 20px;
    top: 40px;
  }

  /* AUTOMOTIVE */

  /* VIDEO */







  .video-section {
    flex-direction: column;
  }

  .video-right {
    width: 100%;
  }

  .video-right img {
    width: 100%;
  }

  /* VIDEO */

  /* DK-CSS */

  /* --- EVENTS PAGE CSS ---- */







  .table-btn a {
    display: none;
  }

  /* --- EVENTS PAGE CSS ---- */
}


@media only screen and (min-width:1000px) and (max-width:1199px) {
  .top-news-wrap .col-lg-9.col-md-7 {
    width: 70%;
  }

  .top-news-wrap .col-lg-3.col-md-5 {
    width: 30%;
  }

  .big-img-wrap {
    width: 100%;
  }

  .news-left-wrap .big-img-wrap .img-wrap {
    width: 100%;
  }

  .news-left-wrap .top-news-card {
    width: auto;
  }

  .breaking-news-wrap {
    gap: 14px;
  }

  .breaking-news-box:nth-child(1) {
    width: 250px;
  }

  .business-news-box:nth-child(2),
  .breaking-news-box:nth-child(2) {
    height: 100%;
  }

  .breaking-third-box {
    width: 250px;
  }

  .business-news-box:nth-child(1) {
    width: 250px;
  }

  .business-news-box:nth-child(2) {
    width: 400px;
  }

  .business-page-box {
    width: 250px;
  }

  .business-news-wrap {
    gap: 14px;
  }

  .technology-news-box {
    width: 250px;
  }

  .more-technology-box {
    width: 250px;
  }
}







@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Outfit:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');



/* ----- FINANCIAL START ----- */



.enzo-banner-page-wrap {

  width: 100%;

  height: auto;

  padding: 0px 0 0px 0;

  background: var(--Color-2, #05256D);

}



.star-wrap {

  display: flex;

  gap: 10px;

  margin-bottom: 20px;



  img {

    width: 30px;

    height: 30px;

  }





}



.about-enzo-wrap {

  width: 100%;

  min-height: 100vh;
  /* Ensures it covers the full viewport height */

  padding: 150px 15px;

  background-size: cover;

  background-position: center center;
  /* Center the image */

  background-repeat: no-repeat;

  margin-top: 73px;

  margin-bottom: 0px;

}





.content-enzo-wrap {

  padding: 76px 0 0px 0;

}



.content-enzo-wrap h2 {

  font-family: 'Poppins', sans-serif;

  font-size: 40px;

  font-weight: 700;

  color: #fff;

  text-align: left;

  margin-bottom: 20px;

}



.content-enzo-wrap p {

  font-family: 'Poppins', sans-serif;

  font-size: 18px;

  font-weight: 400;

  line-height: 25px;

  text-align: left;

  color: #fff;

  width: 45%;

}



/* ----- FINANCIAL START ----- */






.daterangepicker {


  position: absolute;


  color: inherit;


  background-color: #fff;


  border-radius: 4px;


  border: 1px solid #ddd;


  width: 278px;


  max-width: none;


  padding: 0;


  margin-top: 7px;


  top: 100px;


  left: 20px;


  z-index: 3001;


  display: none;


  font-size: 15px;


  line-height: 1em;


}





.daterangepicker:before,
.daterangepicker:after {


  position: absolute;


  display: inline-block;


  border-bottom-color: rgba(0, 0, 0, 0.2);


  content: '';


}





.daterangepicker:before {


  top: -7px;


  border-right: 7px solid transparent;


  border-left: 7px solid transparent;


  border-bottom: 7px solid #ccc;


}





.daterangepicker:after {


  top: -6px;


  border-right: 6px solid transparent;


  border-bottom: 6px solid #fff;


  border-left: 6px solid transparent;


}





.daterangepicker.opensleft:before {


  right: 9px;


}





.daterangepicker.opensleft:after {


  right: 10px;


}





.daterangepicker.openscenter:before {


  left: 0;


  right: 0;


  width: 0;


  margin-left: auto;


  margin-right: auto;


}





.daterangepicker.openscenter:after {


  left: 0;


  right: 0;


  width: 0;


  margin-left: auto;


  margin-right: auto;


}





.daterangepicker.opensright:before {


  left: 9px;


}





.daterangepicker.opensright:after {


  left: 10px;


}





.daterangepicker.drop-up {


  margin-top: -7px;


}





.daterangepicker.drop-up:before {


  top: initial;


  bottom: -7px;


  border-bottom: initial;


  border-top: 7px solid #ccc;


}





.daterangepicker.drop-up:after {


  top: initial;


  bottom: -6px;


  border-bottom: initial;


  border-top: 6px solid #fff;


}





.daterangepicker.single .daterangepicker .ranges,
.daterangepicker.single .drp-calendar {


  float: none;


}





.daterangepicker.single .drp-selected {


  display: none;


}





.daterangepicker.show-calendar .drp-calendar {


  display: block;


}





.daterangepicker.show-calendar .drp-buttons {


  display: block;


}





.daterangepicker.auto-apply .drp-buttons {


  display: none;


}





.daterangepicker .drp-calendar {


  display: none;


  max-width: 270px;


}





.daterangepicker .drp-calendar.left {


  padding: 8px 0 8px 8px;


}





.daterangepicker .drp-calendar.right {


  padding: 8px;


}





.daterangepicker .drp-calendar.single .calendar-table {


  border: none;


}





.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {


  color: #fff;


  border: solid black;


  border-width: 0 2px 2px 0;


  border-radius: 0;


  display: inline-block;


  padding: 3px;


}





.daterangepicker .calendar-table .next span {


  transform: rotate(-45deg);


  -webkit-transform: rotate(-45deg);


}





.daterangepicker .calendar-table .prev span {


  transform: rotate(135deg);


  -webkit-transform: rotate(135deg);


}





.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {


  white-space: nowrap;


  text-align: center;


  vertical-align: middle;


  min-width: 32px;


  width: 32px;


  height: 24px;


  line-height: 24px;


  font-size: 12px;


  border-radius: 4px;


  border: 1px solid transparent;


  white-space: nowrap;


  cursor: pointer;


}





.daterangepicker .calendar-table {


  border: 1px solid #fff;


  border-radius: 4px;


  background-color: #fff;


}





.daterangepicker .calendar-table table {


  width: 100%;


  margin: 0;


  border-spacing: 0;


  border-collapse: collapse;


}





.daterangepicker td.available:hover,
.daterangepicker th.available:hover {


  background: #20A99D;


  border-radius: 30px;


  border-color: transparent;


  color: #fff;


  padding: 4px;


}





.daterangepicker td.week,
.daterangepicker th.week {


  font-size: 80%;


  color: #ccc;


}





.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {


  background-color: #fff;


  border-color: transparent;


  color: #999;


}





.daterangepicker td.in-range {


  background-color: #ebf4f8;


  border-color: transparent;


  color: #000;


  border-radius: 0;


}





.daterangepicker td.start-date {


  border-radius: 16px;


  padding: 4px;


}





.daterangepicker td.end-date {


  border-radius: 16px;


  padding: 4px;


}





.daterangepicker td.start-date.end-date {


  /* border-radius: 16px; */


  padding: 3px;


}





.daterangepicker td.active,
.daterangepicker td.active:hover {


  background: #20A99D;


  border-radius: 30px;


  border-color: transparent;


  color: #fff;


}





.daterangepicker th.month {


  width: auto;


}





.daterangepicker td.disabled,
.daterangepicker option.disabled {


  color: #999;


  cursor: not-allowed;


  text-decoration: line-through;


}





.daterangepicker select.monthselect,
.daterangepicker select.yearselect {


  font-size: 12px;


  padding: 1px;


  height: auto;


  margin: 0;


  cursor: default;


}





.daterangepicker select.monthselect {


  margin-right: 2%;


  width: 56%;


}





.daterangepicker select.yearselect {


  width: 40%;


}





.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {


  width: 50px;


  margin: 0 auto;


  background: #eee;


  border: 1px solid #eee;


  padding: 2px;


  outline: 0;


  font-size: 12px;


}





.daterangepicker .calendar-time {


  text-align: center;


  margin: 4px auto 0 auto;


  line-height: 30px;


  position: relative;


}





.daterangepicker .calendar-time select.disabled {


  color: #ccc;


  cursor: not-allowed;


}





.daterangepicker .drp-buttons {


  clear: both;


  text-align: right;


  padding: 8px;


  border-top: 1px solid #ddd;


  display: none;


  line-height: 12px;


  vertical-align: middle;


}





.daterangepicker .drp-selected {


  display: inline-block;


  font-size: 12px;


  padding-right: 8px;


}





.daterangepicker .drp-buttons .btn {


  margin-left: 8px;


  font-size: 12px;


  font-weight: 500;


  padding: 4px 8px;


  font-family: Retina;


}





.daterangepicker .drp-buttons .btn.btn-primary {


  outline: none;


  background: #00097a !important;


  border: none;


  box-shadow: none;


  border-radius: 3px;


  width: 19%;


  font-family: Retina;


  text-transform: capitalize;


  padding: 5px;


}





.daterangepicker.show-ranges.single.rtl .drp-calendar.left {


  border-right: 1px solid #ddd;


}





.daterangepicker.show-ranges.single.ltr .drp-calendar.left {


  border-left: 1px solid #ddd;


}





.daterangepicker.show-ranges.rtl .drp-calendar.right {


  border-right: 1px solid #ddd;


}





.daterangepicker.show-ranges.ltr .drp-calendar.left {


  border-left: 1px solid #ddd;


}





.daterangepicker .ranges {


  float: none;


  text-align: left;


  margin: 0;


}





.daterangepicker.show-calendar .ranges {


  margin-top: 8px;


}





.daterangepicker .ranges ul {


  list-style: none;


  margin: 0 auto;


  padding: 0;


  width: 100%;


}





.daterangepicker .ranges li {


  font-size: 12px;


  padding: 8px 12px;


  cursor: pointer;


}





.daterangepicker .ranges li:hover {


  background-color: #00097a !important;


  color: #fff;


  font-family: Retina;


}





.daterangepicker .ranges li.active {


  background-color: #00097a !important;


  color: #fff;


  font-family: Retina;


}





/*  Larger Screen Styling */


@media (min-width:564px) {


  .daterangepicker {


    width: auto;


  }





  .daterangepicker .ranges ul {


    width: 140px;


  }





  .daterangepicker.single .ranges ul {


    width: 100%;


  }





  .daterangepicker.single .drp-calendar.left {


    clear: none;


  }





  .daterangepicker.single .ranges,
  .daterangepicker.single .drp-calendar {


    float: left;


  }





  .daterangepicker {


    direction: ltr;


    text-align: left;


  }





  .daterangepicker .drp-calendar.left {


    clear: left;


    margin-right: 0;


  }





  .daterangepicker .drp-calendar.left .calendar-table {


    border-right: none;


    border-top-right-radius: 0;


    border-bottom-right-radius: 0;


  }





  .daterangepicker .drp-calendar.right {


    margin-left: 0;


  }





  .daterangepicker .drp-calendar.right .calendar-table {


    border-left: none;


    border-top-left-radius: 0;


    border-bottom-left-radius: 0;


  }





  .daterangepicker .drp-calendar.left .calendar-table {


    padding-right: 8px;


  }





  .daterangepicker .ranges,
  .daterangepicker .drp-calendar {


    float: left;


  }





}





@media (min-width:730px) {


  .daterangepicker .ranges {


    width: auto;


  }





  .daterangepicker .ranges {


    float: left;


  }





  .daterangepicker.rtl .ranges {


    float: right;


  }





  .daterangepicker .drp-calendar.left {


    clear: none !important;


  }





}







/* HEADING */








.heading-inner {


  width: 100%;


  height: auto;


  margin-bottom: 30px;


}





.heading-inner h1 {


  color: #2E3646;


  font-size: 30px;


  font-weight: 600;


  margin: 0;


}





.heading-inner h1 span {


  color: #005911;


}





.heading-inner p {


  color: #2E3646;


  font-size: 15px;


  font-weight: 500;


  margin: 0;


  margin-top: 12px;


  line-height: 28px;


}








/* HEADING */








/* PAGE-BANNER */





.page-banner-wrap {


  width: 100%;


  height: auto;


}





.page-banner-wrap img {


  width: 100%;


  height: 344px;


}





.page-banner-wrap .container .row .col-lg-12 {


  position: relative;


}





.page-banner-in {


  width: 100%;


  height: 344px;


  position: absolute;


  left: 0;


  right: 0;


  margin: auto;


  text-align: center;


  display: flex;


  align-items: center;


  justify-content: center;


}





.page-banner-in h1 {


  color: #004695;


  font-size: 45px;


  font-weight: 600;


  margin: 0;


}





/* PAGE-BANNER */








/* PAGE-BREADCRUMBS */





.page-breadcrumbs {


  width: 100%;


  height: auto;


  padding: 20px 0;


  background: #E2F0FF;


}





.page-breadcrumbs ul {


  padding: 0;


  margin: 0;


  display: flex;


  align-items: flex-end;


  gap: 35px;


  flex-wrap: wrap;


}





.page-breadcrumbs ul li {


  list-style: none;


  font-weight: 500;


  font-size: 15px;


  color: #005910;


  position: relative;


  display: flex;


  align-items: center;


}





.page-breadcrumbs ul li a {


  font-weight: 500;


  color: #000;


}





.page-breadcrumbs ul li a:hover {


  color: #005910;


}





.page-breadcrumbs ul li:before {


  position: absolute;


  content: '\f105';


  font-family: "Font Awesome 5 Pro";


  font-weight: 500;


  font-size: 15px;


  color: #757575;


  right: -20px;


  line-height: 0;


}





.page-bg .page-breadcrumbs ul li:before {


  color: #fff;


}





.page-breadcrumbs ul li:last-child:before {


  display: none;


}








/* PAGE-BREADCRUMBS */





/* ALL-MODAL */





.modal-open .modal {


  padding-right: 0 !important;


}





.modal-backdrop {


  opacity: 0.85 !important;


}





.modal-box .show-modal {


  color: #fff;


  background-color: #fb3640;


  font-size: 18px;


  font-weight: 600;


  text-transform: capitalize;


  letter-spacing: 1px;


  text-shadow: 3px 3px 15px rgba(0, 0, 0, 0.4);


  padding: 10px 15px;


  margin: 80px auto 0;


  border: none;


  display: block;


  transition: all 0.3s ease 0s;


}





.modal-box .show-modal:hover,


.modal-box .show-modal:focus {


  color: #fff;


}





.modal-backdrop.in {


  opacity: 0;


}





.modal-box .modal-dialog {


  width: 100%;


  margin: 50px auto 50px;


  max-width: 80%;


}





.modal-box .modal-dialog .modal-content {


  background: #fff;


  border-radius: 10px;


  border: none;


  box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);


  overflow: hidden;


}





.modal-dialog .modal-content .close {


  color: #333;


  background: none;


  font-size: 35px;


  font-weight: 400;


  line-height: 40px;


  height: 40px;


  width: 40px;


  padding: 0;


  border: 0;


  border-radius: 50%;


  opacity: 1;


  overflow: hidden;


  position: absolute;


  left: auto;


  right: 15px;


  top: 15px;


  z-index: 2;


  transition: all 0.3s ease 0s;


}





.modal-box .modal-dialog .modal-content .close span {


  margin: 0;


  display: block;


}





.modal-box .modal-dialog .modal-content .modal-body {


  padding: 0 !important;


}





.modal-box .modal-dialog .modal-content .modal-body .modal-image {


  padding: 0 !important;


  height: 500px;


}





.modal-box .modal-dialog .modal-content .modal-body .modal-image img {


  height: 100%;


  width: 100%;


  object-fit: cover;


}





.modal-box .modal-dialog .modal-content .modal-body .content {


  padding: 0px 60px 0px 30px;


  display: flex;


  flex-direction: column;


  align-items: flex-start;


  justify-content: center;


}





.modal-box .modal-dialog .modal-content .modal-body .title {


  color: #fb3640;


  font-size: 35px;


  font-weight: 500;


  text-transform: capitalize;


  margin: 0 0 30px;


}





.modal-box .modal-dialog .modal-content .modal-body .sub-title {


  font-weight: 500;


  font-size: 35px;


  color: #000000;


  margin: 0 0 20px;


  display: block;


}





.modal-box .modal-dialog .modal-content .modal-body .description {


  font-weight: 400;


  font-size: 14px;


  margin: 0 0 30px;


  line-height: 26px;


  text-align: justify;


}





.modal-box .modal-dialog .modal-content .modal-body .btn {


  color: #fff;


  background-color: #BFA99E;


  font-size: 18px;


  font-weight: 500;


  letter-spacing: normal;


  text-shadow: none;


  padding: 10px 30px;


  margin-left: 0;


  border-radius: 5px;


  margin-top: 0;


  text-transform: none;


  border: none;


  outline: none;


  transition: all 0.4s ease 0s;


  box-shadow: none;


}





.modal-box .modal-dialog .modal-content .modal-body .btn:hover {


  color: #fff;


}





@media only screen and (max-width:767px) {


  .modal-box .modal-dialog {


    width: 100% !important;


    max-width: 95%;


  }





  .modal-box .modal-dialog .modal-content .modal-body .modal-image {


    height: 250px;


    overflow: hidden;


  }





  .modal-box .modal-dialog .modal-content .modal-body .modal-image img {


    height: auto;


  }





  .modal-box .modal-dialog .modal-content .modal-body .content {


    padding: 30px;


  }





  .modal-box .modal-dialog .modal-content .modal-body .content .sub-title {


    font-size: 25px;


  }





}











/* MODAL-INNER */





.step-right form h1 {


  font-weight: 500;


  font-size: 20px;


  margin: 20px 0;


  color: #333333CC;


}





.step-right form h1:first-child {


  margin-top: 0;


}





.step-right form input[type="text"] {


  width: 100%;


  height: auto;


  font-weight: 400;


  font-size: 16px;


  color: #33333380;


  padding: 10px 0px 10px 10px;


  margin-bottom: 10px;


  border: 1.43885px solid rgba(188, 188, 188, 0.5);


  border-radius: 5px;


}





.step-contact form input[type="text"] {


  padding: 10px;


  color: #333;


  font-size: 14px;


}





.step-contact form input[type="number"] {


  padding: 10px;


  color: #333;


  width: 100%;


  height: auto;


  font-weight: 400;


  font-size: 14px;


  color: #333;


  margin-bottom: 10px;


  border: 1.43885px solid rgba(188, 188, 188, 0.5);


  border-radius: 5px;


}





.step-right form label textarea {


  width: 100%;


  height: 140px;


  font-weight: 400;


  font-size: 16px;


  color: #33333380;


  padding: 10px 0px 10px 10px;


  margin-bottom: 10px;


  border: 1.43885px solid rgba(188, 188, 188, 0.5);


  border-radius: 5px;


}





/* Chrome, Safari, Edge, Opera */


.step-contact form input[type="number"]::-webkit-outer-spin-button,


.step-contact form input[type="number"]::-webkit-inner-spin-button {


  -webkit-appearance: none;


  margin: 0;


}





/* Firefox */


.step-contact form input[type="number"][type=number] {


  -moz-appearance: textfield;


}





.step-right form input[type="button"] {


  width: 100%;


  height: auto;


  font-weight: 400;


  font-size: 16px;


  margin-top: 10px;


  padding: 10px 0px 10px 0px;


  margin-bottom: 0px;


  border: 1.43885px solid rgba(188, 188, 188, 0.5);


  border-radius: 5px;


  color: #fff;


  background: #000000;


}





.step-btns {


  width: 100%;


  height: auto;


  padding: 50px 0 0px 0;


  display: flex;


  align-items: center;


}





.step-btns a {


  background: #BFA99E;


  padding: 8px 50px;


  border-radius: 5px;


  font-weight: 500;


  font-size: 15px;


  color: #fff;


  border: 1px solid #BFA99E;


  margin-left: auto;


}





.step-pre-btn {


  background: #fff !important;


  font-size: 15px !important;


  color: #333333 !important;


  margin-left: 0 !important;


}





.all-top-popup .modal-dialog {


  width: 50%;


}





.other-top-popup .modal-dialog {


  width: 42%;


}





.last-top-popup .modal-dialog {


  width: 28%;


}





.last-top-popup .modal-dialog .modal-content .close {


  right: 5px;


  top: 5px;


}





.share-detail-wrap {


  width: 100%;


  height: auto;


  padding: 35px;


}





.share-detail-heading {


  width: 100%;


  height: auto;


  text-align: center;


}





.share-detail-heading span {


  color: #333333B2;


  font-weight: 600;


  font-size: 15px;


}





.share-detail-heading img {


  width: 80px;


  height: auto;


  object-fit: contain;


}





.share-detail-heading h1 {


  font-weight: 600;


  font-size: 30px;


  color: #000000;


  margin: 10px 0 15px 0;





}





.share-detail-heading p {


  font-weight: 500;


  font-size: 14px;


  line-height: 25px;


  text-align: center;


  color: #000;


}





.share-detail-form {


  width: 100%;


  height: auto;


  display: flex;


  flex-direction: column;


  align-items: stretch;


  gap: 15px;


}





.form-group-text {


  width: 100%;


  height: auto;


  font-weight: 400;


  font-size: 16px;


  color: #333;


  padding: 10px 0px 10px 10px;


  border: 1.43885px solid rgba(188, 188, 188, 0.5);


  border-radius: 5px !important;


}





.form-group-text::before {


  margin-bottom: 1rem;


  content: url('../images/social/business-icon.png');


  margin: 1px 0 0 1px;


  position: absolute;


  left: 0;


}





.share-detail-text::placeholder {


  color: #333333;


}





.share-detail-lbl {


  width: 100%;


  height: auto;


  font-weight: 400;


  font-size: 16px;


  color: #333;


  padding: 10px 0px 10px 10px;


  border: 1.43885px solid rgba(188, 188, 188, 0.5);


  border-radius: 5px !important;


  display: flex;


  align-items: center;


  margin-bottom: 0;


}





.share-detail-lbl input[type="text"] {


  width: 100%;


  height: auto;


  border: none;


  outline: none;


  color: #333;


}





.share-detail-lbl input[type="text"]::placeholder {


  color: #33333380;


}





.share-detail-lbl img {


  width: 18px;


  height: auto;


  object-fit: contain;


  margin-right: 10px;


}





.share-detail-btn {


  width: 100%;


  height: auto;


  font-weight: 500;


  font-size: 16px;


  padding: 10px 0px 10px 0px;


  margin-bottom: 0px;


  border: 1.43885px solid rgba(188, 188, 188, 0.5);


  border-radius: 5px;


  color: #fff;


  text-transform: uppercase;


  margin-top: 66px;


  background: #E50916;


}





.modal-box #sharedetails-submitted-popup .share-detail-pop .modal-dialog {


  width: 40%;


}





/* MODAL-INNER */








/* ALL-MODAL */





/* SIGNUP-POPUP */





.signup-btn {


  font-weight: 500;


  font-size: 16px;


  line-height: 24px;


  background: #E50916;


  border-radius: 6px;


  display: inline-block;


  text-align: center;


  padding: 12px 28px;


  color: #FFFFFF;


}





.signup-btn:hover {


  color: #fff;


}





.share-detail-form label {


  border: none;


  outline: none;


  width: 100%;


  height: 45px;


  margin: 0;


  background: #fff;


  border-radius: 0px 30px 30px 0px;


  position: relative;


  display: flex;


  align-items: center;


}





.share-detail-form label input[type="text"] {


  width: 100%;


  height: 100%;


  border: none;


  outline: none;


  border-radius: 6px 6px 6px 6px;


  padding-left: 60px;


  padding-right: 40px;


  font-size: 14px;


  border: 1px solid #B6B6B6;


  color: #333333;


}





.share-detail-form label input[type="text"]::placeholder {


  color: #333;


}





.share-detail-form label input[type="email"] {


  width: 100%;


  height: 100%;


  border: none;


  outline: none;


  border-radius: 6px 6px 6px 6px;


  padding-left: 60px;


  padding-right: 40px;


  font-size: 14px;


  border: 1px solid #B6B6B6;


  color: #333333;


}





.share-detail-form label input[type="email"]::placeholder {


  color: #333;


}





.share-detail-form label input[type="password"] {


  width: 100%;


  height: 100%;


  border: none;


  outline: none;


  border-radius: 6px 6px 6px 6px;


  padding-left: 60px;


  padding-right: 40px;


  font-size: 14px;


  border: 1px solid #B6B6B6;


  color: #333333;


}





.share-detail-form label input[type="password"]::placeholder {


  color: #333;


}





.signin-forgotpass-wrap {


  text-align: center;


  margin-bottom: 10px;


}





.signin-forgotpass-wrap a {


  font-weight: 500;


  font-size: 16px;


  text-align: center;


  color: #000;


  cursor: pointer;


}





.signin-forgotpass-wrap a span {


  color: #00771d;


}





.share-detail-form .textarea-form {


  margin-top: 64px;


  border-radius: 6px;


  border: 1px solid rgb(182, 182, 182);


  color: rgb(51, 51, 51);


  padding: 9px 0px 4px 15px;


  width: 100%;


  height: auto;


}





.okk-btn {


  width: auto;


  height: auto;


  font-weight: 500;


  font-size: 16px;


  padding: 10px 50px;


  border: none;


  border-radius: 5px;


  margin: auto;


  color: #fff;


  background: #00771D;


}





.common-popup-btn {


  width: 100%;


  height: auto;


  font-weight: 500;


  font-size: 16px;


  padding: 10px 0px 10px 0px;


  margin-bottom: 0px;


  border: none;


  border-radius: 5px;


  color: #fff;


  text-transform: uppercase;


  margin-top: 5px;


  background: #00771d;


}








.share-detail-form label img {


  position: absolute;


  padding: 0px;


  border-radius: 6px 6px 6px 6px;


  left: 0px;


  top: auto;


}





.social-container {


  display: flex;


  width: 100%;


  justify-content: center;


}





.social-item {


  color: #000;


  font-weight: 700;


  font-size: 14px;


  margin: 4px;


}





.or-sec-wrap h3 {


  display: flex;


  justify-content: center;


  align-items: center;


  font-size: 14px;


  margin-bottom: 0;


}





.or-sec-wrap h3::before {


  content: '';


  border: 1px solid #B8B8B8;


  width: 50%;


  margin-right: 4px;


}





.or-sec-wrap h3::after {


  content: '';


  border: 1px solid #B8B8B8;


  width: 50%;


  margin-left: 4px;


}





.or-sec-wrap h4 {


  color: #000;


  font-size: 14px;


  font-weight: 500;


  text-align: center;


  margin: 10px 0 0px 0;


}





.privacy-terms-wrap {


  text-align: center;


  margin: 10px 0 0px 0;


}





.privacy-terms-wrap span {


  font-weight: 500;


  font-size: 14px;


  color: #000;


}





.privacy-terms-wrap span a {


  color: #00771d;


  text-decoration: underline;


}





.certificate-file {


  width: auto;


  position: absolute;


  right: 10px;


  border-radius: 10px;


  background: #00771D;


  display: flex;


  align-items: center;


  justify-content: center;


  padding: 8px 10px;


  color: #FFF;


  font-size: 12px;


  font-weight: 500;


  z-index: 999;


}





.certificate-file input {


  width: 100%;


  height: 100%;


  opacity: 0;


  position: absolute;


  left: 0;


}





.certificate-file img {


  position: initial !important;


  border-radius: 0 !important;


  margin-left: 10px;


}














/* SIGNUP-POPUP */





/* VERIFICATION-POPUP */





.inputotp-wrap {


  display: flex;


  justify-content: center;


  gap: 15px;


}





.form-control-otp {


  display: block;


  height: 40px;


  padding: 5px;


  font-size: 1.2rem;


  font-weight: 600;


  margin: 0;


  text-align: center;


  width: 40px;


  color: #00771D;


  background-color: #fff;


  column-gap: normal;


  background-clip: padding-box;


  border: 1px solid #ced4da;


  border-radius: 5px !important;


  gap: 4px;


  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;


}





.form-control-otp::-webkit-outer-spin-button,


.form-control-otp::-webkit-inner-spin-button {


  -webkit-appearance: none;


  margin: 0;


}





/* VERIFICATION-POPUP */








.password-eye {


  position: absolute;


  width: 20px;


  height: 20px;


  display: flex;


  top: auto;


  right: 15px;


  border: none;


  align-items: center;


  background: none;


  justify-content: center;


  cursor: pointer;


  transition: .5s;


}





.password-eye .eye-close {


  background-image: url(../images/modal-icons/eye-close.svg);


  width: 30px;


  height: 30px;


  background-repeat: no-repeat;


  background-position: center;


  background-size: 20px;


}





.password-eye .eye-open {


  background-image: url(../images/modal-icons/eye-open.svg);


  width: 30px;


  height: 30px;


  background-repeat: no-repeat;


  background-position: center;


  background-size: 20px;


}





/* ALL-MODAL */











/*FAQ-PAGE*/





.faq-wrap {


  width: 100%;


  height: auto;


  padding: 50px 0;


}





.faq-wrap .accordion-item {


  margin-bottom: 10px;


  border-radius: 8px;


  overflow: hidden;


  border-color: #B3B3B3 !important;


}





.accordion-item:not(:first-of-type) {


  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);


}








.faq-wrap .accordion-button {


  color: #000;


  font-size: 16px;


  font-weight: 600;


  outline: none;


  box-shadow: none;


  padding: 10px 15px;


}





.faq-wrap .accordion-body {


  color: #303A42;


  font-size: 14px;


  font-weight: 400;


  line-height: 25px;


  padding: 10px 15px;


}





.faq-wrap .accordion-button:not(.collapsed) {


  background-color: transparent;


  color: #004695;


  border-bottom: var(--bs-accordion-border-width) solid #B3B3B3;


  padding: 10px 15px;


}





.faq-wrap .accordion-button::after {


  background-image: url(../images/faq/plus-icon.svg);


  background-size: 25px;


  width: 25px;


  height: 25px;


}





.faq-wrap .accordion-button:not(.collapsed)::after {


  background-image: url(../images/faq/minus-icon.svg);


  transform: rotate(0deg);


  background-size: 25px;


  width: 25px;


  height: 25px;


}





.faq-wrap form {


  width: 45%;


  height: auto;


  margin: auto;


  margin-bottom: 80px;


}





.faq-wrap form label {


  width: 100%;


  display: flex;


  align-items: stretch;


  margin-bottom: 0;


}





.faq-wrap form label input[type="text"] {


  height: 40px;


  width: 100%;


  border: 1px solid #ADADAD;


  border-right: 0;


  outline: none;


  border-radius: 20px 0px 0px 20px;


  padding-left: 15px;


  font-size: 14px;


  color: #000;


}





.faq-wrap form label input[type="text"]::placeholder {


  color: #000;


}





.faq-wrap form label button {


  background: #005911;


  width: 50px;


  height: 40px;


  border: none;


  outline: none;


  border-radius: 0px 20px 20px 0px;


  color: #fff;


}





/*FAQ-PAGE*/








/* PAGINATION */





.pagination {


  width: 100%;


  height: auto;


  text-align: center;


  padding: 35px 0;


  position: relative;


  display: flex;


  align-items: center;


  justify-content: center;


}





.pagination ul {


  padding: 0px;


  margin: 0;


}





.pagination ul li {


  list-style: none;


  display: inline-block;


  margin: 5px;


}





.pagination ul li a {


  font-size: 15px;


  font-weight: 500;


  transition: .5s;


  color: #00751D;


  border: 1px solid rgba(0, 0, 0, 0.80);


  width: 35px;


  height: 36px;


  display: flex;


  align-items: center;


  justify-content: center;


  border-radius: 5px;


}





.pagination ul li.active a {


  color: #fff;


  background: #00751D;


  border-color: #00751D;


  transition: .5s;


}





.pagination ul li:hover a {


  color: #fff;


  background: #00751D;


  border-color: #00751D;


  transition: .5s;


}





.pagination ul li:first-child a {


  width: auto;


  border: none;


}





.pagination ul li:last-child a {


  width: auto;


  border: none;


}





.pagination ul li:first-child a:hover {


  font-size: 15px;


  color: #00751D;


  font-weight: 500;


  background: none;


}





.pagination ul li:last-child a:hover {


  font-size: 15px;


  color: #00751D;


  font-weight: 500;


  background: none;


}








/* PAGINATION */






select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {


  -webkit-border-radius: 0;


  -moz-border-radius: 0;


}


.form-control {


  -webkit-border-radius: 0;


  -moz-border-radius: 0;


}


input.input-block-level {


  padding: 20px;


}


.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input {


  -webkit-border-radius: 0 0 0 0;


  -moz-border-radius: 0 0 0 0;


  border-radius: 0 0 0 0;


}


.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {


  -webkit-border-radius: 0 0 0 0;


  -moz-border-radius: 0 0 0 0;


  border-radius: 0 0 0 0;


}


.input-append input,
.input-append select,
.input-append .uneditable-input {


  -webkit-border-radius: 0 0 0 0;


  -moz-border-radius: 0 0 0 0;


  border-radius: 0 0 0 0;


}


.input-append input+.btn-group .btn:last-child,
.input-append select+.btn-group .btn:last-child,
.input-append .uneditable-input+.btn-group .btn:last-child {


  -webkit-border-radius: 0 0 0 0;


  -moz-border-radius: 0 0 0 0;


  border-radius: 0 0 0 0;


}


.input-append .add-on:last-child,
.input-append .btn:last-child,
.input-append .btn-group:last-child>.dropdown-toggle {


  -webkit-border-radius: 0 0 0 0;


  -moz-border-radius: 0 0 0 0;


  border-radius: 0 0 0 0;


}


.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {


  -webkit-border-radius: 0;


  -moz-border-radius: 0;


  border-radius: 0;


}


.input-prepend.input-append input+.btn-group .btn,
.input-prepend.input-append select+.btn-group .btn,
.input-prepend.input-append .uneditable-input+.btn-group .btn {


  -webkit-border-radius: 0 0 0 0;


  -moz-border-radius: 0 0 0 0;


  border-radius: 0 0 0 0;


}


.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {


  margin-right: -1px;


  -webkit-border-radius: 0 0 0 0;


  -moz-border-radius: 0 0 0 0;


  border-radius: 0 0 0 0;


}


.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {


  margin-left: -1px;


  -webkit-border-radius: 0 0 0 0;


  -moz-border-radius: 0 0 0 0;


  border-radius: 0 0 0 0;


}


textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {


  outline: 0;


  outline: thin dotted \9;
  /* IE6-9 */


}


input.search-query {


  margin-bottom: 0;


  -webkit-border-radius: 0 0 0 0;


  -moz-border-radius: 0 0 0 0;


  border-radius: 0 0 0 0;


}


.form-search .input-append .search-query {


  -webkit-border-radius: 0 0 0 0;


  -moz-border-radius: 0 0 0 0;


  border-radius: 0 0 0 0;


}


.form-search .input-append .btn {


  -webkit-border-radius: 0 0 0 0;


  -moz-border-radius: 0 0 0 0;


  border-radius: 0 0 0 0;


}


.form-search .input-prepend .search-query {


  -webkit-border-radius: 0 0 0 0;


  -moz-border-radius: 0 0 0 0;


  border-radius: 0 0 0 0;


}


.form-search .input-prepend .btn {


  -webkit-border-radius: 0 0 0 0;


  -moz-border-radius: 0 0 0 0;


  border-radius: 0 0 0 0;


}


.table-bordered {


  -webkit-border-radius: 0 0 0 0;


  -moz-border-radius: 0 0 0 0;


  border-radius: 0 0 0 0;


}


.dropdown-menu {


  *border-right-width: 0;


  *border-bottom-width: 0;


  -webkit-border-radius: 0;


  -moz-border-radius: 0;


  border-radius: 0;


}


.dropdown-submenu>.dropdown-menu {


  -webkit-border-radius: 0 0 0 0;


  -moz-border-radius: 0 0 0 0;


  border-radius: 0 0 0 0;


}


.dropup .dropdown-submenu>.dropdown-menu {


  -webkit-border-radius: 0 0 0 0;


  -moz-border-radius: 0 0 0 0;


  border-radius: 0 0 0 0;


}


/* === bootstrap button === */








.btn {


  font-weight: 700;


  text-transform: uppercase;


  text-shadow: none;


  background-image: none;


  border-color: none;


  border-bottom-color: none;


  -webkit-box-shadow: none;


  -moz-box-shadow: none;


  box-shadow: none;


}


.btn {


  outline: 0;


  -webkit-border-radius: 0;


  -moz-border-radius: 0;


  border-radius: 0;


}


a.btn,
.btn:focus {


  outline: 0;


}


.btn-medium {


  -webkit-border-radius: 0;


  -moz-border-radius: 0;


  border-radius: 0;


}


.btn-lg {


  -webkit-border-radius: 0;


  -moz-border-radius: 0;


  border-radius: 0;


}


.btn-sm {


  -webkit-border-radius: 0;


  -moz-border-radius: 0;


  border-radius: 0;


}


.btn-xs {


  -webkit-border-radius: 0;


  -moz-border-radius: 0;


  border-radius: 0;


}


@font-face {


  font-family: 'icomoon';


  src: url('../fonts/icomoon/icomoon.eot');


  src: url('../fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'), url('../fonts/icomoon/icomoon.woff') format('woff'), url('../fonts/icomoon/icomoon.ttf') format('truetype'), url('../fonts/iicomoon/comoon.svg#icomoon') format('svg');


  font-weight: normal;


  font-style: normal;


}


.menu-area {


  left: 0;


  position: fixed;


  z-index: 9999;


}


.menu-area:nth-child(2) {


  min-height: 400px;


  box-shadow: -1px 0 0 rgba(0, 0, 0, 0.1);


  background: url(../images/clickhere.png) 90px 0 no-repeat;


}


.menu-area:last-child:before {


  content: '';


  position: absolute;


  height: 7px;


  background: #222;


  top: 100px;


  left: 10px;


}


/* Common styles of menus */





.dl-menuwrapper {


  width: 100%;


  max-width: 300px;


  float: left;


  position: relative;


  -webkit-perspective: 1000px;


  -moz-perspective: 1000px;


  perspective: 1000px;


  -webkit-perspective-origin: 50% 200%;


  -moz-perspective-origin: 50% 200%;


  perspective-origin: 50% 200%;


}


.dl-menuwrapper:first-child {


  padding-right: 100px;


}


.dl-menuwrapper button {


  background: #222;


  border: none;


  width: 48px;


  height: 45px;


  text-indent: -900em;


  overflow: hidden;


  position: relative;


  cursor: pointer;


  outline: none;


}


.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {


  background: #555;


}


.dl-menuwrapper button:after {


  content: '';


  position: absolute;


  width: 48%;


  height: 2px;


  background: #fff;


  top: 10px;


  left: 24%;


  box-shadow: 0 10px 0 #fff, 0 20px 0 #fff;


}


.dl-menuwrapper ul {


  padding: 0;


  list-style: none;


  -webkit-transform-style: preserve-3d;


  -moz-transform-style: preserve-3d;


  transform-style: preserve-3d;


}


.dl-menuwrapper li {


  position: relative;


}


.dl-menuwrapper li a {


  text-align: left;


  display: block;


  position: relative;


  padding: 15px 20px;


  font-size: 16px;


  line-height: 20px;


  font-weight: 300;


  color: #fff;


  outline: none;


}


.no-touch .dl-menuwrapper li a:hover {


  background: rgba(255, 248, 213, 0.1);


  text-decoration: none;


}


.no-touch .dl-menuwrapper li a:focus {


  background: rgba(255, 248, 213, 0.1);


  text-decoration: none;


}


.dl-menuwrapper li.dl-back>a {


  padding-left: 30px;


  background: rgba(0, 0, 0, 0.1);


}


.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li>a:not(:only-child):after {


  position: absolute;


  top: 0;


  line-height: 50px;


  font-family: 'icomoon';


  speak: none;


  -webkit-font-smoothing: antialiased;


  content: "\e000";


}


.dl-menuwrapper li.dl-back:after {


  left: 10px;


  color: rgba(212, 204, 198, 0.3);


  -webkit-transform: rotate(180deg);


  -moz-transform: rotate(180deg);


  transform: rotate(180deg);


}


.dl-menuwrapper li>a:after {


  right: 10px;


  color: rgba(0, 0, 0, 0.15);


}


.dl-menuwrapper .dl-menu {


  margin: 5px 0 0 0;


  position: absolute;


  width: 100%;


  opacity: 0;


  pointer-events: none;


  -webkit-transform: translateY(10px);


  -moz-transform: translateY(10px);


  transform: translateY(10px);


  -webkit-backface-visibility: hidden;


  -moz-backface-visibility: hidden;


  backface-visibility: hidden;


}


.dl-menuwrapper .dl-menu.dl-menu-toggle {


  -webkit-transition: all 0.3s ease;


  -moz-transition: all 0.3s ease;


  transition: all 0.3s ease;


}


.dl-menuwrapper .dl-menu.dl-menuopen {


  opacity: 1;


  pointer-events: auto;


  -webkit-transform: translateY(0px);


  -moz-transform: translateY(0px);


  transform: translateY(0px);


}


/* Hide the inner submenus */


.dl-menuwrapper li .dl-submenu {


  display: none;


}


/* 


When a submenu is openend, we will hide all li siblings.


For that we give a class to the parent menu called "dl-subview".


We also hide the submenu link. 


The opened submenu will get the class "dl-subviewopen".


All this is done for any sub-level being entered.


*/


.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen>a,
.dl-menu.dl-subview li.dl-subview>a {


  display: none;


}


.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen>.dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen>.dl-submenu>li {


  display: block;


}


/* Dynamically added submenu outside of the menu context */


.dl-menuwrapper>.dl-submenu {


  position: absolute;


  width: 100%;


  top: 50px;


  left: 0;


  margin: 0;


}


/* Animation classes for moving out and in */





.dl-menu.dl-animate-out-1 {


  -webkit-animation: MenuAnimOut1 0.4s;


  -moz-animation: MenuAnimOut1 0.4s;


  animation: MenuAnimOut1 0.4s;


}


.dl-menu.dl-animate-out-2 {


  -webkit-animation: MenuAnimOut2 0.3s ease-in-out;


  -moz-animation: MenuAnimOut2 0.3s ease-in-out;


  animation: MenuAnimOut2 0.3s ease-in-out;


}


.dl-menu.dl-animate-out-3 {


  -webkit-animation: MenuAnimOut3 0.4s ease;


  -moz-animation: MenuAnimOut3 0.4s ease;


  animation: MenuAnimOut3 0.4s ease;


}


.dl-menu.dl-animate-out-4 {


  -webkit-animation: MenuAnimOut4 0.4s ease;


  -moz-animation: MenuAnimOut4 0.4s ease;


  animation: MenuAnimOut4 0.4s ease;


}


.dl-menu.dl-animate-out-5 {


  -webkit-animation: MenuAnimOut5 0.4s ease;


  -moz-animation: MenuAnimOut5 0.4s ease;


  animation: MenuAnimOut5 0.4s ease;


}


@-webkit-keyframes MenuAnimOut1 {


  50% {


    -webkit-transform: translateZ(-250px) rotateY(30deg);


  }


  75% {


    -webkit-transform: translateZ(-372.5px) rotateY(15deg);


    opacity: .5;


  }


  100% {


    -webkit-transform: translateZ(-500px) rotateY(0deg);


    opacity: 0;


  }


}


@-webkit-keyframes MenuAnimOut2 {


  100% {


    -webkit-transform: translateX(-100%);


    opacity: 0;


  }


}


@-webkit-keyframes MenuAnimOut3 {


  100% {


    -webkit-transform: translateZ(300px);


    opacity: 0;


  }


}


@-webkit-keyframes MenuAnimOut4 {


  100% {


    -webkit-transform: translateZ(-300px);


    opacity: 0;


  }


}


@-webkit-keyframes MenuAnimOut5 {


  100% {


    -webkit-transform: translateY(40%);


    opacity: 0;


  }


}


@-moz-keyframes MenuAnimOut1 {


  50% {


    -moz-transform: translateZ(-250px) rotateY(30deg);


  }


  75% {


    -moz-transform: translateZ(-372.5px) rotateY(15deg);


    opacity: .5;


  }


  100% {


    -moz-transform: translateZ(-500px) rotateY(0deg);


    opacity: 0;


  }


}


@-moz-keyframes MenuAnimOut2 {


  100% {


    -moz-transform: translateX(-100%);


    opacity: 0;


  }


}


@-moz-keyframes MenuAnimOut3 {


  100% {


    -moz-transform: translateZ(300px);


    opacity: 0;


  }


}


@-moz-keyframes MenuAnimOut4 {


  100% {


    -moz-transform: translateZ(-300px);


    opacity: 0;


  }


}


@-moz-keyframes MenuAnimOut5 {


  100% {


    -moz-transform: translateY(40%);


    opacity: 0;


  }


}


@keyframes MenuAnimOut1 {


  50% {


    transform: translateZ(-250px) rotateY(30deg);


  }


  75% {


    transform: translateZ(-372.5px) rotateY(15deg);


    opacity: .5;


  }


  100% {


    transform: translateZ(-500px) rotateY(0deg);


    opacity: 0;


  }


}


@keyframes MenuAnimOut2 {


  100% {


    transform: translateX(-100%);


    opacity: 0;


  }


}


@keyframes MenuAnimOut3 {


  100% {


    transform: translateZ(300px);


    opacity: 0;


  }


}


@keyframes MenuAnimOut4 {


  100% {


    transform: translateZ(-300px);


    opacity: 0;


  }


}


@keyframes MenuAnimOut5 {


  100% {


    transform: translateY(40%);


    opacity: 0;


  }


}


.dl-menu.dl-animate-in-1 {


  -webkit-animation: MenuAnimIn1 0.3s;


  -moz-animation: MenuAnimIn1 0.3s;


  animation: MenuAnimIn1 0.3s;


}


.dl-menu.dl-animate-in-2 {


  -webkit-animation: MenuAnimIn2 0.3s ease-in-out;


  -moz-animation: MenuAnimIn2 0.3s ease-in-out;


  animation: MenuAnimIn2 0.3s ease-in-out;


}


.dl-menu.dl-animate-in-3 {


  -webkit-animation: MenuAnimIn3 0.4s ease;


  -moz-animation: MenuAnimIn3 0.4s ease;


  animation: MenuAnimIn3 0.4s ease;


}


.dl-menu.dl-animate-in-4 {


  -webkit-animation: MenuAnimIn4 0.4s ease;


  -moz-animation: MenuAnimIn4 0.4s ease;


  animation: MenuAnimIn4 0.4s ease;


}


.dl-menu.dl-animate-in-5 {


  -webkit-animation: MenuAnimIn5 0.4s ease;


  -moz-animation: MenuAnimIn5 0.4s ease;


  animation: MenuAnimIn5 0.4s ease;


}


@-webkit-keyframes MenuAnimIn1 {


  0% {


    -webkit-transform: translateZ(-500px) rotateY(0deg);


    opacity: 0;


  }


  20% {


    -webkit-transform: translateZ(-250px) rotateY(30deg);


    opacity: 0.5;


  }


  100% {


    -webkit-transform: translateZ(0px) rotateY(0deg);


    opacity: 1;


  }


}


@-webkit-keyframes MenuAnimIn2 {


  0% {


    -webkit-transform: translateX(-100%);


    opacity: 0;


  }


  100% {


    -webkit-transform: translateX(0px);


    opacity: 1;


  }


}


@-webkit-keyframes MenuAnimIn3 {


  0% {


    -webkit-transform: translateZ(300px);


    opacity: 0;


  }


  100% {


    -webkit-transform: translateZ(0px);


    opacity: 1;


  }


}


@-webkit-keyframes MenuAnimIn4 {


  0% {


    -webkit-transform: translateZ(-300px);


    opacity: 0;


  }


  100% {


    -webkit-transform: translateZ(0px);


    opacity: 1;


  }


}


@-webkit-keyframes MenuAnimIn5 {


  0% {


    -webkit-transform: translateY(40%);


    opacity: 0;


  }


  100% {


    -webkit-transform: translateY(0);


    opacity: 1;


  }


}


@-moz-keyframes MenuAnimIn1 {


  0% {


    -moz-transform: translateZ(-500px) rotateY(0deg);


    opacity: 0;


  }


  20% {


    -moz-transform: translateZ(-250px) rotateY(30deg);


    opacity: 0.5;


  }


  100% {


    -moz-transform: translateZ(0px) rotateY(0deg);


    opacity: 1;


  }


}


@-moz-keyframes MenuAnimIn2 {


  0% {


    -moz-transform: translateX(-100%);


    opacity: 0;


  }


  100% {


    -moz-transform: translateX(0px);


    opacity: 1;


  }


}


@-moz-keyframes MenuAnimIn3 {


  0% {


    -moz-transform: translateZ(300px);


    opacity: 0;


  }


  100% {


    -moz-transform: translateZ(0px);


    opacity: 1;


  }


}


@-moz-keyframes MenuAnimIn4 {


  0% {


    -moz-transform: translateZ(-300px);


    opacity: 0;


  }


  100% {


    -moz-transform: translateZ(0px);


    opacity: 1;


  }


}


@-moz-keyframes MenuAnimIn5 {


  0% {


    -moz-transform: translateY(40%);


    opacity: 0;


  }


  100% {


    -moz-transform: translateY(0);


    opacity: 1;


  }


}


@keyframes MenuAnimIn1 {


  0% {


    transform: translateZ(-500px) rotateY(0deg);


    opacity: 0;


  }


  20% {


    transform: translateZ(-250px) rotateY(30deg);


    opacity: 0.5;


  }


  100% {


    transform: translateZ(0px) rotateY(0deg);


    opacity: 1;


  }


}


@keyframes MenuAnimIn2 {


  0% {


    transform: translateX(-100%);


    opacity: 0;


  }


  100% {


    transform: translateX(0px);


    opacity: 1;


  }


}


@keyframes MenuAnimIn3 {


  0% {


    transform: translateZ(300px);


    opacity: 0;


  }


  100% {


    transform: translateZ(0px);


    opacity: 1;


  }


}


@keyframes MenuAnimIn4 {


  0% {


    transform: translateZ(-300px);


    opacity: 0;


  }


  100% {


    transform: translateZ(0px);


    opacity: 1;


  }


}


@keyframes MenuAnimIn5 {


  0% {


    transform: translateY(40%);


    opacity: 0;


  }


  100% {


    transform: translateY(0);


    opacity: 1;


  }


}


.dl-menuwrapper>.dl-submenu.dl-animate-in-1 {


  -webkit-animation: SubMenuAnimIn1 0.4s ease;


  -moz-animation: SubMenuAnimIn1 0.4s ease;


  animation: SubMenuAnimIn1 0.4s ease;


}


.dl-menuwrapper>.dl-submenu.dl-animate-in-2 {


  -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;


  -moz-animation: SubMenuAnimIn2 0.3s ease-in-out;


  animation: SubMenuAnimIn2 0.3s ease-in-out;


}


.dl-menuwrapper>.dl-submenu.dl-animate-in-3 {


  -webkit-animation: SubMenuAnimIn3 0.4s ease;


  -moz-animation: SubMenuAnimIn3 0.4s ease;


  animation: SubMenuAnimIn3 0.4s ease;


}


.dl-menuwrapper>.dl-submenu.dl-animate-in-4 {


  -webkit-animation: SubMenuAnimIn4 0.4s ease;


  -moz-animation: SubMenuAnimIn4 0.4s ease;


  animation: SubMenuAnimIn4 0.4s ease;


}


.dl-menuwrapper>.dl-submenu.dl-animate-in-5 {


  -webkit-animation: SubMenuAnimIn5 0.4s ease;


  -moz-animation: SubMenuAnimIn5 0.4s ease;


  animation: SubMenuAnimIn5 0.4s ease;


}


@-webkit-keyframes SubMenuAnimIn1 {


  0% {


    -webkit-transform: translateX(50%);


    opacity: 0;


  }


  100% {


    -webkit-transform: translateX(0px);


    opacity: 1;


  }


}


@-webkit-keyframes SubMenuAnimIn2 {


  0% {


    -webkit-transform: translateX(100%);


    opacity: 0;


  }


  100% {


    -webkit-transform: translateX(0px);


    opacity: 1;


  }


}


@-webkit-keyframes SubMenuAnimIn3 {


  0% {


    -webkit-transform: translateZ(-300px);


    opacity: 0;


  }


  100% {


    -webkit-transform: translateZ(0px);


    opacity: 1;


  }


}


@-webkit-keyframes SubMenuAnimIn4 {


  0% {


    -webkit-transform: translateZ(300px);


    opacity: 0;


  }


  100% {


    -webkit-transform: translateZ(0px);


    opacity: 1;


  }


}


@-webkit-keyframes SubMenuAnimIn5 {


  0% {


    -webkit-transform: translateZ(-200px);


    opacity: 0;


  }


  100% {


    -webkit-transform: translateZ(0);


    opacity: 1;


  }


}


@-moz-keyframes SubMenuAnimIn1 {


  0% {


    -moz-transform: translateX(50%);


    opacity: 0;


  }


  100% {


    -moz-transform: translateX(0px);


    opacity: 1;


  }


}


@-moz-keyframes SubMenuAnimIn2 {


  0% {


    -moz-transform: translateX(100%);


    opacity: 0;


  }


  100% {


    -moz-transform: translateX(0px);


    opacity: 1;


  }


}


@-moz-keyframes SubMenuAnimIn3 {


  0% {


    -moz-transform: translateZ(-300px);


    opacity: 0;


  }


  100% {


    -moz-transform: translateZ(0px);


    opacity: 1;


  }


}


@-moz-keyframes SubMenuAnimIn4 {


  0% {


    -moz-transform: translateZ(300px);


    opacity: 0;


  }


  100% {


    -moz-transform: translateZ(0px);


    opacity: 1;


  }


}


@-moz-keyframes SubMenuAnimIn5 {


  0% {


    -moz-transform: translateZ(-200px);


    opacity: 0;


  }


  100% {


    -moz-transform: translateZ(0);


    opacity: 1;


  }


}


@keyframes SubMenuAnimIn1 {


  0% {


    transform: translateX(50%);


    opacity: 0;


  }


  100% {


    transform: translateX(0px);


    opacity: 1;


  }


}


@keyframes SubMenuAnimIn2 {


  0% {


    transform: translateX(100%);


    opacity: 0;


  }


  100% {


    transform: translateX(0px);


    opacity: 1;


  }


}


@keyframes SubMenuAnimIn3 {


  0% {


    transform: translateZ(-300px);


    opacity: 0;


  }


  100% {


    transform: translateZ(0px);


    opacity: 1;


  }


}


@keyframes SubMenuAnimIn4 {


  0% {


    transform: translateZ(300px);


    opacity: 0;


  }


  100% {


    transform: translateZ(0px);


    opacity: 1;


  }


}


@keyframes SubMenuAnimIn5 {


  0% {


    transform: translateZ(-200px);


    opacity: 0;


  }


  100% {


    transform: translateZ(0);


    opacity: 1;


  }


}


.dl-menuwrapper>.dl-submenu.dl-animate-out-1 {


  -webkit-animation: SubMenuAnimOut1 0.4s ease;


  -moz-animation: SubMenuAnimOut1 0.4s ease;


  animation: SubMenuAnimOut1 0.4s ease;


}


.dl-menuwrapper>.dl-submenu.dl-animate-out-2 {


  -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;


  -moz-animation: SubMenuAnimOut2 0.3s ease-in-out;


  animation: SubMenuAnimOut2 0.3s ease-in-out;


}


.dl-menuwrapper>.dl-submenu.dl-animate-out-3 {


  -webkit-animation: SubMenuAnimOut3 0.4s ease;


  -moz-animation: SubMenuAnimOut3 0.4s ease;


  animation: SubMenuAnimOut3 0.4s ease;


}


.dl-menuwrapper>.dl-submenu.dl-animate-out-4 {


  -webkit-animation: SubMenuAnimOut4 0.4s ease;


  -moz-animation: SubMenuAnimOut4 0.4s ease;


  animation: SubMenuAnimOut4 0.4s ease;


}


.dl-menuwrapper>.dl-submenu.dl-animate-out-5 {


  -webkit-animation: SubMenuAnimOut5 0.4s ease;


  -moz-animation: SubMenuAnimOut5 0.4s ease;


  animation: SubMenuAnimOut5 0.4s ease;


}


@-webkit-keyframes SubMenuAnimOut1 {


  0% {


    -webkit-transform: translateX(0%);


    opacity: 1;


  }


  100% {


    -webkit-transform: translateX(50%);


    opacity: 0;


  }


}


@-webkit-keyframes SubMenuAnimOut2 {


  0% {


    -webkit-transform: translateX(0%);


    opacity: 1;


  }


  100% {


    -webkit-transform: translateX(100%);


    opacity: 0;


  }


}


@-webkit-keyframes SubMenuAnimOut3 {


  0% {


    -webkit-transform: translateZ(0px);


    opacity: 1;


  }


  100% {


    -webkit-transform: translateZ(-300px);


    opacity: 0;


  }


}


@-webkit-keyframes SubMenuAnimOut4 {


  0% {


    -webkit-transform: translateZ(0px);


    opacity: 1;


  }


  100% {


    -webkit-transform: translateZ(300px);


    opacity: 0;


  }


}


@-webkit-keyframes SubMenuAnimOut5 {


  0% {


    -webkit-transform: translateZ(0);


    opacity: 1;


  }


  100% {


    -webkit-transform: translateZ(-200px);


    opacity: 0;


  }


}


@-moz-keyframes SubMenuAnimOut1 {


  0% {


    -moz-transform: translateX(0%);


    opacity: 1;


  }


  100% {


    -moz-transform: translateX(50%);


    opacity: 0;


  }


}


@-moz-keyframes SubMenuAnimOut2 {


  0% {


    -moz-transform: translateX(0%);


    opacity: 1;


  }


  100% {


    -moz-transform: translateX(100%);


    opacity: 0;


  }


}


@-moz-keyframes SubMenuAnimOut3 {


  0% {


    -moz-transform: translateZ(0px);


    opacity: 1;


  }


  100% {


    -moz-transform: translateZ(-300px);


    opacity: 0;


  }


}


@-moz-keyframes SubMenuAnimOut4 {


  0% {


    -moz-transform: translateZ(0px);


    opacity: 1;


  }


  100% {


    -moz-transform: translateZ(300px);


    opacity: 0;


  }


}


@-moz-keyframes SubMenuAnimOut5 {


  0% {


    -moz-transform: translateZ(0);


    opacity: 1;


  }


  100% {


    -moz-transform: translateZ(-200px);


    opacity: 0;


  }


}


@keyframes SubMenuAnimOut1 {


  0% {


    transform: translateX(0%);


    opacity: 1;


  }


  100% {


    transform: translateX(50%);


    opacity: 0;


  }


}


@keyframes SubMenuAnimOut2 {


  0% {


    transform: translateX(0%);


    opacity: 1;


  }


  100% {


    transform: translateX(100%);


    opacity: 0;


  }


}


@keyframes SubMenuAnimOut3 {


  0% {


    transform: translateZ(0px);


    opacity: 1;


  }


  100% {


    transform: translateZ(-300px);


    opacity: 0;


  }


}


@keyframes SubMenuAnimOut4 {


  0% {


    transform: translateZ(0px);


    opacity: 1;


  }


  100% {


    transform: translateZ(300px);


    opacity: 0;


  }


}


@keyframes SubMenuAnimOut5 {


  0% {


    transform: translateZ(0);


    opacity: 1;


  }


  100% {


    transform: translateZ(-200px);


    opacity: 0;


  }


}


/* No JS Fallback */


.no-js .dl-menuwrapper .dl-menu {


  position: relative;


  opacity: 1;


  -webkit-transform: none;


  -moz-transform: none;


  transform: none;


}


.no-js .dl-menuwrapper li .dl-submenu {


  display: block;


}


.no-js .dl-menuwrapper li.dl-back {


  display: none;


}


.no-js .dl-menuwrapper li>a:not(:only-child) {


  background: rgba(0, 0, 0, 0.1);


}


.no-js .dl-menuwrapper li>a:not(:only-child):after {


  content: '';


}


/* Colors for demos */





/* Demo 1 */


.demo-1 .dl-menuwrapper button {


  background: #c62860;


}


.demo-1 .dl-menuwrapper button:hover,
.demo-1 .dl-menuwrapper button.dl-active,
.demo-1 .dl-menuwrapper ul {


  background: #9e1847;


}


/* Demo 2 */


.demo-2 .dl-menuwrapper button {


  background: #e86814;


}


.demo-2 .dl-menuwrapper button:hover,
.demo-2 .dl-menuwrapper button.dl-active,
.demo-2 .dl-menuwrapper ul {


  background: #D35400;


}


/* Demo 3 */


.demo-3 .dl-menuwrapper button {


  background: #08cbc4;


}


.demo-3 .dl-menuwrapper button:hover,
.demo-3 .dl-menuwrapper button.dl-active,
.demo-3 .dl-menuwrapper ul {


  background: #00b4ae;


}


/* Demo 4 */


.demo-4 .dl-menuwrapper button {


  background: #90b912;


}


.demo-4 .dl-menuwrapper button:hover,
.demo-4 .dl-menuwrapper button.dl-active,
.demo-4 .dl-menuwrapper ul {


  background: #79a002;


}


/* Demo 5 */


.demo-5 .dl-menuwrapper button {


  background: #744783;


}


.demo-5 .dl-menuwrapper button:hover,
.demo-5 .dl-menuwrapper button.dl-active,
.demo-5 .dl-menuwrapper ul {


  background: #643771;


}


@charset "UTF-8";


.animated {


  -webkit-animation-duration: 1s;


  animation-duration: 1s;


  -webkit-animation-fill-mode: both;


  animation-fill-mode: both;


}


.animated.hinge {


  -webkit-animation-duration: 2s;


  animation-duration: 2s;


}


@-webkit-keyframes bounce {


  0%,
  20%,
  50%,
  80%,
  100% {


    -webkit-transform: translateY(0);


    transform: translateY(0);


  }


  40% {


    -webkit-transform: translateY(-30px);


    transform: translateY(-30px);


  }


  60% {


    -webkit-transform: translateY(-15px);


    transform: translateY(-15px);


  }


}


@keyframes bounce {


  0%,
  20%,
  50%,
  80%,
  100% {


    -webkit-transform: translateY(0);


    -ms-transform: translateY(0);


    transform: translateY(0);


  }


  40% {


    -webkit-transform: translateY(-30px);


    -ms-transform: translateY(-30px);


    transform: translateY(-30px);


  }


  60% {


    -webkit-transform: translateY(-15px);


    -ms-transform: translateY(-15px);


    transform: translateY(-15px);


  }


}


.bounce {


  -webkit-animation-name: bounce;


  animation-name: bounce;


}


@-webkit-keyframes flash {


  0%,
  50%,
  100% {


    opacity: 1;


  }


  25%,
  75% {


    opacity: 0;


  }


}


@keyframes flash {


  0%,
  50%,
  100% {


    opacity: 1;


  }


  25%,
  75% {


    opacity: 0;


  }


}


.flash {


  -webkit-animation-name: flash;


  animation-name: flash;


}





/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */





@-webkit-keyframes pulse {


  0% {


    -webkit-transform: scale(1);


    transform: scale(1);


  }


  50% {


    -webkit-transform: scale(1.1);


    transform: scale(1.1);


  }


  100% {


    -webkit-transform: scale(1);


    transform: scale(1);


  }


}


@keyframes pulse {


  0% {


    -webkit-transform: scale(1);


    -ms-transform: scale(1);


    transform: scale(1);


  }


  50% {


    -webkit-transform: scale(1.1);


    -ms-transform: scale(1.1);


    transform: scale(1.1);


  }


  100% {


    -webkit-transform: scale(1);


    -ms-transform: scale(1);


    transform: scale(1);


  }


}


.pulse {


  -webkit-animation-name: pulse;


  animation-name: pulse;


}


@-webkit-keyframes shake {


  0%,
  100% {


    -webkit-transform: translateX(0);


    transform: translateX(0);


  }


  10%,
  30%,
  50%,
  70%,
  90% {


    -webkit-transform: translateX(-10px);


    transform: translateX(-10px);


  }


  20%,
  40%,
  60%,
  80% {


    -webkit-transform: translateX(10px);


    transform: translateX(10px);


  }


}


@keyframes shake {


  0%,
  100% {


    -webkit-transform: translateX(0);


    -ms-transform: translateX(0);


    transform: translateX(0);


  }


  10%,
  30%,
  50%,
  70%,
  90% {


    -webkit-transform: translateX(-10px);


    -ms-transform: translateX(-10px);


    transform: translateX(-10px);


  }


  20%,
  40%,
  60%,
  80% {


    -webkit-transform: translateX(10px);


    -ms-transform: translateX(10px);


    transform: translateX(10px);


  }


}


.shake {


  -webkit-animation-name: shake;


  animation-name: shake;


}


@-webkit-keyframes swing {


  20% {


    -webkit-transform: rotate(15deg);


    transform: rotate(15deg);


  }


  40% {


    -webkit-transform: rotate(-10deg);


    transform: rotate(-10deg);


  }


  60% {


    -webkit-transform: rotate(5deg);


    transform: rotate(5deg);


  }


  80% {


    -webkit-transform: rotate(-5deg);


    transform: rotate(-5deg);


  }


  100% {


    -webkit-transform: rotate(0deg);


    transform: rotate(0deg);


  }


}


@keyframes swing {


  20% {


    -webkit-transform: rotate(15deg);


    -ms-transform: rotate(15deg);


    transform: rotate(15deg);


  }


  40% {


    -webkit-transform: rotate(-10deg);


    -ms-transform: rotate(-10deg);


    transform: rotate(-10deg);


  }


  60% {


    -webkit-transform: rotate(5deg);


    -ms-transform: rotate(5deg);


    transform: rotate(5deg);


  }


  80% {


    -webkit-transform: rotate(-5deg);


    -ms-transform: rotate(-5deg);


    transform: rotate(-5deg);


  }


  100% {


    -webkit-transform: rotate(0deg);


    -ms-transform: rotate(0deg);


    transform: rotate(0deg);


  }


}


.swing {


  -webkit-transform-origin: top center;


  -ms-transform-origin: top center;


  transform-origin: top center;


  -webkit-animation-name: swing;


  animation-name: swing;


}


@-webkit-keyframes tada {


  0% {


    -webkit-transform: scale(1);


    transform: scale(1);


  }


  10%,
  20% {


    -webkit-transform: scale(0.9) rotate(-3deg);


    transform: scale(0.9) rotate(-3deg);


  }


  30%,
  50%,
  70%,
  90% {


    -webkit-transform: scale(1.1) rotate(3deg);


    transform: scale(1.1) rotate(3deg);


  }


  40%,
  60%,
  80% {


    -webkit-transform: scale(1.1) rotate(-3deg);


    transform: scale(1.1) rotate(-3deg);


  }


  100% {


    -webkit-transform: scale(1) rotate(0);


    transform: scale(1) rotate(0);


  }


}


@keyframes tada {


  0% {


    -webkit-transform: scale(1);


    -ms-transform: scale(1);


    transform: scale(1);


  }


  10%,
  20% {


    -webkit-transform: scale(0.9) rotate(-3deg);


    -ms-transform: scale(0.9) rotate(-3deg);


    transform: scale(0.9) rotate(-3deg);


  }


  30%,
  50%,
  70%,
  90% {


    -webkit-transform: scale(1.1) rotate(3deg);


    -ms-transform: scale(1.1) rotate(3deg);


    transform: scale(1.1) rotate(3deg);


  }


  40%,
  60%,
  80% {


    -webkit-transform: scale(1.1) rotate(-3deg);


    -ms-transform: scale(1.1) rotate(-3deg);


    transform: scale(1.1) rotate(-3deg);


  }


  100% {


    -webkit-transform: scale(1) rotate(0);


    -ms-transform: scale(1) rotate(0);


    transform: scale(1) rotate(0);


  }


}


.tada {


  -webkit-animation-name: tada;


  animation-name: tada;


}





/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */





@-webkit-keyframes wobble {


  0% {


    -webkit-transform: translateX(0%);


    transform: translateX(0%);


  }


  15% {


    -webkit-transform: translateX(-25%) rotate(-5deg);


    transform: translateX(-25%) rotate(-5deg);


  }


  30% {


    -webkit-transform: translateX(20%) rotate(3deg);


    transform: translateX(20%) rotate(3deg);


  }


  45% {


    -webkit-transform: translateX(-15%) rotate(-3deg);


    transform: translateX(-15%) rotate(-3deg);


  }


  60% {


    -webkit-transform: translateX(10%) rotate(2deg);


    transform: translateX(10%) rotate(2deg);


  }


  75% {


    -webkit-transform: translateX(-5%) rotate(-1deg);


    transform: translateX(-5%) rotate(-1deg);


  }


  100% {


    -webkit-transform: translateX(0%);


    transform: translateX(0%);


  }


}


@keyframes wobble {


  0% {


    -webkit-transform: translateX(0%);


    -ms-transform: translateX(0%);


    transform: translateX(0%);


  }


  15% {


    -webkit-transform: translateX(-25%) rotate(-5deg);


    -ms-transform: translateX(-25%) rotate(-5deg);


    transform: translateX(-25%) rotate(-5deg);


  }


  30% {


    -webkit-transform: translateX(20%) rotate(3deg);


    -ms-transform: translateX(20%) rotate(3deg);


    transform: translateX(20%) rotate(3deg);


  }


  45% {


    -webkit-transform: translateX(-15%) rotate(-3deg);


    -ms-transform: translateX(-15%) rotate(-3deg);


    transform: translateX(-15%) rotate(-3deg);


  }


  60% {


    -webkit-transform: translateX(10%) rotate(2deg);


    -ms-transform: translateX(10%) rotate(2deg);


    transform: translateX(10%) rotate(2deg);


  }


  75% {


    -webkit-transform: translateX(-5%) rotate(-1deg);


    -ms-transform: translateX(-5%) rotate(-1deg);


    transform: translateX(-5%) rotate(-1deg);


  }


  100% {


    -webkit-transform: translateX(0%);


    -ms-transform: translateX(0%);


    transform: translateX(0%);


  }


}


.wobble {


  -webkit-animation-name: wobble;


  animation-name: wobble;


}


@-webkit-keyframes bounceIn {


  0% {


    opacity: 0;


    -webkit-transform: scale(.3);


    transform: scale(.3);


  }


  50% {


    opacity: 1;


    -webkit-transform: scale(1.05);


    transform: scale(1.05);


  }


  70% {


    -webkit-transform: scale(.9);


    transform: scale(.9);


  }


  100% {


    -webkit-transform: scale(1);


    transform: scale(1);


  }


}


@keyframes bounceIn {


  0% {


    opacity: 0;


    -webkit-transform: scale(.3);


    -ms-transform: scale(.3);


    transform: scale(.3);


  }


  50% {


    opacity: 1;


    -webkit-transform: scale(1.05);


    -ms-transform: scale(1.05);


    transform: scale(1.05);


  }


  70% {


    -webkit-transform: scale(.9);


    -ms-transform: scale(.9);


    transform: scale(.9);


  }


  100% {


    -webkit-transform: scale(1);


    -ms-transform: scale(1);


    transform: scale(1);


  }


}


.bounceIn {


  -webkit-animation-name: bounceIn;


  animation-name: bounceIn;


}


@-webkit-keyframes bounceInDown {


  0% {


    opacity: 0;


    -webkit-transform: translateY(-2000px);


    transform: translateY(-2000px);


  }


  60% {


    opacity: 1;


    -webkit-transform: translateY(30px);


    transform: translateY(30px);


  }


  80% {


    -webkit-transform: translateY(-10px);


    transform: translateY(-10px);


  }


  100% {


    -webkit-transform: translateY(0);


    transform: translateY(0);


  }


}


@keyframes bounceInDown {


  0% {


    opacity: 0;


    -webkit-transform: translateY(-2000px);


    -ms-transform: translateY(-2000px);


    transform: translateY(-2000px);


  }


  60% {


    opacity: 1;


    -webkit-transform: translateY(30px);


    -ms-transform: translateY(30px);


    transform: translateY(30px);


  }


  80% {


    -webkit-transform: translateY(-10px);


    -ms-transform: translateY(-10px);


    transform: translateY(-10px);


  }


  100% {


    -webkit-transform: translateY(0);


    -ms-transform: translateY(0);


    transform: translateY(0);


  }


}


.bounceInDown {


  -webkit-animation-name: bounceInDown;


  animation-name: bounceInDown;


}


@-webkit-keyframes bounceInLeft {


  0% {


    opacity: 0;


    -webkit-transform: translateX(-2000px);


    transform: translateX(-2000px);


  }


  60% {


    opacity: 1;


    -webkit-transform: translateX(30px);


    transform: translateX(30px);


  }


  80% {


    -webkit-transform: translateX(-10px);


    transform: translateX(-10px);


  }


  100% {


    -webkit-transform: translateX(0);


    transform: translateX(0);


  }


}


@keyframes bounceInLeft {


  0% {


    opacity: 0;


    -webkit-transform: translateX(-2000px);


    -ms-transform: translateX(-2000px);


    transform: translateX(-2000px);


  }


  60% {


    opacity: 1;


    -webkit-transform: translateX(30px);


    -ms-transform: translateX(30px);


    transform: translateX(30px);


  }


  80% {


    -webkit-transform: translateX(-10px);


    -ms-transform: translateX(-10px);


    transform: translateX(-10px);


  }


  100% {


    -webkit-transform: translateX(0);


    -ms-transform: translateX(0);


    transform: translateX(0);


  }


}


.bounceInLeft {


  -webkit-animation-name: bounceInLeft;


  animation-name: bounceInLeft;


}


@-webkit-keyframes bounceInRight {


  0% {


    opacity: 0;


    -webkit-transform: translateX(2000px);


    transform: translateX(2000px);


  }


  60% {


    opacity: 1;


    -webkit-transform: translateX(-30px);


    transform: translateX(-30px);


  }


  80% {


    -webkit-transform: translateX(10px);


    transform: translateX(10px);


  }


  100% {


    -webkit-transform: translateX(0);


    transform: translateX(0);


  }


}


@keyframes bounceInRight {


  0% {


    opacity: 0;


    -webkit-transform: translateX(2000px);


    -ms-transform: translateX(2000px);


    transform: translateX(2000px);


  }


  60% {


    opacity: 1;


    -webkit-transform: translateX(-30px);


    -ms-transform: translateX(-30px);


    transform: translateX(-30px);


  }


  80% {


    -webkit-transform: translateX(10px);


    -ms-transform: translateX(10px);


    transform: translateX(10px);


  }


  100% {


    -webkit-transform: translateX(0);


    -ms-transform: translateX(0);


    transform: translateX(0);


  }


}


.bounceInRight {


  -webkit-animation-name: bounceInRight;


  animation-name: bounceInRight;


}


@-webkit-keyframes bounceInUp {


  0% {


    opacity: 0;


    -webkit-transform: translateY(2000px);


    transform: translateY(2000px);


  }


  60% {


    opacity: 1;


    -webkit-transform: translateY(-30px);


    transform: translateY(-30px);


  }


  80% {


    -webkit-transform: translateY(10px);


    transform: translateY(10px);


  }


  100% {


    -webkit-transform: translateY(0);


    transform: translateY(0);


  }


}


@keyframes bounceInUp {


  0% {


    opacity: 0;


    -webkit-transform: translateY(2000px);


    -ms-transform: translateY(2000px);


    transform: translateY(2000px);


  }


  60% {


    opacity: 1;


    -webkit-transform: translateY(-30px);


    -ms-transform: translateY(-30px);


    transform: translateY(-30px);


  }


  80% {


    -webkit-transform: translateY(10px);


    -ms-transform: translateY(10px);


    transform: translateY(10px);


  }


  100% {


    -webkit-transform: translateY(0);


    -ms-transform: translateY(0);


    transform: translateY(0);


  }


}


.bounceInUp {


  -webkit-animation-name: bounceInUp;


  animation-name: bounceInUp;


}


@-webkit-keyframes bounceOut {


  0% {


    -webkit-transform: scale(1);


    transform: scale(1);


  }


  25% {


    -webkit-transform: scale(.95);


    transform: scale(.95);


  }


  50% {


    opacity: 1;


    -webkit-transform: scale(1.1);


    transform: scale(1.1);


  }


  100% {


    opacity: 0;


    -webkit-transform: scale(.3);


    transform: scale(.3);


  }


}


@keyframes bounceOut {


  0% {


    -webkit-transform: scale(1);


    -ms-transform: scale(1);


    transform: scale(1);


  }


  25% {


    -webkit-transform: scale(.95);


    -ms-transform: scale(.95);


    transform: scale(.95);


  }


  50% {


    opacity: 1;


    -webkit-transform: scale(1.1);


    -ms-transform: scale(1.1);


    transform: scale(1.1);


  }


  100% {


    opacity: 0;


    -webkit-transform: scale(.3);


    -ms-transform: scale(.3);


    transform: scale(.3);


  }


}


.bounceOut {


  -webkit-animation-name: bounceOut;


  animation-name: bounceOut;


}


@-webkit-keyframes bounceOutDown {


  0% {


    -webkit-transform: translateY(0);


    transform: translateY(0);


  }


  20% {


    opacity: 1;


    -webkit-transform: translateY(-20px);


    transform: translateY(-20px);


  }


  100% {


    opacity: 0;


    -webkit-transform: translateY(2000px);


    transform: translateY(2000px);


  }


}


@keyframes bounceOutDown {


  0% {


    -webkit-transform: translateY(0);


    -ms-transform: translateY(0);


    transform: translateY(0);


  }


  20% {


    opacity: 1;


    -webkit-transform: translateY(-20px);


    -ms-transform: translateY(-20px);


    transform: translateY(-20px);


  }


  100% {


    opacity: 0;


    -webkit-transform: translateY(2000px);


    -ms-transform: translateY(2000px);


    transform: translateY(2000px);


  }


}


.bounceOutDown {


  -webkit-animation-name: bounceOutDown;


  animation-name: bounceOutDown;


}


@-webkit-keyframes bounceOutLeft {


  0% {


    -webkit-transform: translateX(0);


    transform: translateX(0);


  }


  20% {


    opacity: 1;


    -webkit-transform: translateX(20px);


    transform: translateX(20px);


  }


  100% {


    opacity: 0;


    -webkit-transform: translateX(-2000px);


    transform: translateX(-2000px);


  }


}


@keyframes bounceOutLeft {


  0% {


    -webkit-transform: translateX(0);


    -ms-transform: translateX(0);


    transform: translateX(0);


  }


  20% {


    opacity: 1;


    -webkit-transform: translateX(20px);


    -ms-transform: translateX(20px);


    transform: translateX(20px);


  }


  100% {


    opacity: 0;


    -webkit-transform: translateX(-2000px);


    -ms-transform: translateX(-2000px);


    transform: translateX(-2000px);


  }


}


.bounceOutLeft {


  -webkit-animation-name: bounceOutLeft;


  animation-name: bounceOutLeft;


}


@-webkit-keyframes bounceOutRight {


  0% {


    -webkit-transform: translateX(0);


    transform: translateX(0);


  }


  20% {


    opacity: 1;


    -webkit-transform: translateX(-20px);


    transform: translateX(-20px);


  }


  100% {


    opacity: 0;


    -webkit-transform: translateX(2000px);


    transform: translateX(2000px);


  }


}


@keyframes bounceOutRight {


  0% {


    -webkit-transform: translateX(0);


    -ms-transform: translateX(0);


    transform: translateX(0);


  }


  20% {


    opacity: 1;


    -webkit-transform: translateX(-20px);


    -ms-transform: translateX(-20px);


    transform: translateX(-20px);


  }


  100% {


    opacity: 0;


    -webkit-transform: translateX(2000px);


    -ms-transform: translateX(2000px);


    transform: translateX(2000px);


  }


}


.bounceOutRight {


  -webkit-animation-name: bounceOutRight;


  animation-name: bounceOutRight;


}


@-webkit-keyframes bounceOutUp {


  0% {


    -webkit-transform: translateY(0);


    transform: translateY(0);


  }


  20% {


    opacity: 1;


    -webkit-transform: translateY(20px);


    transform: translateY(20px);


  }


  100% {


    opacity: 0;


    -webkit-transform: translateY(-2000px);


    transform: translateY(-2000px);


  }


}


@keyframes bounceOutUp {


  0% {


    -webkit-transform: translateY(0);


    -ms-transform: translateY(0);


    transform: translateY(0);


  }


  20% {


    opacity: 1;


    -webkit-transform: translateY(20px);


    -ms-transform: translateY(20px);


    transform: translateY(20px);


  }


  100% {


    opacity: 0;


    -webkit-transform: translateY(-2000px);


    -ms-transform: translateY(-2000px);


    transform: translateY(-2000px);


  }


}


.bounceOutUp {


  -webkit-animation-name: bounceOutUp;


  animation-name: bounceOutUp;


}


@-webkit-keyframes fadeIn {


  0% {


    opacity: 0;


  }


  100% {


    opacity: 1;


  }


}


@keyframes fadeIn {


  0% {


    opacity: 0;


  }


  100% {


    opacity: 1;


  }


}


.fadeIn {


  -webkit-animation-name: fadeIn;


  animation-name: fadeIn;


}


@-webkit-keyframes fadeInDown {


  0% {


    opacity: 0;


    -webkit-transform: translateY(-20px);


    transform: translateY(-20px);


  }


  100% {


    opacity: 1;


    -webkit-transform: translateY(0);


    transform: translateY(0);


  }


}


@keyframes fadeInDown {


  0% {


    opacity: 0;


    -webkit-transform: translateY(-20px);


    -ms-transform: translateY(-20px);


    transform: translateY(-20px);


  }


  100% {


    opacity: 1;


    -webkit-transform: translateY(0);


    -ms-transform: translateY(0);


    transform: translateY(0);


  }


}


.fadeInDown {


  -webkit-animation-name: fadeInDown;


  animation-name: fadeInDown;


}


@-webkit-keyframes fadeInDownBig {


  0% {


    opacity: 0;


    -webkit-transform: translateY(-2000px);


    transform: translateY(-2000px);


  }


  100% {


    opacity: 1;


    -webkit-transform: translateY(0);


    transform: translateY(0);


  }


}


@keyframes fadeInDownBig {


  0% {


    opacity: 0;


    -webkit-transform: translateY(-2000px);


    -ms-transform: translateY(-2000px);


    transform: translateY(-2000px);


  }


  100% {


    opacity: 1;


    -webkit-transform: translateY(0);


    -ms-transform: translateY(0);


    transform: translateY(0);


  }


}


.fadeInDownBig {


  -webkit-animation-name: fadeInDownBig;


  animation-name: fadeInDownBig;


}


@-webkit-keyframes fadeInLeft {


  0% {


    opacity: 0;


    -webkit-transform: translateX(-20px);


    transform: translateX(-20px);


  }


  100% {


    opacity: 1;


    -webkit-transform: translateX(0);


    transform: translateX(0);


  }


}


@keyframes fadeInLeft {


  0% {


    opacity: 0;


    -webkit-transform: translateX(-20px);


    -ms-transform: translateX(-20px);


    transform: translateX(-20px);


  }


  100% {


    opacity: 1;


    -webkit-transform: translateX(0);


    -ms-transform: translateX(0);


    transform: translateX(0);


  }


}


.fadeInLeft {


  -webkit-animation-name: fadeInLeft;


  animation-name: fadeInLeft;


}


@-webkit-keyframes fadeInLeftBig {


  0% {


    opacity: 0;


    -webkit-transform: translateX(-2000px);


    transform: translateX(-2000px);


  }


  100% {


    opacity: 1;


    -webkit-transform: translateX(0);


    transform: translateX(0);


  }


}


@keyframes fadeInLeftBig {


  0% {


    opacity: 0;


    -webkit-transform: translateX(-2000px);


    -ms-transform: translateX(-2000px);


    transform: translateX(-2000px);


  }


  100% {


    opacity: 1;


    -webkit-transform: translateX(0);


    -ms-transform: translateX(0);


    transform: translateX(0);


  }


}


.fadeInLeftBig {


  -webkit-animation-name: fadeInLeftBig;


  animation-name: fadeInLeftBig;


}


@-webkit-keyframes fadeInRight {


  0% {


    opacity: 0;


    -webkit-transform: translateX(20px);


    transform: translateX(20px);


  }


  100% {


    opacity: 1;


    -webkit-transform: translateX(0);


    transform: translateX(0);


  }


}


@keyframes fadeInRight {


  0% {


    opacity: 0;


    -webkit-transform: translateX(20px);


    -ms-transform: translateX(20px);


    transform: translateX(20px);


  }


  100% {


    opacity: 1;


    -webkit-transform: translateX(0);


    -ms-transform: translateX(0);


    transform: translateX(0);


  }


}


.fadeInRight {


  -webkit-animation-name: fadeInRight;


  animation-name: fadeInRight;


}


@-webkit-keyframes fadeInRightBig {


  0% {


    opacity: 0;


    -webkit-transform: translateX(2000px);


    transform: translateX(2000px);


  }


  100% {


    opacity: 1;


    -webkit-transform: translateX(0);


    transform: translateX(0);


  }


}


@keyframes fadeInRightBig {


  0% {


    opacity: 0;


    -webkit-transform: translateX(2000px);


    -ms-transform: translateX(2000px);


    transform: translateX(2000px);


  }


  100% {


    opacity: 1;


    -webkit-transform: translateX(0);


    -ms-transform: translateX(0);


    transform: translateX(0);


  }


}


.fadeInRightBig {


  -webkit-animation-name: fadeInRightBig;


  animation-name: fadeInRightBig;


}


@-webkit-keyframes fadeInUp {


  0% {


    opacity: 0;


    -webkit-transform: translateY(20px);


    transform: translateY(20px);


  }


  100% {


    opacity: 1;


    -webkit-transform: translateY(0);


    transform: translateY(0);


  }


}


@keyframes fadeInUp {


  0% {


    opacity: 0;


    -webkit-transform: translateY(20px);


    -ms-transform: translateY(20px);


    transform: translateY(20px);


  }


  100% {


    opacity: 1;


    -webkit-transform: translateY(0);


    -ms-transform: translateY(0);


    transform: translateY(0);


  }


}


.fadeInUp {


  -webkit-animation-name: fadeInUp;


  animation-name: fadeInUp;


}


@-webkit-keyframes fadeInUpBig {


  0% {


    opacity: 0;


    -webkit-transform: translateY(2000px);


    transform: translateY(2000px);


  }


  100% {


    opacity: 1;


    -webkit-transform: translateY(0);


    transform: translateY(0);


  }


}


@keyframes fadeInUpBig {


  0% {


    opacity: 0;


    -webkit-transform: translateY(2000px);


    -ms-transform: translateY(2000px);


    transform: translateY(2000px);


  }


  100% {


    opacity: 1;


    -webkit-transform: translateY(0);


    -ms-transform: translateY(0);


    transform: translateY(0);


  }


}


.fadeInUpBig {


  -webkit-animation-name: fadeInUpBig;


  animation-name: fadeInUpBig;


}


@-webkit-keyframes fadeOut {


  0% {


    opacity: 1;


  }


  100% {


    opacity: 0;


  }


}


@keyframes fadeOut {


  0% {


    opacity: 1;


  }


  100% {


    opacity: 0;


  }


}


.fadeOut {


  -webkit-animation-name: fadeOut;


  animation-name: fadeOut;


}


@-webkit-keyframes fadeOutDown {


  0% {


    opacity: 1;


    -webkit-transform: translateY(0);


    transform: translateY(0);


  }


  100% {


    opacity: 0;


    -webkit-transform: translateY(20px);


    transform: translateY(20px);


  }


}


@keyframes fadeOutDown {


  0% {


    opacity: 1;


    -webkit-transform: translateY(0);


    -ms-transform: translateY(0);


    transform: translateY(0);


  }


  100% {


    opacity: 0;


    -webkit-transform: translateY(20px);


    -ms-transform: translateY(20px);


    transform: translateY(20px);


  }


}


.fadeOutDown {


  -webkit-animation-name: fadeOutDown;


  animation-name: fadeOutDown;


}


@-webkit-keyframes fadeOutDownBig {


  0% {


    opacity: 1;


    -webkit-transform: translateY(0);


    transform: translateY(0);


  }


  100% {


    opacity: 0;


    -webkit-transform: translateY(2000px);


    transform: translateY(2000px);


  }


}


@keyframes fadeOutDownBig {


  0% {


    opacity: 1;


    -webkit-transform: translateY(0);


    -ms-transform: translateY(0);


    transform: translateY(0);


  }


  100% {


    opacity: 0;


    -webkit-transform: translateY(2000px);


    -ms-transform: translateY(2000px);


    transform: translateY(2000px);


  }


}


.fadeOutDownBig {


  -webkit-animation-name: fadeOutDownBig;


  animation-name: fadeOutDownBig;


}


@-webkit-keyframes fadeOutLeft {


  0% {


    opacity: 1;


    -webkit-transform: translateX(0);


    transform: translateX(0);


  }


  100% {


    opacity: 0;


    -webkit-transform: translateX(-20px);


    transform: translateX(-20px);


  }


}


@keyframes fadeOutLeft {


  0% {


    opacity: 1;


    -webkit-transform: translateX(0);


    -ms-transform: translateX(0);


    transform: translateX(0);


  }


  100% {


    opacity: 0;


    -webkit-transform: translateX(-20px);


    -ms-transform: translateX(-20px);


    transform: translateX(-20px);


  }


}


.fadeOutLeft {


  -webkit-animation-name: fadeOutLeft;


  animation-name: fadeOutLeft;


}


@-webkit-keyframes fadeOutLeftBig {


  0% {


    opacity: 1;


    -webkit-transform: translateX(0);


    transform: translateX(0);


  }


  100% {


    opacity: 0;


    -webkit-transform: translateX(-2000px);


    transform: translateX(-2000px);


  }


}


@keyframes fadeOutLeftBig {


  0% {


    opacity: 1;


    -webkit-transform: translateX(0);


    -ms-transform: translateX(0);


    transform: translateX(0);


  }


  100% {


    opacity: 0;


    -webkit-transform: translateX(-2000px);


    -ms-transform: translateX(-2000px);


    transform: translateX(-2000px);


  }


}


.fadeOutLeftBig {


  -webkit-animation-name: fadeOutLeftBig;


  animation-name: fadeOutLeftBig;


}


@-webkit-keyframes fadeOutRight {


  0% {


    opacity: 1;


    -webkit-transform: translateX(0);


    transform: translateX(0);


  }


  100% {


    opacity: 0;


    -webkit-transform: translateX(20px);


    transform: translateX(20px);


  }


}


@keyframes fadeOutRight {


  0% {


    opacity: 1;


    -webkit-transform: translateX(0);


    -ms-transform: translateX(0);


    transform: translateX(0);


  }


  100% {


    opacity: 0;


    -webkit-transform: translateX(20px);


    -ms-transform: translateX(20px);


    transform: translateX(20px);


  }


}


.fadeOutRight {


  -webkit-animation-name: fadeOutRight;


  animation-name: fadeOutRight;


}


@-webkit-keyframes fadeOutRightBig {


  0% {


    opacity: 1;


    -webkit-transform: translateX(0);


    transform: translateX(0);


  }


  100% {


    opacity: 0;


    -webkit-transform: translateX(2000px);


    transform: translateX(2000px);


  }


}


@keyframes fadeOutRightBig {


  0% {


    opacity: 1;


    -webkit-transform: translateX(0);


    -ms-transform: translateX(0);


    transform: translateX(0);


  }


  100% {


    opacity: 0;


    -webkit-transform: translateX(2000px);


    -ms-transform: translateX(2000px);


    transform: translateX(2000px);


  }


}


.fadeOutRightBig {


  -webkit-animation-name: fadeOutRightBig;


  animation-name: fadeOutRightBig;


}


@-webkit-keyframes fadeOutUp {


  0% {


    opacity: 1;


    -webkit-transform: translateY(0);


    transform: translateY(0);


  }


  100% {


    opacity: 0;


    -webkit-transform: translateY(-20px);


    transform: translateY(-20px);


  }


}


@keyframes fadeOutUp {


  0% {


    opacity: 1;


    -webkit-transform: translateY(0);


    -ms-transform: translateY(0);


    transform: translateY(0);


  }


  100% {


    opacity: 0;


    -webkit-transform: translateY(-20px);


    -ms-transform: translateY(-20px);


    transform: translateY(-20px);


  }


}


.fadeOutUp {


  -webkit-animation-name: fadeOutUp;


  animation-name: fadeOutUp;


}


@-webkit-keyframes fadeOutUpBig {


  0% {


    opacity: 1;


    -webkit-transform: translateY(0);


    transform: translateY(0);


  }


  100% {


    opacity: 0;


    -webkit-transform: translateY(-2000px);


    transform: translateY(-2000px);


  }


}


@keyframes fadeOutUpBig {


  0% {


    opacity: 1;


    -webkit-transform: translateY(0);


    -ms-transform: translateY(0);


    transform: translateY(0);


  }


  100% {


    opacity: 0;


    -webkit-transform: translateY(-2000px);


    -ms-transform: translateY(-2000px);


    transform: translateY(-2000px);


  }


}


.fadeOutUpBig {


  -webkit-animation-name: fadeOutUpBig;


  animation-name: fadeOutUpBig;


}


@-webkit-keyframes flip {


  0% {


    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);


    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);


    -webkit-animation-timing-function: ease-out;


    animation-timing-function: ease-out;


  }


  40% {


    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);


    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);


    -webkit-animation-timing-function: ease-out;


    animation-timing-function: ease-out;


  }


  50% {


    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);


    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);


    -webkit-animation-timing-function: ease-in;


    animation-timing-function: ease-in;


  }


  80% {


    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);


    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);


    -webkit-animation-timing-function: ease-in;


    animation-timing-function: ease-in;


  }


  100% {


    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);


    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);


    -webkit-animation-timing-function: ease-in;


    animation-timing-function: ease-in;


  }


}


@keyframes flip {


  0% {


    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);


    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);


    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);


    -webkit-animation-timing-function: ease-out;


    animation-timing-function: ease-out;


  }


  40% {


    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);


    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);


    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);


    -webkit-animation-timing-function: ease-out;


    animation-timing-function: ease-out;


  }


  50% {


    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);


    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);


    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);


    -webkit-animation-timing-function: ease-in;


    animation-timing-function: ease-in;


  }


  80% {


    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);


    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);


    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);


    -webkit-animation-timing-function: ease-in;


    animation-timing-function: ease-in;


  }


  100% {


    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);


    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);


    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);


    -webkit-animation-timing-function: ease-in;


    animation-timing-function: ease-in;


  }


}


.animated.flip {


  -webkit-backface-visibility: visible;


  -ms-backface-visibility: visible;


  backface-visibility: visible;


  -webkit-animation-name: flip;


  animation-name: flip;


}


@-webkit-keyframes flipInX {


  0% {


    -webkit-transform: perspective(400px) rotateX(90deg);


    transform: perspective(400px) rotateX(90deg);


    opacity: 0;


  }


  40% {


    -webkit-transform: perspective(400px) rotateX(-10deg);


    transform: perspective(400px) rotateX(-10deg);


  }


  70% {


    -webkit-transform: perspective(400px) rotateX(10deg);


    transform: perspective(400px) rotateX(10deg);


  }


  100% {


    -webkit-transform: perspective(400px) rotateX(0deg);


    transform: perspective(400px) rotateX(0deg);


    opacity: 1;


  }


}


@keyframes flipInX {


  0% {


    -webkit-transform: perspective(400px) rotateX(90deg);


    -ms-transform: perspective(400px) rotateX(90deg);


    transform: perspective(400px) rotateX(90deg);


    opacity: 0;


  }


  40% {


    -webkit-transform: perspective(400px) rotateX(-10deg);


    -ms-transform: perspective(400px) rotateX(-10deg);


    transform: perspective(400px) rotateX(-10deg);


  }


  70% {


    -webkit-transform: perspective(400px) rotateX(10deg);


    -ms-transform: perspective(400px) rotateX(10deg);


    transform: perspective(400px) rotateX(10deg);


  }


  100% {


    -webkit-transform: perspective(400px) rotateX(0deg);


    -ms-transform: perspective(400px) rotateX(0deg);


    transform: perspective(400px) rotateX(0deg);


    opacity: 1;


  }


}


.flipInX {


  -webkit-backface-visibility: visible !important;


  -ms-backface-visibility: visible !important;


  backface-visibility: visible !important;


  -webkit-animation-name: flipInX;


  animation-name: flipInX;


}


@-webkit-keyframes flipInY {


  0% {


    -webkit-transform: perspective(400px) rotateY(90deg);


    transform: perspective(400px) rotateY(90deg);


    opacity: 0;


  }


  40% {


    -webkit-transform: perspective(400px) rotateY(-10deg);


    transform: perspective(400px) rotateY(-10deg);


  }


  70% {


    -webkit-transform: perspective(400px) rotateY(10deg);


    transform: perspective(400px) rotateY(10deg);


  }


  100% {


    -webkit-transform: perspective(400px) rotateY(0deg);


    transform: perspective(400px) rotateY(0deg);


    opacity: 1;


  }


}


@keyframes flipInY {


  0% {


    -webkit-transform: perspective(400px) rotateY(90deg);


    -ms-transform: perspective(400px) rotateY(90deg);


    transform: perspective(400px) rotateY(90deg);


    opacity: 0;


  }


  40% {


    -webkit-transform: perspective(400px) rotateY(-10deg);


    -ms-transform: perspective(400px) rotateY(-10deg);


    transform: perspective(400px) rotateY(-10deg);


  }


  70% {


    -webkit-transform: perspective(400px) rotateY(10deg);


    -ms-transform: perspective(400px) rotateY(10deg);


    transform: perspective(400px) rotateY(10deg);


  }


  100% {


    -webkit-transform: perspective(400px) rotateY(0deg);


    -ms-transform: perspective(400px) rotateY(0deg);


    transform: perspective(400px) rotateY(0deg);


    opacity: 1;


  }


}


.flipInY {


  -webkit-backface-visibility: visible !important;


  -ms-backface-visibility: visible !important;


  backface-visibility: visible !important;


  -webkit-animation-name: flipInY;


  animation-name: flipInY;


}


@-webkit-keyframes flipOutX {


  0% {


    -webkit-transform: perspective(400px) rotateX(0deg);


    transform: perspective(400px) rotateX(0deg);


    opacity: 1;


  }


  100% {


    -webkit-transform: perspective(400px) rotateX(90deg);


    transform: perspective(400px) rotateX(90deg);


    opacity: 0;


  }


}


@keyframes flipOutX {


  0% {


    -webkit-transform: perspective(400px) rotateX(0deg);


    -ms-transform: perspective(400px) rotateX(0deg);


    transform: perspective(400px) rotateX(0deg);


    opacity: 1;


  }


  100% {


    -webkit-transform: perspective(400px) rotateX(90deg);


    -ms-transform: perspective(400px) rotateX(90deg);


    transform: perspective(400px) rotateX(90deg);


    opacity: 0;


  }


}


.flipOutX {


  -webkit-animation-name: flipOutX;


  animation-name: flipOutX;


  -webkit-backface-visibility: visible !important;


  -ms-backface-visibility: visible !important;


  backface-visibility: visible !important;


}


@-webkit-keyframes flipOutY {


  0% {


    -webkit-transform: perspective(400px) rotateY(0deg);


    transform: perspective(400px) rotateY(0deg);


    opacity: 1;


  }


  100% {


    -webkit-transform: perspective(400px) rotateY(90deg);


    transform: perspective(400px) rotateY(90deg);


    opacity: 0;


  }


}


@keyframes flipOutY {


  0% {


    -webkit-transform: perspective(400px) rotateY(0deg);


    -ms-transform: perspective(400px) rotateY(0deg);


    transform: perspective(400px) rotateY(0deg);


    opacity: 1;


  }


  100% {


    -webkit-transform: perspective(400px) rotateY(90deg);


    -ms-transform: perspective(400px) rotateY(90deg);


    transform: perspective(400px) rotateY(90deg);


    opacity: 0;


  }


}


.flipOutY {


  -webkit-backface-visibility: visible !important;


  -ms-backface-visibility: visible !important;


  backface-visibility: visible !important;


  -webkit-animation-name: flipOutY;


  animation-name: flipOutY;


}


@-webkit-keyframes lightSpeedIn {


  0% {


    -webkit-transform: translateX(100%) skewX(-30deg);


    transform: translateX(100%) skewX(-30deg);


    opacity: 0;


  }


  60% {


    -webkit-transform: translateX(-20%) skewX(30deg);


    transform: translateX(-20%) skewX(30deg);


    opacity: 1;


  }


  80% {


    -webkit-transform: translateX(0%) skewX(-15deg);


    transform: translateX(0%) skewX(-15deg);


    opacity: 1;


  }


  100% {


    -webkit-transform: translateX(0%) skewX(0deg);


    transform: translateX(0%) skewX(0deg);


    opacity: 1;


  }


}


@keyframes lightSpeedIn {


  0% {


    -webkit-transform: translateX(100%) skewX(-30deg);


    -ms-transform: translateX(100%) skewX(-30deg);


    transform: translateX(100%) skewX(-30deg);


    opacity: 0;


  }


  60% {


    -webkit-transform: translateX(-20%) skewX(30deg);


    -ms-transform: translateX(-20%) skewX(30deg);


    transform: translateX(-20%) skewX(30deg);


    opacity: 1;


  }


  80% {


    -webkit-transform: translateX(0%) skewX(-15deg);


    -ms-transform: translateX(0%) skewX(-15deg);


    transform: translateX(0%) skewX(-15deg);


    opacity: 1;


  }


  100% {


    -webkit-transform: translateX(0%) skewX(0deg);


    -ms-transform: translateX(0%) skewX(0deg);


    transform: translateX(0%) skewX(0deg);


    opacity: 1;


  }


}


.lightSpeedIn {


  -webkit-animation-name: lightSpeedIn;


  animation-name: lightSpeedIn;


  -webkit-animation-timing-function: ease-out;


  animation-timing-function: ease-out;


}


@-webkit-keyframes lightSpeedOut {


  0% {


    -webkit-transform: translateX(0%) skewX(0deg);


    transform: translateX(0%) skewX(0deg);


    opacity: 1;


  }


  100% {


    -webkit-transform: translateX(100%) skewX(-30deg);


    transform: translateX(100%) skewX(-30deg);


    opacity: 0;


  }


}


@keyframes lightSpeedOut {


  0% {


    -webkit-transform: translateX(0%) skewX(0deg);


    -ms-transform: translateX(0%) skewX(0deg);


    transform: translateX(0%) skewX(0deg);


    opacity: 1;


  }


  100% {


    -webkit-transform: translateX(100%) skewX(-30deg);


    -ms-transform: translateX(100%) skewX(-30deg);


    transform: translateX(100%) skewX(-30deg);


    opacity: 0;


  }


}


.lightSpeedOut {


  -webkit-animation-name: lightSpeedOut;


  animation-name: lightSpeedOut;


  -webkit-animation-timing-function: ease-in;


  animation-timing-function: ease-in;


}


@-webkit-keyframes rotateIn {


  0% {


    -webkit-transform-origin: center center;


    transform-origin: center center;


    -webkit-transform: rotate(-200deg);


    transform: rotate(-200deg);


    opacity: 0;


  }


  100% {


    -webkit-transform-origin: center center;


    transform-origin: center center;


    -webkit-transform: rotate(0);


    transform: rotate(0);


    opacity: 1;


  }


}


@keyframes rotateIn {


  0% {


    -webkit-transform-origin: center center;


    -ms-transform-origin: center center;


    transform-origin: center center;


    -webkit-transform: rotate(-200deg);


    -ms-transform: rotate(-200deg);


    transform: rotate(-200deg);


    opacity: 0;


  }


  100% {


    -webkit-transform-origin: center center;


    -ms-transform-origin: center center;


    transform-origin: center center;


    -webkit-transform: rotate(0);


    -ms-transform: rotate(0);


    transform: rotate(0);


    opacity: 1;


  }


}


.rotateIn {


  -webkit-animation-name: rotateIn;


  animation-name: rotateIn;


}


@-webkit-keyframes rotateInDownLeft {


  0% {


    -webkit-transform-origin: left bottom;


    transform-origin: left bottom;


    -webkit-transform: rotate(-90deg);


    transform: rotate(-90deg);


    opacity: 0;


  }


  100% {


    -webkit-transform-origin: left bottom;


    transform-origin: left bottom;


    -webkit-transform: rotate(0);


    transform: rotate(0);


    opacity: 1;


  }


}


@keyframes rotateInDownLeft {


  0% {


    -webkit-transform-origin: left bottom;


    -ms-transform-origin: left bottom;


    transform-origin: left bottom;


    -webkit-transform: rotate(-90deg);


    -ms-transform: rotate(-90deg);


    transform: rotate(-90deg);


    opacity: 0;


  }


  100% {


    -webkit-transform-origin: left bottom;


    -ms-transform-origin: left bottom;


    transform-origin: left bottom;


    -webkit-transform: rotate(0);


    -ms-transform: rotate(0);


    transform: rotate(0);


    opacity: 1;


  }


}


.rotateInDownLeft {


  -webkit-animation-name: rotateInDownLeft;


  animation-name: rotateInDownLeft;


}


@-webkit-keyframes rotateInDownRight {


  0% {


    -webkit-transform-origin: right bottom;


    transform-origin: right bottom;


    -webkit-transform: rotate(90deg);


    transform: rotate(90deg);


    opacity: 0;


  }


  100% {


    -webkit-transform-origin: right bottom;


    transform-origin: right bottom;


    -webkit-transform: rotate(0);


    transform: rotate(0);


    opacity: 1;


  }


}


@keyframes rotateInDownRight {


  0% {


    -webkit-transform-origin: right bottom;


    -ms-transform-origin: right bottom;


    transform-origin: right bottom;


    -webkit-transform: rotate(90deg);


    -ms-transform: rotate(90deg);


    transform: rotate(90deg);


    opacity: 0;


  }


  100% {


    -webkit-transform-origin: right bottom;


    -ms-transform-origin: right bottom;


    transform-origin: right bottom;


    -webkit-transform: rotate(0);


    -ms-transform: rotate(0);


    transform: rotate(0);


    opacity: 1;


  }


}


.rotateInDownRight {


  -webkit-animation-name: rotateInDownRight;


  animation-name: rotateInDownRight;


}


@-webkit-keyframes rotateInUpLeft {


  0% {


    -webkit-transform-origin: left bottom;


    transform-origin: left bottom;


    -webkit-transform: rotate(90deg);


    transform: rotate(90deg);


    opacity: 0;


  }


  100% {


    -webkit-transform-origin: left bottom;


    transform-origin: left bottom;


    -webkit-transform: rotate(0);


    transform: rotate(0);


    opacity: 1;


  }


}


@keyframes rotateInUpLeft {


  0% {


    -webkit-transform-origin: left bottom;


    -ms-transform-origin: left bottom;


    transform-origin: left bottom;


    -webkit-transform: rotate(90deg);


    -ms-transform: rotate(90deg);


    transform: rotate(90deg);


    opacity: 0;


  }


  100% {


    -webkit-transform-origin: left bottom;


    -ms-transform-origin: left bottom;


    transform-origin: left bottom;


    -webkit-transform: rotate(0);


    -ms-transform: rotate(0);


    transform: rotate(0);


    opacity: 1;


  }


}


.rotateInUpLeft {


  -webkit-animation-name: rotateInUpLeft;


  animation-name: rotateInUpLeft;


}


@-webkit-keyframes rotateInUpRight {


  0% {


    -webkit-transform-origin: right bottom;


    transform-origin: right bottom;


    -webkit-transform: rotate(-90deg);


    transform: rotate(-90deg);


    opacity: 0;


  }


  100% {


    -webkit-transform-origin: right bottom;


    transform-origin: right bottom;


    -webkit-transform: rotate(0);


    transform: rotate(0);


    opacity: 1;


  }


}


@keyframes rotateInUpRight {


  0% {


    -webkit-transform-origin: right bottom;


    -ms-transform-origin: right bottom;


    transform-origin: right bottom;


    -webkit-transform: rotate(-90deg);


    -ms-transform: rotate(-90deg);


    transform: rotate(-90deg);


    opacity: 0;


  }


  100% {


    -webkit-transform-origin: right bottom;


    -ms-transform-origin: right bottom;


    transform-origin: right bottom;


    -webkit-transform: rotate(0);


    -ms-transform: rotate(0);


    transform: rotate(0);


    opacity: 1;


  }


}


.rotateInUpRight {


  -webkit-animation-name: rotateInUpRight;


  animation-name: rotateInUpRight;


}


@-webkit-keyframes rotateOut {


  0% {


    -webkit-transform-origin: center center;


    transform-origin: center center;


    -webkit-transform: rotate(0);


    transform: rotate(0);


    opacity: 1;


  }


  100% {


    -webkit-transform-origin: center center;


    transform-origin: center center;


    -webkit-transform: rotate(200deg);


    transform: rotate(200deg);


    opacity: 0;


  }


}


@keyframes rotateOut {


  0% {


    -webkit-transform-origin: center center;


    -ms-transform-origin: center center;


    transform-origin: center center;


    -webkit-transform: rotate(0);


    -ms-transform: rotate(0);


    transform: rotate(0);


    opacity: 1;


  }


  100% {


    -webkit-transform-origin: center center;


    -ms-transform-origin: center center;


    transform-origin: center center;


    -webkit-transform: rotate(200deg);


    -ms-transform: rotate(200deg);


    transform: rotate(200deg);


    opacity: 0;


  }


}


.rotateOut {


  -webkit-animation-name: rotateOut;


  animation-name: rotateOut;


}


@-webkit-keyframes rotateOutDownLeft {


  0% {


    -webkit-transform-origin: left bottom;


    transform-origin: left bottom;


    -webkit-transform: rotate(0);


    transform: rotate(0);


    opacity: 1;


  }


  100% {


    -webkit-transform-origin: left bottom;


    transform-origin: left bottom;


    -webkit-transform: rotate(90deg);


    transform: rotate(90deg);


    opacity: 0;


  }


}


@keyframes rotateOutDownLeft {


  0% {


    -webkit-transform-origin: left bottom;


    -ms-transform-origin: left bottom;


    transform-origin: left bottom;


    -webkit-transform: rotate(0);


    -ms-transform: rotate(0);


    transform: rotate(0);


    opacity: 1;


  }


  100% {


    -webkit-transform-origin: left bottom;


    -ms-transform-origin: left bottom;


    transform-origin: left bottom;


    -webkit-transform: rotate(90deg);


    -ms-transform: rotate(90deg);


    transform: rotate(90deg);


    opacity: 0;


  }


}


.rotateOutDownLeft {


  -webkit-animation-name: rotateOutDownLeft;


  animation-name: rotateOutDownLeft;


}


@-webkit-keyframes rotateOutDownRight {


  0% {


    -webkit-transform-origin: right bottom;


    transform-origin: right bottom;


    -webkit-transform: rotate(0);


    transform: rotate(0);


    opacity: 1;


  }


  100% {


    -webkit-transform-origin: right bottom;


    transform-origin: right bottom;


    -webkit-transform: rotate(-90deg);


    transform: rotate(-90deg);


    opacity: 0;


  }


}


@keyframes rotateOutDownRight {


  0% {


    -webkit-transform-origin: right bottom;


    -ms-transform-origin: right bottom;


    transform-origin: right bottom;


    -webkit-transform: rotate(0);


    -ms-transform: rotate(0);


    transform: rotate(0);


    opacity: 1;


  }


  100% {


    -webkit-transform-origin: right bottom;


    -ms-transform-origin: right bottom;


    transform-origin: right bottom;


    -webkit-transform: rotate(-90deg);


    -ms-transform: rotate(-90deg);


    transform: rotate(-90deg);


    opacity: 0;


  }


}


.rotateOutDownRight {


  -webkit-animation-name: rotateOutDownRight;


  animation-name: rotateOutDownRight;


}


@-webkit-keyframes rotateOutUpLeft {


  0% {


    -webkit-transform-origin: left bottom;


    transform-origin: left bottom;


    -webkit-transform: rotate(0);


    transform: rotate(0);


    opacity: 1;


  }


  100% {


    -webkit-transform-origin: left bottom;


    transform-origin: left bottom;


    -webkit-transform: rotate(-90deg);


    transform: rotate(-90deg);


    opacity: 0;


  }


}


@keyframes rotateOutUpLeft {


  0% {


    -webkit-transform-origin: left bottom;


    -ms-transform-origin: left bottom;


    transform-origin: left bottom;


    -webkit-transform: rotate(0);


    -ms-transform: rotate(0);


    transform: rotate(0);


    opacity: 1;


  }


  100% {


    -webkit-transform-origin: left bottom;


    -ms-transform-origin: left bottom;


    transform-origin: left bottom;


    -webkit-transform: rotate(-90deg);


    -ms-transform: rotate(-90deg);


    transform: rotate(-90deg);


    opacity: 0;


  }


}


.rotateOutUpLeft {


  -webkit-animation-name: rotateOutUpLeft;


  animation-name: rotateOutUpLeft;


}


@-webkit-keyframes rotateOutUpRight {


  0% {


    -webkit-transform-origin: right bottom;


    transform-origin: right bottom;


    -webkit-transform: rotate(0);


    transform: rotate(0);


    opacity: 1;


  }


  100% {


    -webkit-transform-origin: right bottom;


    transform-origin: right bottom;


    -webkit-transform: rotate(90deg);


    transform: rotate(90deg);


    opacity: 0;


  }


}


@keyframes rotateOutUpRight {


  0% {


    -webkit-transform-origin: right bottom;


    -ms-transform-origin: right bottom;


    transform-origin: right bottom;


    -webkit-transform: rotate(0);


    -ms-transform: rotate(0);


    transform: rotate(0);


    opacity: 1;


  }


  100% {


    -webkit-transform-origin: right bottom;


    -ms-transform-origin: right bottom;


    transform-origin: right bottom;


    -webkit-transform: rotate(90deg);


    -ms-transform: rotate(90deg);


    transform: rotate(90deg);


    opacity: 0;


  }


}


@-webkit-keyframes slideInUp {


  0% {


    -webkit-transform: translate3d(0, 100%, 0);


    transform: translate3d(0, 100%, 0);


    visibility: visible
  }


  to {


    -webkit-transform: translateZ(0);


    transform: translateZ(0)
  }


}


@keyframes slideInUp {


  0% {


    -webkit-transform: translate3d(0, 100%, 0);


    transform: translate3d(0, 100%, 0);


    visibility: visible
  }


  to {


    -webkit-transform: translateZ(0);


    transform: translateZ(0)
  }


}


.slideInUp {


  -webkit-animation-name: slideInUp;


  animation-name: slideInUp
}


.rotateOutUpRight {


  -webkit-animation-name: rotateOutUpRight;


  animation-name: rotateOutUpRight;


}


@-webkit-keyframes slideInDown {


  0% {


    opacity: 0;


    -webkit-transform: translateY(-2000px);


    transform: translateY(-2000px);


  }


  100% {


    -webkit-transform: translateY(0);


    transform: translateY(0);


  }


}


@keyframes slideInDown {


  0% {


    opacity: 0;


    -webkit-transform: translateY(-2000px);


    -ms-transform: translateY(-2000px);


    transform: translateY(-2000px);


  }


  100% {


    -webkit-transform: translateY(0);


    -ms-transform: translateY(0);


    transform: translateY(0);


  }


}


.slideInDown {


  -webkit-animation-name: slideInDown;


  animation-name: slideInDown;


}


@-webkit-keyframes slideInLeft {


  0% {


    opacity: 0;


    -webkit-transform: translateX(-2000px);


    transform: translateX(-2000px);


  }


  100% {


    -webkit-transform: translateX(0);


    transform: translateX(0);


  }


}


@keyframes slideInLeft {


  0% {


    opacity: 0;


    -webkit-transform: translateX(-2000px);


    -ms-transform: translateX(-2000px);


    transform: translateX(-2000px);


  }


  100% {


    -webkit-transform: translateX(0);


    -ms-transform: translateX(0);


    transform: translateX(0);


  }


}


.slideInLeft {


  -webkit-animation-name: slideInLeft;


  animation-name: slideInLeft;


}


@-webkit-keyframes slideInRight {


  0% {


    opacity: 0;


    -webkit-transform: translateX(2000px);


    transform: translateX(2000px);


  }


  100% {


    -webkit-transform: translateX(0);


    transform: translateX(0);


  }


}


@keyframes slideInRight {


  0% {


    opacity: 0;


    -webkit-transform: translateX(2000px);


    -ms-transform: translateX(2000px);


    transform: translateX(2000px);


  }


  100% {


    -webkit-transform: translateX(0);


    -ms-transform: translateX(0);


    transform: translateX(0);


  }


}


.slideInRight {


  -webkit-animation-name: slideInRight;


  animation-name: slideInRight;


}


@-webkit-keyframes slideOutLeft {


  0% {


    -webkit-transform: translateX(0);


    transform: translateX(0);


  }


  100% {


    opacity: 1;


    -webkit-transform: translateX(-2000px);


    transform: translateX(-2000px);


  }


}


@keyframes slideOutLeft {


  0% {


    -webkit-transform: translateX(0);


    -ms-transform: translateX(0);


    transform: translateX(0);


  }


  100% {


    opacity: 1;


    -webkit-transform: translateX(-2000px);


    -ms-transform: translateX(-2000px);


    transform: translateX(-2000px);


  }


}


.slideOutLeft {


  -webkit-animation-name: slideOutLeft;


  animation-name: slideOutLeft;


}


@-webkit-keyframes slideOutRight {


  0% {


    -webkit-transform: translateX(0);


    transform: translateX(0);


  }


  100% {


    opacity: 1;


    -webkit-transform: translateX(2000px);


    transform: translateX(2000px);


  }


}


@keyframes slideOutRight {


  0% {


    -webkit-transform: translateX(0);


    -ms-transform: translateX(0);


    transform: translateX(0);


  }


  100% {


    opacity: 1;


    -webkit-transform: translateX(2000px);


    -ms-transform: translateX(2000px);


    transform: translateX(2000px);


  }


}


.slideOutRight {


  -webkit-animation-name: slideOutRight;


  animation-name: slideOutRight;


}


@-webkit-keyframes slideOutUp {


  0% {


    -webkit-transform: translateY(0);


    transform: translateY(0);


  }


  100% {


    opacity: 0;


    -webkit-transform: translateY(-2000px);


    transform: translateY(-2000px);


  }


}


@keyframes slideOutUp {


  0% {


    -webkit-transform: translateY(0);


    -ms-transform: translateY(0);


    transform: translateY(0);


  }


  100% {


    opacity: 0;


    -webkit-transform: translateY(-2000px);


    -ms-transform: translateY(-2000px);


    transform: translateY(-2000px);


  }


}


.slideOutUp {


  -webkit-animation-name: slideOutUp;


  animation-name: slideOutUp;


}


@-webkit-keyframes hinge {


  0% {


    -webkit-transform: rotate(0);


    transform: rotate(0);


    -webkit-transform-origin: top left;


    transform-origin: top left;


    -webkit-animation-timing-function: ease-in-out;


    animation-timing-function: ease-in-out;


  }


  20%,
  60% {


    -webkit-transform: rotate(80deg);


    transform: rotate(80deg);


    -webkit-transform-origin: top left;


    transform-origin: top left;


    -webkit-animation-timing-function: ease-in-out;


    animation-timing-function: ease-in-out;


  }


  40% {


    -webkit-transform: rotate(60deg);


    transform: rotate(60deg);


    -webkit-transform-origin: top left;


    transform-origin: top left;


    -webkit-animation-timing-function: ease-in-out;


    animation-timing-function: ease-in-out;


  }


  80% {


    -webkit-transform: rotate(60deg) translateY(0);


    transform: rotate(60deg) translateY(0);


    opacity: 1;


    -webkit-transform-origin: top left;


    transform-origin: top left;


    -webkit-animation-timing-function: ease-in-out;


    animation-timing-function: ease-in-out;


  }


  100% {


    -webkit-transform: translateY(700px);


    transform: translateY(700px);


    opacity: 0;


  }


}


@keyframes hinge {


  0% {


    -webkit-transform: rotate(0);


    -ms-transform: rotate(0);


    transform: rotate(0);


    -webkit-transform-origin: top left;


    -ms-transform-origin: top left;


    transform-origin: top left;


    -webkit-animation-timing-function: ease-in-out;


    animation-timing-function: ease-in-out;


  }


  20%,
  60% {


    -webkit-transform: rotate(80deg);


    -ms-transform: rotate(80deg);


    transform: rotate(80deg);


    -webkit-transform-origin: top left;


    -ms-transform-origin: top left;


    transform-origin: top left;


    -webkit-animation-timing-function: ease-in-out;


    animation-timing-function: ease-in-out;


  }


  40% {


    -webkit-transform: rotate(60deg);


    -ms-transform: rotate(60deg);


    transform: rotate(60deg);


    -webkit-transform-origin: top left;


    -ms-transform-origin: top left;


    transform-origin: top left;


    -webkit-animation-timing-function: ease-in-out;


    animation-timing-function: ease-in-out;


  }


  80% {


    -webkit-transform: rotate(60deg) translateY(0);


    -ms-transform: rotate(60deg) translateY(0);


    transform: rotate(60deg) translateY(0);


    opacity: 1;


    -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;


  }


  100% {


    -webkit-transform: translateY(700px);


    -ms-transform: translateY(700px);


    transform: translateY(700px);


    opacity: 0;


  }


}


.hinge {


  -webkit-animation-name: hinge;


  animation-name: hinge;


}





/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */





@-webkit-keyframes rollIn {


  0% {


    opacity: 0;


    -webkit-transform: translateX(-100%) rotate(-120deg);


    transform: translateX(-100%) rotate(-120deg);


  }


  100% {


    opacity: 1;


    -webkit-transform: translateX(0px) rotate(0deg);


    transform: translateX(0px) rotate(0deg);


  }


}


@keyframes rollIn {


  0% {


    opacity: 0;


    -webkit-transform: translateX(-100%) rotate(-120deg);


    -ms-transform: translateX(-100%) rotate(-120deg);


    transform: translateX(-100%) rotate(-120deg);


  }


  100% {


    opacity: 1;


    -webkit-transform: translateX(0px) rotate(0deg);


    -ms-transform: translateX(0px) rotate(0deg);


    transform: translateX(0px) rotate(0deg);


  }


}


.rollIn {


  -webkit-animation-name: rollIn;


  animation-name: rollIn;


}





/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */





@-webkit-keyframes rollOut {


  0% {


    opacity: 1;


    -webkit-transform: translateX(0px) rotate(0deg);


    transform: translateX(0px) rotate(0deg);


  }


  100% {


    opacity: 0;


    -webkit-transform: translateX(100%) rotate(120deg);


    transform: translateX(100%) rotate(120deg);


  }


}


@keyframes rollOut {


  0% {


    opacity: 1;


    -webkit-transform: translateX(0px) rotate(0deg);


    -ms-transform: translateX(0px) rotate(0deg);


    transform: translateX(0px) rotate(0deg);


  }


  100% {


    opacity: 0;


    -webkit-transform: translateX(100%) rotate(120deg);


    -ms-transform: translateX(100%) rotate(120deg);


    transform: translateX(100%) rotate(120deg);


  }


}


.rollOut {


  -webkit-animation-name: rollOut;


  animation-name: rollOut;


}


@-webkit-keyframes zoomIn {


  from {


    opacity: 0;


    -webkit-transform: scale3d(.3, .3, .3);


    transform: scale3d(.3, .3, .3);


  }


  50% {


    opacity: 1;


  }


}


@keyframes zoomIn {


  from {


    opacity: 0;


    -webkit-transform: scale3d(.3, .3, .3);


    transform: scale3d(.3, .3, .3);


  }


  50% {


    opacity: 1;


  }


}


.zoomIn {


  -webkit-animation-name: zoomIn;


  animation-name: zoomIn;


}


@-webkit-keyframes zoomInDown {


  from {


    opacity: 0;


    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);


    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);


    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);


    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);


  }


  60% {


    opacity: 1;


    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);


    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);


    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);


    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);


  }


}


@keyframes zoomInDown {


  from {


    opacity: 0;


    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);


    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);


    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);


    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);


  }


  60% {


    opacity: 1;


    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);


    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);


    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);


    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);


  }


}


.zoomInDown {


  -webkit-animation-name: zoomInDown;


  animation-name: zoomInDown;


}


@-webkit-keyframes zoomInLeft {


  from {


    opacity: 0;


    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);


    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);


    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);


    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);


  }


  60% {


    opacity: 1;


    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);


    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);


    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);


    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);


  }


}


@keyframes zoomInLeft {


  from {


    opacity: 0;


    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);


    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);


    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);


    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);


  }


  60% {


    opacity: 1;


    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);


    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);


    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);


    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);


  }


}


.zoomInLeft {


  -webkit-animation-name: zoomInLeft;


  animation-name: zoomInLeft;


}


@-webkit-keyframes zoomInRight {


  from {


    opacity: 0;


    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);


    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);


    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);


    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);


  }


  60% {


    opacity: 1;


    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);


    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);


    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);


    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);


  }


}


@keyframes zoomInRight {


  from {


    opacity: 0;


    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);


    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);


    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);


    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);


  }


  60% {


    opacity: 1;


    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);


    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);


    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);


    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);


  }


}


.zoomInRight {


  -webkit-animation-name: zoomInRight;


  animation-name: zoomInRight;


}


@-webkit-keyframes zoomInUp {


  from {


    opacity: 0;


    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);


    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);


    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);


    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);


  }


  60% {


    opacity: 1;


    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);


    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);


    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);


    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);


  }


}


@keyframes zoomInUp {


  from {


    opacity: 0;


    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);


    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);


    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);


    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);


  }


  60% {


    opacity: 1;


    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);


    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);


    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);


    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);


  }


}


.zoomInUp {


  -webkit-animation-name: zoomInUp;


  animation-name: zoomInUp;


}


@-webkit-keyframes zoomOut {


  from {


    opacity: 1;


  }


  50% {


    opacity: 0;


    -webkit-transform: scale3d(.3, .3, .3);


    transform: scale3d(.3, .3, .3);


  }


  to {


    opacity: 0;


  }


}


@keyframes zoomOut {


  from {


    opacity: 1;


  }


  50% {


    opacity: 0;


    -webkit-transform: scale3d(.3, .3, .3);


    transform: scale3d(.3, .3, .3);


  }


  to {


    opacity: 0;


  }


}


.zoomOut {


  -webkit-animation-name: zoomOut;


  animation-name: zoomOut;


}


@-webkit-keyframes zoomOutDown {


  40% {


    opacity: 1;


    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);


    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);


    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);


    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);


  }


  to {


    opacity: 0;


    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);


    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);


    -webkit-transform-origin: center bottom;


    transform-origin: center bottom;


    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);


    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);


  }


}


@keyframes zoomOutDown {


  40% {


    opacity: 1;


    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);


    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);


    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);


    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);


  }


  to {


    opacity: 0;


    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);


    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);


    -webkit-transform-origin: center bottom;


    transform-origin: center bottom;


    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);


    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);


  }


}


.zoomOutDown {


  -webkit-animation-name: zoomOutDown;


  animation-name: zoomOutDown;


}


@-webkit-keyframes zoomOutLeft {


  40% {


    opacity: 1;


    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);


    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);


  }


  to {


    opacity: 0;


    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);


    transform: scale(.1) translate3d(-2000px, 0, 0);


    -webkit-transform-origin: left center;


    transform-origin: left center;


  }


}


@keyframes zoomOutLeft {


  40% {


    opacity: 1;


    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);


    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);


  }


  to {


    opacity: 0;


    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);


    transform: scale(.1) translate3d(-2000px, 0, 0);


    -webkit-transform-origin: left center;


    transform-origin: left center;


  }


}


.zoomOutLeft {


  -webkit-animation-name: zoomOutLeft;


  animation-name: zoomOutLeft;


}


@-webkit-keyframes zoomOutRight {


  40% {


    opacity: 1;


    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);


    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);


  }


  to {


    opacity: 0;


    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);


    transform: scale(.1) translate3d(2000px, 0, 0);


    -webkit-transform-origin: right center;


    transform-origin: right center;


  }


}


@keyframes zoomOutRight {


  40% {


    opacity: 1;


    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);


    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);


  }


  to {


    opacity: 0;


    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);


    transform: scale(.1) translate3d(2000px, 0, 0);


    -webkit-transform-origin: right center;


    transform-origin: right center;


  }


}


.zoomOutRight {


  -webkit-animation-name: zoomOutRight;


  animation-name: zoomOutRight;


}


@-webkit-keyframes zoomOutUp {


  40% {


    opacity: 1;


    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);


    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);


    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);


    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);


  }


  to {


    opacity: 0;


    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);


    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);


    -webkit-transform-origin: center bottom;


    transform-origin: center bottom;


    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);


    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);


  }


}


@keyframes zoomOutUp {


  40% {


    opacity: 1;


    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);


    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);


    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);


    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);


  }


  to {


    opacity: 0;


    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);


    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);


    -webkit-transform-origin: center bottom;


    transform-origin: center bottom;


    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);


    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);


  }


}


.zoomOutUp {


  -webkit-animation-name: zoomOutUp;


  animation-name: zoomOutUp;


}