@font-face {
  font-family: "UTM Avo Bold";
  src: url(../fonts/UTMAvoBold.eot);
  src: url(../fonts/UTMAvoBold.eot#iefix) format("embedded-opentype"), url(../fonts/UTMAvoBold.woff) format("woff2"),
    url(../fonts/UTMAvoBold.woff) format("woff"), url(../fonts/UTMAvoBold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "UTM Avo";
  src: url(../fonts/UTMAvo.eot);
  src: url(../fonts/UTMAvo.eot#iefix) format("embedded-opentype"), url(../fonts/UTMAvo.woff) format("woff2"),
    url(../fonts/UTMAvo.woff) format("woff"), url(../fonts/UTMAvo.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "UTM Avo Bold Italic";
  src: url(../fonts/UTMAvo-BoldItalic.eot);
  src: url(../fonts/UTMAvo-BoldItalic.eot#iefix) format("embedded-opentype"),
    url(../fonts/UTMAvo-BoldItalic.woff) format("woff2"), url(../fonts/UTMAvo-BoldItalic.woff) format("woff"),
    url(../fonts/UTMAvo-BoldItalic.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "UTM Avo Italic";
  src: url(../fonts/UTMAvo-Italic.eot);
  src: url(../fonts/UTMAvo-Italic.eot#iefix) format("embedded-opentype"),
    url(../fonts/UTMAvo-Italic.woff) format("woff2"), url(../fonts/UTMAvo-Italic.woff) format("woff"),
    url(../fonts/UTMAvo-Italic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

figcaption,
figure {
  display: block;
}

body {
  background: #fff;
  font-size: 18px;
  color: #0e0e1b;
  margin: 0;
  padding: 0;
  font-family: "UTM Avo", sans-serif;
  font-weight: 300;
}

a {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.size-60 {
  font-size: 60px;
  line-height: 80px;
}

.size-48 {
  font-size: 48px;
  line-height: 48px;
}

.color-red {
  color: #cb0808 !important;
}

.size-72 {
  font-size: 72px;
}

.size-24 {
  font-size: 24px;
  line-height: 32px;
}

.utm-bold {
  font-family: "UTM Avo Bold";
}

.utm-bold-italic {
  font-family: "UTM Avo Bold Italic";
}

.utm-italic {
  font-family: "UTM Avo Italic";
}
.button-buyoly {
  width: 180px;
  border: 1px solid #d98502;
  box-shadow: inset 0 0 10px #d98502;
  font-size: 32px;
  border-radius: 4px;
  background-color: #000000;
  color: #fff;
  height: 32px;
  text-align: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  font-size: 30px;
  font-weight: 900;
  justify-content: center;
  padding-bottom: 4px;
  padding-left: 12px;
  padding-right: 12px;
  font-family: "UTM Avo Bold";
  margin-left: 10px;
  margin-right: 10px;
}

.btn-buyoly:hover {
  color: white !important;
}

.btn-claim {
  width: min-content;
  border: 1px solid #dc2f23e0;
  box-shadow: inset 0 0 10px #dc3023;
  font-size: 32px;
  border-radius: 4px;
  background-color: #000000;
  color: #fff;
  width: 80px;
  height: 32px;
  text-align: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  font-size: 30px;
  font-weight: 900;
  justify-content: center;
  padding-bottom: 4px;
  padding-left: 12px;
  padding-right: 12px;
  font-family: "UTM Avo Bold";
  margin-left: 10px;
  margin-right: 10px;
}
.btn-stake {
  width: min-content;
  border: 1px solid #23dc3ce0;
  box-shadow: inset 0 0 10px #23dc3ce0;
  font-size: 32px;
  border-radius: 4px;
  background-color: #000000;
  color: #fff;
  width: 80px;
  height: 32px;
  text-align: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  font-size: 30px;
  font-weight: 900;
  justify-content: center;
  padding-bottom: 4px;
  /* padding-left: 12px;
  padding-right: 12px; */
  font-family: "UTM Avo Bold";
  margin-left: 10px;
  margin-right: 10px;
}

.btn-play-now {
  width: min-content;
  border: 1px solid #b033bb;
  box-shadow: inset 0 0 10px #b033bb;
  font-size: 32px;
  border-radius: 4px;
  background-color: #000000;
  color: #fff;
  width: 80px;
  height: 32px;
  text-align: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  font-size: 30px;
  font-weight: 900;
  justify-content: center;
  padding-bottom: 4px;
  padding-left: 12px;
  padding-right: 12px;
  font-family: "UTM Avo Bold";
  margin-left: 10px;
  margin-right: 10px;
}
body.no-scroll {
  overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-family: "UTM Avo Bold", Quicksand, sans-serif;
  font-weight: 500;
}

h1 {
  font-size: 48px;
  line-height: 60px;
}

h2 {
  font-size: 36px;
  line-height: 48px;
}

h3 {
  font-size: 23px;
  line-height: 30px;
}

h4 {
  font-size: 19px;
  line-height: 26px;
}

h5 {
  font-size: 16px;
  line-height: 22px;
}

h6 {
  font-size: 14px;
  line-height: 22px;
}

a,
a:active,
a:visited {
  outline: 0;
}

p {
  font-size: 16px;
  line-height: 26px;
  color: #0e0e1b;
  margin-bottom: 10px;
}

ul {
  padding-left: 0;
}

.features-block ul li {
  font-size: 14px;
  margin-bottom: 10px;
}

.features-block ul li::marker {
  color: #c00000;
}

.img-feture {
  margin-top: 250px;
}

.title-features {
  margin-left: 300px;
  margin-bottom: -225px;
}

.title-features p {
  background: url(../images/bg-feature.png) no-repeat;
  background-size: 100% 100%;
  color: #fff;
  background-position: right;
  display: inline-block;
  padding: 5px 35px 14px 300px;
  margin-left: -360px;
}

.size-120 {
  font-size: 120px;
  line-height: 150px;
}

.size-50 {
  font-size: 40px;
  line-height: 60px;
}

.clearfix {
  overflow: hidden;
  clear: both;
}

.bg-gray {
  background: #ecebfb;
}

.bg-blue {
  background: #7f7de0;
}

.bg-fixed {
  background-attachment: fixed;
}

.pt-110 {
  padding-top: 110px;
}

.pt-100 {
  padding-top: 100px;
}

.pt-90 {
  padding-top: 90px;
}

.pt-80 {
  padding-top: 80px;
}

.pt-70 {
  padding-top: 70px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-10 {
  padding-top: 10px;
}

.pb-150 {
  padding-bottom: 150px;
}

.pb-110 {
  padding-bottom: 110px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pb-85 {
  padding-bottom: 85px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pyb-5 {
  padding-bottom: 5px;
}

.mt-90 {
  margin-top: 90px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-10 {
  margin-top: 10px;
}

.mb-90 {
  margin-bottom: 90px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-10 {
  margin-bottom: 10px;
}

header ol,
header ol li,
header ul,
header ul li {
  margin: 0;
  padding: 0;
}

.btn {
  font-family: Poppins, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  min-width: 170px;
  text-align: center;
  padding: 8px 12px;
  background: #00c2f0;
  border: 4px solid transparent;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin: 5px 0;
}

.btn span {
  position: relative;
  z-index: 2;
}

.browserupgrade {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #000;
  color: #fff;
  z-index: 99991;
}

.unicrypt-pre-con {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

#loading {
  background-image: linear-gradient(#a00202, #2b0807, #000);
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 1;
  margin-top: 0;
  top: 0;
}

#loading-center {
  width: 100%;
  height: 100%;
  position: relative;
}

#loading-center-absolute {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  transform: translateX(-50%) translateY(-50%);
}

.stage {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 1 rem 0;
  margin: 0 -5%;
  overflow: hidden;
}

#loading-center-absolute img {
  display: block;
  color: #fff;
}

.dot-elastic {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #fff;
  color: #fff;
  animation: dotElastic 0.7s infinite linear;
}

.dot-elastic::after,
.dot-elastic::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
}

.dot-elastic::before {
  left: -15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #fff;
  color: #fff;
  animation: dotElasticBefore 0.7s infinite linear;
}

.dot-elastic::after {
  left: 15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #fff;
  color: #fff;
  animation: dotElasticAfter 0.7s infinite linear;
}

@keyframes dotElasticBefore {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1, 1.5);
  }
  50% {
    transform: scale(1, 0.67);
  }
  75% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 1);
  }
}

@keyframes dotElastic {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1, 1.5);
  }
  75% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 1);
  }
}

@keyframes dotElasticAfter {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1, 0.67);
  }
  75% {
    transform: scale(1, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}

.header-container {
  width: 100%;
  /* background: #030303; */
  background-image: url(https://www.olysport.io/assets/images/webbarHeader.png);
  z-index: 1000;
  transition: 0.6s all;
 
}
@media screen and (max-width: 1200px) {
  
  .header-container {
    width: 100%;
    /* background: #030303; */
    background-image: url(https://www.olysport.io/assets/images/phoneHeader.png);
    z-index: 1000;
    transition: 0.6s all;
   
  }
}
.main-address-header.position-fixed {
  transform: translateY(-700px);
  animation: mymove 1s forwards;
  background: #03030350;
  top: 0px;
  left: 0px;
  padding: 10px 20px 0 20px;
}
.txt-contract-addres {
  color: #fff; 
  font-size: 14px;
  padding-right: 10px;
  padding-left: 10px;
}
@keyframes mymove {
  from {
    transform: translateY(-400px);
  }
  to {
    transform: translateY(0);
  }
}

.header-area {
  margin: 0;
}

.position-header {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 999;
}

.logo {
  max-width: 210px;
  margin-top: 4px;
}

.logo a {
  color: #fff;
  font-size: 40px;
  line-height: 30px;
  text-transform: capitalize;
  font-weight: 700;
}

.logo a:hover {
  text-decoration: none;
}

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

.main-menu ul li {
  font-size: 18px;
  color: #fff;
  margin-left: 37px;
  text-transform: capitalize;
  position: relative;
  padding-bottom: 10px;
  font-weight: 400;
  list-style-type: none;
}

.main-menu ul li a {
  position: relative;
  display: block;
  padding-bottom: 4px;
}

.main-menu ul li.menuarrow {
  position: relative;
}

.main-menu ul li.menuarrow:before {
  content: "\f078";
  color: #fff;
  font-size: 10px;
  position: absolute;
  top: 15px;
  right: -14px;
  font-family: "Font Awesome\ 5 Free";
  font-style: normal;
  font-weight: 900;
}

.main-menu ul li.menuarrow.current-menu-item:before,
.main-menu ul li.menuarrow:hover:before {
  color: #e94a8a;
}

.main-menu ul li:first-child {
  margin-left: 0;
}

.main-menu ul li a {
  height: 42px;
  line-height: 42px;
  font-size: 16px;
  color: #fff;
  position: relative;
  text-decoration: none;
}

.header-right {
  margin-left: 40px;
}

.main-menu ul li a:hover,
.main-menu ul li.current-menu-item > a,
.main-menu ul li a:hover {
  color: #c00600;
}

.main-menu ul ul {
  background: #2a2a2e;
  width: 186px;
  position: absolute;
  left: -10px;
  top: 100%;
  visibility: hidden;
  opacity: 0;
  padding: 0;
  z-index: 500;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}

.main-menu ul ul:before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0 8px 8px;
  border-color: #2a2a2e transparent;
  display: block;
  width: 0;
  z-index: 1;
  top: -8px;
  left: 30px;
}

.main-menu ul li ul li {
  width: 100%;
  font-size: 15px;
  cursor: default;
  display: block;
  margin: 0;
  padding-bottom: 0;
}

.main-menu ul li ul li.menuarrow:before {
  display: none;
}

.main-menu ul li ul li a:hover,
.main-menu ul li ul li.current-menu-item > a,
.main-menu ul li ul li:hover > a {
  color: #fff;
}

.main-menu ul ul li a {
  height: inherit;
  line-height: 20px;
  display: block;
  color: #fff;
  font-size: 15px;
  padding: 10px 10px;
  text-transform: none;
}

.main-menu ul ul li a:before {
  position: absolute;
  content: "";
  left: -10px;
  right: -10px;
  top: 0;
  height: 100%;
  /* background: #e94a8a; */
  -webkit-border-radius: 5px;
  border-radius: 5px;
  z-index: -1;
  /* -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; */
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

.main-menu ul ul li a:hover {
  color: #fff;
}

.main-menu ul ul li a:hover:before {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.main-menu ul li ul li:first-child a {
  border-top: none;
}

.main-menu ul ul ul {
  left: 100%;
  top: 0;
}

.main-menu ul li ul li ul li:first-child a {
  border-top: none;
}

.main-menu li:hover > ul {
  visibility: visible;
  opacity: 1;
  transform: inherit;
}

.device-btn a {
  padding: 0 10px;
  color: #fff;
  font-size: 22px;
  height: 42px;
  line-height: 40px;
  display: inline-block;
  text-decoration: none;
  margin: 0 0 0 37px;
  border: 1px solid #fff;
  -webkit-border-radius: 18px;
  border-radius: 18px;
  font-weight: 400;
}

.device-btn a:hover {
  color: #c00600;
  border: 1px solid #c00600;
}

.menu-area {
  margin-top: 16px;
}

.header-social li {
  list-style-type: none;
  margin: 0 9px;
}

.header-social li a {
  height: 42px;
  line-height: 42px;
  font-size: 18px;
  color: #fff;
  display: inline-block;
}

.header-social li a:hover {
  color: #e94a8a;
}

.blog-header-container {
  background: #4845b4;
}

.page-banner {
  background: #4845b4;
}

.banner-container {
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  padding: 299px 0 264px 0;
  min-height: 1123px;
  position: relative;
  margin-top: 130px;
}

@media (max-width: 700px) {
  .banner-container {
    min-height: 860px;
    padding-top: 100px;
  }
}

.banner2 {
  background-image: url(https://www.olysport.io/assets/images/bgr-banner2.png);
}

.banner3 {
  background-image: url(../images/Banner_homepage.png);
}

@media (max-width: 1200px) {
  .banner3 {
    background-image: url(../images/Bg_MetaCard_mobile.png) !important;
  }
}

.banner-content {
  width: 49%;
}

.banner-cont-info h1 {
  font-size: 47px;
  line-height: 60px;
  padding-bottom: 24px;
  font-weight: 500;
}

.banner-cont-info h5 {
  font-size: 23px;
  line-height: normal;
  padding-bottom: 10px;
  font-weight: 500;
}

.banner-cont-info p {
  line-height: 56px;
  padding-bottom: 44px;
  font-weight: 400;
  color: #fff;
  font-size: 40px;
}

.banner-cont-info {
  margin: 230px 0 0 -120px;
}

.token-sale .pre {
  font-size: 30px;
  line-height: 48px;
}

.banner-cont-info img {
  width: 345px;
  height: auto;
}

.unc-btn {
  background: #d20909;
  width: 100%;
  max-width: 192px;
  height: 48px;
  line-height: 48px;
  padding: 0 10px 0 10px;
  font-size: 16px;
  display: block;
  text-align: center;
  text-transform: capitalize;
  text-decoration: none;
  -webkit-border-radius: 23px;
  border-radius: 23px;
  -webkit-box-shadow: 0 6px 15px 2px rgba(38, 70, 83, 0.2);
  box-shadow: 0 6px 15px 2px rgba(38, 70, 83, 0.2);
  font-weight: 400;
}

.unc-btn:hover {
  background: #d209099c;
  text-decoration: none;
}

a.btn-scroll {
  width: 23px;
  display: block;
  padding-top: 41px;
  position: relative;
  color: #fff;
  margin: 90px auto 0;
}

a.btn-scroll::before {
  background: #fff;
  width: 1px;
  height: 30px;
  position: absolute;
  top: -31px;
  left: 0;
  right: 0;
  margin: 0 auto;
  content: "";
}

a.btn-scroll span {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 23px;
  height: 31px;
  margin-left: -12px;
  border: 1px solid #fff;
  -webkit-border-radius: 6px;
  -webkit-border-bottom-right-radius: 9px;
  -webkit-border-bottom-left-radius: 9px;
  -moz-border-radius: 6px;
  -moz-border-radius-bottomright: 9px;
  -moz-border-radius-bottomleft: 9px;
  border-radius: 6px;
  border-bottom-right-radius: 9px;
  border-bottom-left-radius: 9px;
}

a.btn-scroll span::before {
  position: absolute;
  top: 4px;
  left: 50%;
  content: "";
  width: 5px;
  height: 9px;
  margin-left: -2px;
  border: 2px solid #fff;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-animation: sdb10 2s infinite;
  animation: sdb10 2s infinite;
  box-sizing: border-box;
}

@-webkit-keyframes sdb10 {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes sdb10 {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.banner3 {
  padding: 100px 0 70px 0;
}

.banner3 a.btn-scroll {
  margin-top: 160px;
}

.page-banner p {
  color: #fff;
  font-size: 18px;
  line-height: 28px;
}

.token-sale {
  background: #fff;
  background: #ffffffd6;
  width: 100%;
  max-width: 460px;
  padding: 40px 36px 45px 36px;
}

.token-sale .clocktimes {
  background: #d20909;
  width: 82px;
  height: 82px;
  padding-top: 14px;
  margin: 0 auto;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.75);
  box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.75);
}

.token-sale .clocktimes span {
  font-size: 29px;
  line-height: 30px;
  padding-bottom: 0;
}

.token-sale .clocktimes small {
  font-size: 14px;
}

.current-bonus small,
.total-token small {
  font-size: 14px;
  display: block;
  font-weight: 500;
}

.current-bonus strong,
.total-token strong {
  font-size: 20px;
  line-height: 22px;
  display: block;
  font-weight: 500;
}

.current-bonus {
  text-align: right;
}

.banner-right .unc-btn {
  margin: 18px auto 0;
}

.live-sale-area {
  margin: -155px 0 0 0;
  -webkit-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
}

.livesale {
  padding: 0 45px;
}

.livesale #clockdiv {
  max-width: 445px;
  margin: 0 auto;
}

.livesale .clocktimes {
  background: #7f7de0;
  width: 94px;
  height: 94px;
  padding-top: 20px;
  margin: 0 auto;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.75);
  box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.75);
}

.livesale .clocktimes span {
  color: #fff;
  font-size: 29px;
  line-height: 30px;
  padding-bottom: 0;
}

.livesale .clocktimes small {
  color: #fff;
  font-size: 14px;
}

.three-col-container .container {
  padding-left: 0;
  padding-right: 0;
}

.three-col-area {
  margin: -155px 0 0 0;
}

.three-col:nth-child(2) {
  margin-top: -48px;
}

.three-col-info {
  background: #fff;
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
  cursor: pointer;
  -webkit-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
}

.three-col-info:hover {
  -webkit-transform: translateY(-20px);
  -moz-transform: translateY(-20px);
  -o-transform: translateY(-20px);
  transform: translateY(-20px);
}

.three-col-icon img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 50px;
}

.three-col-cont {
  text-align: center;
}

.three-col-cont h3 {
  color: #222;
  font-size: 24px;
  padding-bottom: 26px;
  font-weight: 500;
}

.three-col-cont p {
  color: #777;
  font-size: 18px;
  line-height: 27px;
  padding-bottom: 35px;
}

.more-btn {
  color: #222;
  font-size: 18px;
  display: inline-block;
  text-decoration: none;
  font-weight: 400;
}

.three-col-container .more-btn {
  color: #222;
  padding-right: 0;
}

.three-col-container .more-btn::after {
  display: none;
}

.more-btn:hover {
  color: #4845b4;
  text-decoration: none;
}

.service3 .three-col:nth-child(2) {
  margin-top: 0;
}

.service3 .three-col-area {
  margin: 0;
}

.service3 .three-col-info {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.service3 .three-col:hover .three-col-info {
  -webkit-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
}

.service3 .three-col-icon {
  background: #ecebfb;
  width: 105px;
  height: 105px;
  margin: 0 auto 50px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.service3 .three-col-icon img {
  margin: 0;
}

.service3 .three-col-info {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.service3 .more-btn {
  color: #222;
  padding-right: 0;
  font-weight: 500;
}

.service3 .more-btn:hover {
  color: #e64988;
}

.service3 .more-btn::after {
  display: none;
}

.invented-cont {
  padding-bottom: 50px;
}

.invented-img {
  margin-left: -143px;
}

.invented-img img {
  max-width: 100%;
  height: auto;
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-animation: bounceY 1.8s ease-in-out 0s infinite alternate;
  animation: bounceY 1.8s ease-in-out 0s infinite alternate;
}

.invented-cont h3 {
  color: #4845b4;
  font-size: 23px;
  line-height: 20px;
  padding-bottom: 2px;
  font-weight: 400;
}

.invented-cont h2 {
  color: #222;
  font-size: 46px;
  line-height: 58px;
  padding-bottom: 16px;
  font-weight: 500;
}

.invented-cont p {
  color: #777;
  font-size: 18px;
  line-height: 27px;
  padding-bottom: 25px;
}

.invented-cont .unc-btn {
  margin-top: 16px;
}

@-webkit-keyframes bounceY {
  from {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-35px);
    transform: translateY(-35px);
  }
}

@keyframes bounceY {
  from {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-35px);
    transform: translateY(-35px);
  }
}

.unc-inventment-container {
  background-image: url(https://www.olysport.io/assets/images/bgr-unc-inventment.png);
  background-repeat: no-repeat;
  background-position: center 0;
  -webkit-background-size: cover;
  background-size: cover;
  overflow: hidden;
}

.unc-inventment-container2 {
  background-image: url(https://www.olysport.io/assets/images/bgr-unc-inventment3.png);
}

.unc-inventment-container3 {
  background-image: url(https://www.olysport.io/assets/images/bgr-unc-inventment2.png);
}

.unc-inventment-container2 .unc-inventment-image {
  background-image: url(https://www.olysport.io/assets/images/inv-img.png);
}

.unc-inventment-container {
  position: relative;
  z-index: 10;
}

.unc-inventment-container:after {
  width: 40%;
  min-height: 800px;
  background: url(https://www.olysport.io/assets/images/inv-img.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 center;
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  z-index: 1;
}

.unc-inventment-container3:after {
  background-image: url(https://www.olysport.io/assets/images/inv-img2.png);
  min-height: 625px;
}

.unc-inventment-content {
  position: relative;
  z-index: 3;
}

.unc-inventment-content h3 {
  color: #fff;
  font-size: 24px;
  line-height: 20px;
  padding-bottom: 10px;
  margin: 0;
  font-weight: 400;
}

.unc-inventment-content h2 {
  color: #fff;
  font-size: 48px;
  line-height: 60px;
  padding-bottom: 30px;
  margin: 0;
  font-weight: 500;
}

.unc-inventment-content p {
  color: #bab9ec;
  font-size: 18px;
  line-height: 28px;
  padding-bottom: 10px;
}

.unc-inv-col-area {
  margin: 40px 0 0 -30px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.unc-inv-col {
  width: 50%;
  padding: 0 0 29px 30px;
}

.unc-inv-col-row {
  overflow: hidden;
}

.unc-inv-col-img {
  width: 60px;
  float: left;
  margin-top: 5px;
}

.unc-inv-col-img img {
  max-width: 100%;
  height: auto;
  display: block;
}

.unc-inv-col-cont {
  padding: 0 0 0 85px;
}

.unc-inv-col-cont h4 {
  font-size: 20px;
  padding-bottom: 9px;
  margin: 0;
  font-weight: 500;
}

.unc-inv-col-cont p {
  font-weight: 400;
}

.features-bns-left {
  padding-right: 10px;
}

.features-bns-cont {
  width: 100%;
  max-width: 590px;
  padding: 0 0 0 5px;
}

.features-bns-left img {
  max-width: 100%;
  height: auto;
  display: block;
  margin-left: -90px;
}

.features-bns-cont h3 {
  color: #4845b4;
  font-size: 23px;
  line-height: 20px;
  padding-bottom: 12px;
  font-weight: 400;
}

.features-bns-cont h2 {
  color: #222;
  font-size: 47px;
  line-height: 60px;
  padding-bottom: 20px;
  font-weight: 500;
}

.features-bns-cont p {
  color: #777;
  font-size: 18px;
  line-height: 28px;
  padding-bottom: 10px;
  font-weight: 300;
}

.features-bns-area {
  padding-top: 28px;
}

.features-bns-col-row {
  overflow: hidden;
  padding-bottom: 30px;
}

.features-bns-col-img {
  background: #7f7de0;
  width: 120px;
  height: 120px;
  float: left;
  margin-top: 3px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}

.features-bns-col-img img {
  max-width: 100%;
  height: auto;
  display: block;
}

.features-bns-col-cont {
  padding: 0 0 0 165px;
}

.features-bns-col-cont h4 {
  color: #222;
  font-size: 24px;
  padding-bottom: 21px;
  font-weight: 500;
}

.features-bns-col-cont p {
  font-weight: 400;
}

.unc-happenning-container {
  background-image: url(https://www.olysport.io/assets/images/bgr-happenning.png);
  background-repeat: no-repeat;
  background-position: center 0;
  -webkit-background-size: cover;
  background-size: cover;
}

.unc-happenning-left h3 {
  color: #fff;
  font-size: 23px;
  line-height: 20px;
  padding-bottom: 10px;
  font-weight: 400;
}

.unc-happenning-left h2 {
  color: #fff;
  font-size: 47px;
  line-height: 59px;
  padding-bottom: 18px;
  font-weight: 500;
}

.unc-happenning-left p {
  color: #bab9ec;
  font-size: 18px;
  line-height: 28px;
  padding-bottom: 10px;
  font-weight: 300;
}

.clockdiv-area {
  background: #fff;
  padding: 20px 10px 32px 10px;
  margin-left: 6px;
  -webkit-box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.2);
}

.clockdiv-area #clockdiv {
  max-width: 444px;
  margin: 0 auto;
}

.clockdiv_column {
  width: 25%;
}

.unc-happenning-right .clockdiv_column {
  width: 21.6%;
}

.clocktimes {
  width: 100%;
  height: 100%;
}

.clocktimes span {
  font-size: 48px;
  line-height: normal;
  color: #fff;
  text-align: center;
  display: block;
  padding-bottom: 3px;
  font-weight: 500;
}

.clocktimes small {
  font-size: 18px;
  color: #fff;
  text-align: center;
  display: block;
  font-weight: 500;
}

.token-amount-area {
  padding: 42px 0 8px 0;
}

.token-amount-col {
  width: 100%;
  max-width: 234px;
  padding: 0 0 29px 7px;
}

.token-amount-col h5 {
  font-size: 16px;
  line-height: normal;
  color: #fff;
  padding-bottom: 10px;
  text-transform: uppercase;
  font-weight: 500;
}

.token-amount-col p {
  font-size: 14px;
  line-height: normal;
  color: #bab9ec;
  font-weight: 400;
}

.unc-happenning-right .unc-btn {
  margin: 0 auto;
}

.benefits-container {
  background-image: url(https://www.olysport.io/assets/images/bgr-benefits.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.big-title {
  width: 100%;
}

.big-title h3 {
  color: #4845b4;
  font-size: 23px;
  line-height: 20px;
  padding-bottom: 11px;
  font-weight: 400;
}

.our-team-container3 .big-title h3 {
  font-weight: 500;
}

.big-title h2 {
  color: #222;
  padding-bottom: 25px;
  font-weight: 500;
}

.white-text h2,
.white-text h3 {
  color: #fff;
}

.version img {
  width: 700px;
}

.color-white {
  color: #fff;
}

.benefits-left {
  padding-right: 10px;
}

.benefits-left img {
  max-width: 100%;
  height: auto;
  display: block;
  margin-left: -90px;
}

.benefits-cont {
  width: 100%;
  max-width: 593px;
  padding: 0 0 0 5px;
}

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

.benefits-cont p {
  color: #bab9ec;
  font-size: 18px;
  line-height: 28px;
  padding-bottom: 10px;
  font-weight: 400;
}

.bnf-col-row {
  overflow: hidden;
}

.bnf-col-img {
  background: #fff;
  width: 58px;
  height: 58px;
  line-height: 58px;
  float: left;
  color: #4845b4;
  font-size: 15px;
  text-align: center;
  margin-top: 3px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.bnf-col-cont {
  padding: 0 0 0 98px;
}

.bnf-col-cont p {
  font-weight: 400;
}

.road-map-timeline {
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
}

.road-map-timeline .more-event {
  display: block;
  width: 48px;
  height: 48px;
  color: #fff;
  background: #00c2f0;
  text-align: center;
  line-height: 45px;
  font-size: 20px;
  margin: 0 auto;
  -webkit-transition: border-radius 0.3s;
  transition: border-radius 0.3s;
}

.road-map-timeline .more-event:hover {
  -webkit-border-radius: 0 0 20px 20px;
  border-radius: 0 0 20px 20px;
}

.road-map-tl-event {
  position: relative;
  margin: 10px 0;
}

.road-map-tl-event li {
  position: relative;
}

.road-map-tl-event li:before,
.road-map-tl-event:before {
  content: "";
  display: block;
  width: 3px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin-left: -1px;
}

.road-map-tl-event:before {
  background: url(../images/bgr-timeline.png) repeat-y center 0;
  height: 83%;
  left: 50%;
  top: 60px;
}

.road-map-tl-event::after {
  content: "\f078";
  background: #e94a8a;
  display: block;
  width: 48px;
  height: 48px;
  line-height: 48px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 98px;
  margin: 0 auto;
  z-index: 8;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  font-family: "Font Awesome\ 5 Free";
  font-style: normal;
  font-weight: 900;
  font-size: 20px;
  color: #fff;
  text-align: center;
  cursor: pointer;
  -webkit-box-shadow: 0 0 28px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 28px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 28px 5px rgba(0, 0, 0, 0.1);
}

.road-map-tl-event li:before {
  content: "\f00c";
  width: 36px;
  height: 36px;
  line-height: 36px;
  top: 5%;
  right: -19px !important;
  z-index: 2;
  background: #7f7de0;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #fff;
  text-align: center;
  font-family: "Font Awesome\ 5 Free";
  font-style: normal;
  font-weight: 900;
}

.road-map-timeline ul li:nth-child(even):before {
  left: -16px;
  top: 5%;
}

.road-map-tl-event li:hover:before {
  background-color: #7f7de0;
}

.road-map-tl-event li:nth-child(even) .event {
  padding-left: 116px;
}

.road-map-tl-event li:nth-child(odd) .event {
  -webkit-order: 1;
  -moz-order: 1;
  -ms-order: 1;
  -o-order: 1;
  order: 1;
  padding-right: 114px;
}

.road-map-tl-event li:first-child:after,
.road-map-tl-event li:nth-child(2):after {
  content: "";
  width: 3px;
  height: 75%;
  background: #7f7de0;
  position: absolute;
  right: -2px;
  top: 33px;
  z-index: 1;
}

.road-map-tl-event li:nth-child(2):after {
  left: -1px;
}

.road-map-tl-event li .event .content {
  background: #fff;
  position: relative;
  -webkit-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
}

.road-map-tl-event li:nth-child(even) .event .content:before,
.road-map-tl-event li:nth-child(odd) .event .content:before {
  content: "";
  width: 120px;
  height: 3px;
  background: #7f7de0;
  position: absolute;
  top: 36px;
  left: -120px;
  z-index: -1;
}

.road-map-tl-event li:nth-child(odd) .event .content:before {
  top: 33px;
  left: inherit;
  right: -120px !important;
}

.road-map-tl-event li.circle-row:nth-child(2n) .event .content::before {
  content: "";
  width: 120px;
  height: 3px;
  background: url(../images/bgr-timeline2.png) repeat-x 0 0;
  position: absolute;
  top: 34px;
  left: -120px;
  z-index: -1;
}

.road-map-tl-event li.circle-row::before {
  content: "\f111";
}

.road-map-tl-event li.circle-row2:nth-child(2n + 1) .event .content::before {
  content: "";
  width: 120px;
  height: 3px;
  background: url(../images/bgr-timeline2.png) repeat-x 0 0;
  position: absolute;
  top: 33px;
  right: -120px;
  z-index: -1;
}

.road-map-tl-event li.circle-row2::before {
  content: "\f111";
}

.road-map-tl-event li.circle-row2::before {
  background: #d1d1d1;
}

.timeline-container {
  max-width: 970px;
  margin: 0 auto 100px;
}

.road-map-timeline ul {
  padding: 0;
  margin: 25px 0 0 0;
  padding: 0 25px;
  overflow: hidden;
}

.road-map-timeline ul li {
  list-style-type: none;
  margin: 30px 0 33px 0;
  width: 50%;
  float: left;
  clear: left;
}

.road-map-timeline ul li:nth-child(even) {
  float: right;
  clear: right;
}

.road-map-timeline ul li:nth-child(2) {
  padding-top: 19%;
}

.road-map-timeline ul li:nth-child(2):before {
  top: 40%;
}

.content h3 {
  background: #4845b4;
  margin: 0;
  padding: 22px 10px 26px 10px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  line-height: normal;
  font-weight: 500;
}

.timeline-cont-info {
  max-width: 290px;
  margin: 0 auto;
  padding: 51px 10px 55px 10px;
  text-align: center;
}

.content h5 {
  margin: 0;
  color: #222;
  font-size: 24px;
  line-height: normal;
  padding-bottom: 20px;
  font-weight: 500;
}

.content p {
  margin: 0;
  color: #777;
  font-size: 18px;
  line-height: 29px;
  font-weight: 400;
}

.bg-faq {
  text-align: center;
}

.bg-faq .big-title {
  width: auto;
  background: #fff;
  position: relative;
  display: inline-block;
  margin: 0 auto;
  padding: 10px 40px;
  margin-top: -75px;
}

.size-36 {
  font-size: 36px;
}

.team {
  background: #4845b4;
}

.team3 {
  background-image: url(../images/bg-coreteam.png);
  background-repeat: no-repeat;
  background-position: center 0;
  -webkit-background-size: cover;
  background-size: cover;
}

.team-mem {
  background: url(../images/bgr-team-col.png) no-repeat center center;
  padding: 7px 15px;
}

.team-mem-info {
  width: 214px;
  height: 214px;
  margin: 0 auto;
  border: 13px solid #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 33px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 33px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 33px 0 rgba(0, 0, 0, 0.1);
}

.team-mem-info img {
  max-width: 100%;
  height: auto;
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.team-mem-info:hover img {
  transform: scale(1.15);
}

.team-mem-info a {
  display: block;
  overflow: hidden;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.team-cont {
  text-align: center;
  padding: 22px 0 0 0;
}

.team-cont h3 {
  color: #fff;
  font-size: 24px;
  line-height: normal;
  padding-bottom: 10px;
  font-weight: 400;
}

.team-cont small {
  color: #fff;
  font-size: 18px;
  display: block;
  line-height: normal;
  font-weight: 900;
}

.team-cont .role {
  color: rgb(255, 35, 35);
  font-size: 18px;
  display: block;
  line-height: normal;
  font-weight: 900;
}

.team-cont .company {
  color: rgb(175, 171, 171);
  font-size: 18px;
  display: block;
  line-height: normal;
  font-weight: 400;
}

.team-cont .linkin {
  color: rgb(255, 35, 35);
  font-size: 24px;
  display: block;
  line-height: normal;
  font-weight: 900;
}

.team-cont h3 a,
.team-cont small a {
  color: #fff;
}

.team-cont h3 a:hover {
  text-decoration: none;
}

.core-team-area .team-mem {
  background: 0 0;
  width: 164px;
  padding: 6px 0 0 0;
  border: none;
  float: left;
}

.core-team-area .team-mem-info {
  width: 164px;
  height: 164px;
  margin: 0;
  border: none;
}

.core-team-area .team-cont {
  text-align: left;
  padding: 0 0 0 192px;
  margin-top: 50px;
}

.core-team-area .team-cont h3 {
  padding-bottom: 6px;
}

.core-team-area .team-cont small {
  padding-bottom: 15px;
}

.team-cont p {
  color: #fff;
  font-weight: 400;
}

.team-social {
  padding: 14px 0 0 0;
  margin: 0;
}

.team-social li {
  list-style-type: none;
  color: #fff;
  font-size: 18px;
  padding: 0 13px 5px 0;
}

.team-social li a {
  color: #fff;
}

.team-social li a:hover {
  color: #e94a8a;
}

.advisors-team .team-mem {
  background: 0 0;
  width: 214px;
  padding: 0;
  margin: 0 auto;
}

.advisors-team .team-mem-info {
  max-width: 100%;
  height: auto;
  margin: 0;
  border: none;
}

.advisors-team .team-social li {
  padding: 0 7px 5px 6px;
}

.advisors-team .team-cont {
  padding: 27px 0 0 0;
}

.advisors-team .team-social {
  padding: 7px 0 0 0;
}

.team2 {
  background: #fff;
}

.team2 .team-mem {
  background: 0 0;
}

.team2 .team-cont h3,
.team2 .team-cont h3 a,
.team2 .team-cont small {
  color: #222;
}

.introduce {
  margin-top: 50px;
}

ul.resp-tabs-list {
  margin: 0;
  padding: 0;
}

ul.resp-tabs-list {
  text-align: center;
}

.resp-tabs-list li {
  font-weight: 500;
  color: #aaa;
  font-size: 18px;
  display: inline-block;
  padding: 13px 24px 13px 24px;
  margin: 0 -3px 0 -2px;
  list-style: none;
  cursor: pointer;
  border-bottom: 1px solid #e5e5e5;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.resp-tabs-container {
  padding: 22px 0 0 0;
  background-color: #fff;
  clear: left;
}

h2.resp-accordion {
  cursor: pointer;
  padding: 5px;
  display: none;
}

.resp-tab-content {
  display: none;
}

.resp-tab-item.resp-tab-active {
  color: #222;
  border-bottom: 1px solid #c41f1e;
}

.resp-accordion-active,
.resp-content-active {
  display: block;
}

h2.resp-accordion {
  font-size: 16px;
  border: 1px solid #e5e5e5;
  border-top: 0 solid #e5e5e5;
  margin: 0;
  padding: 10px 10px;
  font-weight: 500;
}

h2.resp-tab-active {
  border-bottom: 0 solid #e5e5e5 !important;
  margin-bottom: 0 !important;
  padding: 10px 10px !important;
}

.resp-vtabs ul.resp-tabs-list {
  float: left;
  width: 30%;
}

.resp-vtabs .resp-tabs-list li {
  display: block;
  padding: 15px 15px !important;
  margin: 0;
  cursor: pointer;
  float: none;
  color: #aaa;
}

.resp-vtabs .resp-tabs-container {
  padding: 0;
  background: #fff;
  border: 1px solid #e5e5e5;
  float: left;
  width: 68%;
  min-height: 250px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  clear: none;
}

.resp-vtabs .resp-tab-content {
  border: none;
}

.resp-vtabs li.resp-tab-active {
  border: 1px solid #e5e5e5;
  border-right: none;
  background: #fff;
  position: relative;
  z-index: 1;
  margin-right: -1px !important;
  padding: 14px 15px 15px 14px !important;
}

.resp-arrow {
  width: 0;
  height: 0;
  float: right;
  margin-top: 14px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 12px solid #222;
}

h2.resp-tab-active span.resp-arrow {
  border: none;
  margin-top: 12px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 12px solid #222;
}

.resp-easy-accordion h2.resp-accordion {
  display: block;
}

.resp-jfit {
  width: 100%;
  margin: 0;
}

.resp-tab-content-active {
  display: block;
}

h2.resp-accordion:first-child {
  border-top: 1px solid #e5e5e5 !important;
}

.horizontal_tab_data {
  width: 100%;
  padding-top: 25px;
}

.tab_inner {
  overflow: hidden;
  padding-top: 30px;
  width: 100%;
}

.asked-cont {
  text-align: center;
}

.tab-col {
  width: 48%;
  padding: 0 15px 32px 15px;
}

.tab_content h3 {
  font-size: 29px;
  color: #222;
  padding-bottom: 18px;
  margin: 0;
  line-height: normal;
  font-weight: 500;
}

.tab_content p {
  color: #777;
  font-size: 17px;
  padding-bottom: 15px;
  line-height: 27px;
  font-weight: 400;
}

.tab_content ul li {
  padding-bottom: 10px;
}

.tab_content ul li a {
  font-size: 14px;
  color: #040404;
  font-weight: 700;
  display: inline-block;
  padding-left: 20px;
  position: relative;
}

.tab_content ul li a:before {
  content: "\f054";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 400;
  color: #c8dc01;
  font-size: 9px;
  position: absolute;
  top: 5px;
  left: 0;
}

.partner {
  background-image: url(https://www.olysport.io/assets/images/bgr-brands-logo.png);
  background-repeat: no-repeat;
  background-position: center 0;
  -webkit-background-size: cover;
  background-size: cover;
}

.partner-logo img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.contact-content {
  background-image: url(../images/bgr-contact-area.png);
  background-repeat: no-repeat;
  background-position: center 0;
  max-width: 1305px;
  margin: 0 auto;
}

.contact-form {
  padding-top: 7px;
}

.contact-us {
  max-width: 375px;
}

.contact-us h2 {
  color: #222;
  font-size: 48px;
  line-height: normal;
  padding-bottom: 22px;
  font-weight: 500;
}

.contact-us h3 {
  color: #4845b4;
  font-size: 24px;
  line-height: normal;
  padding-bottom: 6px;
  font-weight: 400;
}

.contact-us p {
  color: #777;
  font-size: 18px;
  line-height: 28px;
  padding-bottom: 14px;
  font-weight: 300;
}

.social-row p:hover {
  text-decoration: underline;
}

.contact-social {
  padding: 36px 0 0 0;
}

.contact-social li {
  list-style-type: none;
  padding-bottom: 12px;
}

.contact-social li:last-child .social-row p:hover {
  text-decoration: none;
}

.contact-social li a {
  text-decoration: none;
}

.social-row {
  overflow: hidden;
}

.social-row a {
  display: inline-block;
}

.social-row span {
  background: #4845b4;
  width: 47px;
  height: 47px;
  line-height: 47px;
  float: left;
  display: block;
  overflow: hidden;
  color: #fff;
  font-size: 19px;
  text-align: center;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.social-row span a {
  color: #fff;
}

.social-row p {
  color: #777;
  font-size: 18px;
  line-height: 28px;
  padding: 10px 0 0 66px;
  font-weight: 400;
}

.social-row p a {
  color: #777;
}

.form-col {
  margin: 0 -15px;
}

.form-col .form-group {
  width: 50%;
  padding-left: 15px;
  padding-right: 15px;
}

.form-group {
  padding-bottom: 30px;
  margin-bottom: 0;
}

.form-group input[type="email"],
.form-group input[type="text"],
.form-group textarea {
  background: #fff;
  width: 100%;
  height: 58px;
  font-size: 18px;
  color: #999;
  border: none;
  outline: 0;
  padding: 0 22px 0 22px;
  resize: none;
  font-family: sans-serif;
  font-weight: 400;
  -webkit-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
}

.form-group textarea {
  height: 185px;
  padding-top: 20px;
}

.form-control:focus {
  color: #999;
  -webkit-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
}

.form-group input::-webkit-input-placeholder,
.form-group textarea::-webkit-input-placeholder {
  color: #999 !important;
  opacity: 1 !important;
}

.form-group input::-moz-placeholder,
.form-group textarea::-moz-placeholder {
  color: #999 !important;
  opacity: 1 !important;
}

.form-group input::-ms-input-placeholder,
.form-group textarea::-ms-input-placeholder {
  color: #999 !important;
  opacity: 1 !important;
}

.submit-col {
  width: 192px;
}

.submit-col input[type="submit"] {
  background: #e94a8a;
  width: 100%;
  height: 47px;
  line-height: 47px;
  font-size: 16px;
  color: #fff;
  border: none;
  outline: 0;
  padding: 0 10px;
  text-align: center;
  resize: none;
  cursor: pointer;
  -webkit-border-radius: 22px;
  border-radius: 22px;
  font-family: sans-serif;
  font-weight: 400;
  -webkit-box-shadow: 0 0 28px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 28px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 28px 0 rgba(0, 0, 0, 0.1);
}

.submit-col input[type="submit"]:hover {
  background: #e2196a;
}

.newsletter-content {
  background: #7f7de0;
  width: 100%;
  max-width: 970px;
  margin: 0 auto -75px;
  padding: 41px 15px 55px 15px;
  position: relative;
  z-index: 10;
}

.newsletter-content2 {
  margin-bottom: -150px;
}

.newsletter-content h2 {
  font-size: 35px;
  color: #fff;
  font-weight: 500;
  text-align: center;
  padding-bottom: 34px;
}

.newsletter-field {
  width: 100%;
  max-width: 570px;
  margin: 0 auto;
  padding: 0;
  position: relative;
}

.newsletter-field input[type="email"],
.newsletter-field input[type="text"] {
  background: #fff;
  width: 100%;
  height: 60px;
  font-size: 18px;
  color: #777;
  border: none;
  outline: 0;
  padding: 0 65px 0 23px;
  resize: none;
  font-family: sans-serif;
  font-weight: 400;
  box-shadow: inherit;
  -webkit-box-shadow: 0 0 28px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 28px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 28px 0 rgba(0, 0, 0, 0.1);
}

.newsletter-field input::-webkit-input-placeholder {
  color: #777 !important;
  opacity: 1 !important;
}

.newsletter-field input::-moz-placeholder {
  color: #777 !important;
  opacity: 1 !important;
}

.newsletter-field input::-ms-input-placeholder {
  color: #777 !important;
  opacity: 1 !important;
}

.newsletter-field input[type="submit"] {
  background: url(../images/bgr-submit.png) no-repeat 0 center;
  width: 60px;
  position: absolute;
  right: 0;
  top: 0;
  height: 60px;
  font-size: 18px;
  color: #777;
  border: none;
  outline: 0;
  cursor: pointer;
  background-position: 15px center;
}

.newsletter-field input[type="submit"]:hover {
  background-position: 15px center;
}

.newsletter-container {
  background: #7f7de0 url(../images/bg-newleter.png);
  background-repeat: no-repeat;
  background-position: center 0;
  -webkit-background-size: cover;
  background-size: cover;
}

.newsletter-text {
  padding-right: 20px;
}

.newsletter-text h4 {
  font-size: 23px;
  font-weight: 400;
  padding-bottom: 8px;
}

.newsletter-text h2 {
  font-size: 47px;
  font-weight: 500;
  padding-bottom: 14px;
}

.newsletter-text p {
  color: #fff;
  font-weight: 300;
}

.owl-carousel .owl-item img {
  width: auto;
  max-width: 100%;
  display: block;
}

.video3 .invented-cont h3 {
  padding-bottom: 12px;
}

.video3 .invented-cont h2 {
  padding-bottom: 26px;
}

.video3 .invented-cont p {
  padding-bottom: 34px;
}

.unicrypt-video {
  width: 421px;
  height: 421px;
  position: relative;
}

.video-img {
  width: 421px;
  height: 421px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

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

.video-img::after {
  width: 100%;
  height: 100%;
  content: "";
  left: 0;
  top: 0;
  position: absolute;
  background: rgba(0, 0, 0, 0.2);
  opacity: 0;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  transition: 0.3s;
}

.video-img:hover::after {
  opacity: 1;
}

.video-btn {
  width: 70px;
  position: absolute;
  right: 35px;
  bottom: 29px;
}

.video-btn a {
  background: #e94a8a;
  width: 70px;
  height: 70px;
  line-height: 70px;
  font-size: 20px;
  display: block;
  position: relative;
  overflow: inherit;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}

.video-btn a:hover {
  color: #fff;
}

.video-btn a:before {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: block;
  background-color: rgba(233, 74, 138, 0.5);
  border: 10px solid #e94a8a;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  animation: bubble-ripple 1.5s linear infinite;
}

.video-btn a:after {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: block;
  border: 15px solid #e94a8a;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  animation: bubble-ripple 1.5s linear infinite;
}

.video-btn a .btn-hover-anim {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: block;
  border: 17px solid #e94a8a;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  animation: bubble-ripple 2s linear infinite;
}

@-webkit-keyframes bubble-ripple {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0.75;
  }
  25% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.75;
  }
  100% {
    -webkit-transform: scale(1.7);
    transform: scale(1.7);
    opacity: 0;
  }
}

@keyframes bubble-ripple {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0.75;
  }
  25% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.75;
  }
  100% {
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
    opacity: 0;
  }
}

.modal-video {
  padding: 50px;
}

.modal-video .modal-video-body {
  max-width: 700px;
}

.huge-container {
  position: relative;
  z-index: 4;
}

@media (min-width: 1920px) {
  .huge-container {
    max-width: 1500px;
    margin: auto;
  }
}

.huge-container:before {
  background: url(../images/bgr-huge-left.png) no-repeat 0 0;
  -webkit-background-size: cover;
  background-size: cover;
  width: 567px;
  height: 580px;
  content: "";
  position: absolute;
  left: 0;
  top: 180px;
  z-index: -1;
}

.huge-container:after {
  background: url(../images/bgr-huge-right.png) no-repeat 0 0;
  -webkit-background-size: cover;
  background-size: cover;
  width: 450px;
  height: 470px;
  content: "";
  position: absolute;
  right: 0;
  bottom: 110px;
  z-index: -1;
}

.pbl-img {
  margin-bottom: 40px;
}

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

.pbl-col-info {
  padding: 35px 35px 22px 35px;
  height: 100%;
  -webkit-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
}

.pbl-col-info h4 {
  color: #222;
  font-size: 18px;
  line-height: 24px;
  padding-bottom: 14px;
  font-weight: 500;
}

.version {
  background: url(../images/bg-version.png) no-repeat;
  padding: 200px 0 0px 0;
  background-size: 100% 100%;
}

.pbl-col-info p {
  color: #222;
  font-size: 18px;
  line-height: 27px;
  padding-bottom: 10px;
  font-weight: 400;
}

.pbl-col-info h4 span {
  width: calc(100% - 58px);
  overflow: hidden;
  display: block;
  float: right;
  margin-top: 5px;
  margin-left: 10px;
}

.unc-btn-area .unc-btn {
  width: 100%;
  margin: 37px 16px 0 0;
}

.one-btn {
  background: 0 0;
  border: 1px solid #fff;
  margin-right: 0;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}

.one-btn:hover {
  border: 1px solid #e2196a;
}

.unc-inventment-container2 .unc-inventment-content {
  max-width: 540px;
}

.unc-inventment-container2 {
  background-repeat: no-repeat;
  background-position: 0 0;
  -webkit-background-size: cover;
  background-size: cover;
  overflow: hidden;
}

.unc-inventment-container2 .unc-inventment-content {
  max-width: 540px;
}

.unc-inv-img {
  max-width: 600px;
  padding-left: 80px;
}

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

.inv-social {
  margin: 47px 0 0 5px;
}

.inv-social a {
  color: #fff;
  font-size: 22px;
  margin-left: 25px;
  display: inline-block;
}

.inv-social a:hover {
  color: #e94a8a;
}

.token-title h3 {
  font-size: 29px;
  font-weight: 500;
}

.token-three-col-info {
  background: #fff;
  width: 100%;
  -webkit-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
}

.token-three-col-cont {
  padding: 50px 10px 43px 10px;
}

.token-three-col-info h3 {
  background: #4845b4;
  font-size: 23px;
  padding: 19px 10px 20px 10px;
  -webkit-box-shadow: 0 3px 23px -14px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 3px 23px -14px rgba(0, 0, 0, 0.75);
  box-shadow: 0 3px 23px -14px rgba(0, 0, 0, 0.75);
}

.token-three-col-info p {
  font-size: 20px;
  padding-bottom: 16px;
  font-weight: 400;
}

.token-three-col-info span {
  color: #e94a8a;
  font-size: 16px;
  display: block;
  padding-bottom: 15px;
  font-weight: 400;
}

.token-three-col-info strong {
  font-size: 29px;
  display: block;
  line-height: 30px;
  font-weight: 400;
}

.token-three-col-info small {
  color: #777;
  font-size: 16px;
  display: block;
  font-weight: 400;
}

.un-features-container {
  background: #4845b4;
}

.un-features-container .unc-inv-col-img {
  width: 47px;
}

.un-features-container .unc-inv-col-cont {
  padding: 0 0 0 75px;
}

.unc-inv-col-cont h4 {
  font-size: 22px;
  padding-bottom: 29px;
}

.size-18 {
  font-size: 18px;
}

.progressbar-area {
  padding: 0 0 12px 0;
}

.progressbar-area small {
  font-size: 16px;
  margin-bottom: 7px;
  display: inline-block;
  font-weight: 500;
}

#progressbar.ui-widget.ui-widget-content,
#progressbar2.ui-widget.ui-widget-content {
  background: #000;
  border: 0;
  height: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

#progressbar.ui-progressbar .ui-progressbar-value,
#progressbar2.ui-progressbar .ui-progressbar-value {
  margin: 0;
  height: 100%;
}

#progressbar .ui-widget-header,
#progressbar2 .ui-widget-header {
  border: 0;
  background: #d20908;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.canvas4 {
  width: 464px;
  height: 464px;
}

.chart-container {
  max-width: 1638px;
  margin: 0 auto;
}

.chart-col {
  width: 50%;
  position: relative;
}

.chart-col:nth-child(2):before {
  background: #ccc;
  width: 1px;
  height: 376px;
  content: "";
  position: absolute;
  left: 0;
  top: 50px;
}

.chart-cycle {
  width: 464px;
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.chart-un {
  background: #fff url(../images/favicion.png) no-repeat center center;
  width: 120px;
  height: 120px;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin: 0 auto;
  transform: translateY(-50%);
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.chart-point {
  width: 165px;
  margin-left: 60px;
}

.chart-col:nth-child(2) .chart-point {
  margin: 0 60px 0 0;
}

.chart-cycle:hover .chart-un {
  opacity: 0.6;
}

.chartjs-render-monitor {
  overflow: hidden;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.sale-item {
  overflow: hidden;
  padding-bottom: 14px;
}

.sale-item-cont {
  padding-left: 30px;
}

.sale-item-color {
  float: left;
}

.sale-right-text .sale-item-cont {
  padding: 0 30px 0 0;
  text-align: right;
}

.sale-right-text .sale-item-color {
  float: right;
}

.chart-col h3 {
  font-size: 30px;
}

.sale-item-color span {
  background: #000;
  width: 12px;
  height: 12px;
  display: block;
  margin-top: 9px;
}

.color-green span {
  background: #4fc489;
}

.color-blue span {
  background: #0ba1d6;
}

.color-yellow span {
  background: #efe943;
}

.color-burnt span {
  background: #e9734a;
}

.color-forceblue span {
  background: #5990a4;
}

.sale-item-cont strong {
  display: block;
  color: #222;
  font-size: 24px;
  line-height: normal;
  padding-bottom: 3px;
  font-weight: 500;
}

.sale-item-cont small {
  display: block;
  color: #e94a8a;
  font-size: 14px;
  font-weight: 500;
}

.sale-item-col {
  width: 50%;
}

.sale-item-col .sale-item {
  width: 100%;
}

.dst-chart-container {
  width: 100%;
  max-width: 1015px;
}

.dst-sale-area {
  width: 190px;
}

.dst-chart-cycle {
  width: 62.5%;
}

.dst-chart-cycle .chart-cycle {
  margin: 0 auto;
}

.chart-alc-sale-area,
.chart-allocation-area {
  width: 100%;
  max-width: 974px;
  margin: 0 auto;
  padding: 0 15px;
}

.chart-alc-col {
  width: 30%;
  height: 47px;
}

.chart-alc1 {
  background: #4845b4;
  width: 30%;
}

.chart-alc2 {
  background: #4fc489;
  width: 25%;
}

.chart-alc3 {
  background: #0ba1d6;
  width: 20%;
}

.chart-alc4 {
  background: #efe943;
  width: 15%;
}

.chart-alc5 {
  background: #e9734a;
  width: 10%;
}

.chart-alc-sale-area .sale-item {
  width: 23.19%;
  padding-left: 12px;
}

.dst-sale-area .sale-item {
  padding-bottom: 38px;
}

.dst-sale-area .sale-item-cont {
  padding-left: 35px;
}

.dst-sale-area.sale-right-text .sale-item-cont {
  padding: 0 35px 0 0;
}

.chart-alc-sale-area .sale-item:nth-child(2) {
  width: 22.77%;
}

.chart-alc-sale-area .sale-item:nth-child(3) {
  width: 21.92%;
}

.chart-alc-sale-area .sale-item:nth-child(4) {
  width: 18.96%;
}

.chart-alc-sale-area .sale-item:nth-child(5) {
  width: 11.86%;
}

.chart-alc-sale-area .sale-item-color span,
.dst-sale-area .sale-item-color span {
  width: 18px;
  height: 18px;
  margin-top: 7px;
}

.chart-alc-sale-area .sale-item-cont small {
  font-size: 15px;
}

.chart-alc-sale-area .sale-item-cont strong {
  padding-bottom: 6px;
}

.chart-alc-sale-area .sale-item-cont {
  padding-left: 35px;
}

.live-sale-col {
  background: #fff;
  padding-top: 14px;
  padding-bottom: 13px;
}

.live-sale-col:nth-child(2) {
  background: #ecebfa;
}

.live-sale-col h2 {
  font-size: 29px;
  padding-bottom: 4px;
}

.live-sale-col h5 {
  color: #777;
  font-weight: 400;
}

.livesale .progressbar-area small {
  font-size: 14px;
  margin-bottom: 3px;
}

.livesale .total-token small {
  font-size: 18px;
  font-weight: 500;
}

.livesale .total-token span {
  color: #e94a8a;
  font-size: 23px;
  display: block;
  line-height: 23px;
  font-weight: 500;
}

.livesale .progressbar-area small {
  color: #222;
}

.total-token {
  position: relative;
}

.livesale .total-token:first-child:before {
  background: #e94a8a;
  content: "";
  width: 2px;
  height: 18px;
  position: absolute;
  left: 0;
  right: 0;
  top: -22px;
  margin: 0 auto;
}

.join-btn a {
  color: #222;
  font-size: 16px;
  display: inline-block;
  border-bottom: 2px solid #e94a8a;
  padding-bottom: 4px;
  text-decoration: none;
  font-weight: 500;
}

.int-content {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
}

.int-img {
  width: 94px;
  margin: 0 auto 32px;
}

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

.int-content p {
  color: #fff;
  padding: 26px 0 31px 0;
  font-weight: 300;
}

.int-content a {
  color: #fff;
  display: inline-block;
  text-decoration: none;
  font-weight: 400;
}

.int-content a:hover {
  text-decoration: underline;
}

.sm-title h3 {
  color: #4845b4;
  padding-bottom: 10px;
  font-weight: 500;
}

.sm-title h2 {
  color: #222;
  font-size: 47px;
  line-height: 58px;
  padding-bottom: 22px;
  font-weight: 500;
}

.uni-img {
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
}

.uni-img img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.opt-content p {
  padding-bottom: 44px;
  font-weight: 400;
}

.nunc-list {
  padding: 13px 0 0 0;
}

.nunc-list li {
  color: #777;
  font-size: 17px;
  line-height: 27px;
  position: relative;
  list-style-type: none;
  padding: 0 0 19px 42px;
  font-weight: 400;
}

.nunc-list li:after {
  content: "\f00c";
  font-family: "Font Awesome\ 5 Free";
  font-style: normal;
  font-weight: 900;
  text-decoration: inherit;
  position: absolute;
  font-size: 15px;
  color: #4845b4;
  left: 0;
  top: 2px;
  z-index: 1;
}

.mlt-row {
  display: table;
}

.mlt-img {
  width: 36px;
  float: left;
}

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

.mlt-content h4 {
  padding-left: 27px;
  display: table-cell;
  vertical-align: middle;
}

.mlt-content p {
  color: #777;
  font-weight: 400;
}

.rating-container {
  background-image: url(https://www.olysport.io/assets/images/bgr-rating-container.png);
  background-repeat: no-repeat;
  background-position: center 0;
  -webkit-background-size: cover;
  background-size: cover;
}

.rating-col-area {
  margin: 0 -39px;
}

.rating-col {
  width: 20%;
  padding: 0 39px 30px 39px;
}

.rating-col-info {
  background: #fff;
  width: 100%;
  padding: 34px 10px 84px 10px;
  position: relative;
}

.rating-col-info h5 {
  background: #4845b4;
  width: 100%;
  padding: 13px 10px 16px 10px;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 0;
}

.rating-col-info h5 a {
  color: #fff;
  text-decoration: none;
}

.rating-box {
  text-align: center;
}

.star {
  padding-top: 6px;
  font-size: 0;
}

.star small {
  color: #ffc64d;
  font-size: 17px;
}

.star small.star-gary {
  color: #e5e5e5;
}

.token-container .sm-title h3 {
  padding-bottom: 4px;
}

.pre-sale-area {
  position: relative;
  padding-left: 52px;
  margin-top: 30px;
}

.pre-sale-area .sale-title {
  width: auto;
  position: absolute;
  left: -37px;
  top: 45%;
  transform: translateY(-45%);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.pre-sale-area:nth-child(2) .sale-title {
  left: -51px;
}

.pre-sale-area h4 {
  color: #222;
  font-size: 23px;
  line-height: 20px;
  font-weight: 500;
}

.pre-sale {
  background: #fff;
  padding: 35px 45px 35px 5px;
  border-left: 6px solid #7f7de0;
  -webkit-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
}

.pre-sale-area:first-child {
  margin-top: 0;
}

.sale-date h5 {
  font-size: 18px;
  line-height: 16px;
  padding-bottom: 10px;
  font-weight: 500;
}

.sale-date small {
  font-size: 16px;
  color: #777;
  line-height: 16px;
  font-weight: 400;
}

.pre-sale .sale-col {
  border-left: 1px solid #e5e5e5;
  padding: 22px 0 0 45px;
}

.sale-col:first-child,
.sale-col:nth-child(2) {
  padding-top: 0;
}

.pre-sale .sale-col:nth-child(2n + 1) {
  border-left: none;
}

.token-details {
  margin-left: 27px;
  padding: 35px 10px 30px 40px;
  -webkit-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
}

.token-row {
  overflow: hidden;
  padding-bottom: 17px;
}

.token-row strong {
  width: 215px;
  float: left;
  display: block;
  font-size: 18px;
  line-height: normal;
  font-weight: 500;
}

.token-row small {
  padding-left: 215px;
  font-size: 16px;
  color: #777;
  line-height: normal;
  display: block;
  font-weight: 400;
}

.roadmap-container2 {
  background-image: url(https://www.olysport.io/assets/images/bgr-hz-timeline.png);
  background-repeat: no-repeat;
  background-position: center 0;
  -webkit-background-size: cover;
  background-size: cover;
}

.timeline-area {
  margin: 0 -3px;
}

.timeline__item {
  padding: 0 10px 50px 10px;
}

.timeline__item:nth-child(even) {
  padding-top: 50px;
  padding-bottom: 0;
}

.timeline__content {
  background-color: #fff;
  border: 0;
  border-radius: inherit !important;
  color: #777;
  display: block;
  padding: 0;
  position: relative;
}

.timeline__content h3 {
  background: #4845b4;
  font-size: 18px;
  color: #fff;
  padding: 10px;
}

.timeline__content h5 {
  color: #222;
  font-size: 21px;
  padding: 10px 0;
}

.hz-cont-info {
  background: #fff;
  padding: 20px;
}

.timeline__content p {
  font-size: 18px !important;
  line-height: 28px !important;
  color: #777 !important;
  margin: 0 !important;
}

.timeline__item {
  position: relative;
}

.timeline__item:nth-child(1):before,
.timeline__item:nth-child(2):before {
  content: "";
  background: #fff;
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  border: 0;
  width: 100%;
  height: 3px;
}

.timeline__item:nth-child(2):before {
  width: 50%;
  top: -1px;
  bottom: inherit;
  right: inherit;
}

.timeline__item .timeline__content:before {
  display: none;
}

.timeline--horizontal .timeline__item .timeline__content:after {
  content: "";
  background: #fff;
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  border: 0;
  z-index: -1;
  width: 3px;
  height: 50px;
  margin: 0 auto;
}

.timeline--horizontal .timeline__item:nth-child(even) .timeline__content:after {
  bottom: inherit;
  top: -50px;
}

.timeline__item:after {
  content: "\f111";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 60;
  margin: 0 auto;
  width: 29px;
  height: 29px;
  transform: translateY(-50%);
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #fff;
  border: 5px solid #4845b4;
  font-family: "Font Awesome\ 5 Free";
  font-style: normal;
  font-weight: 900;
  text-decoration: inherit;
  font-size: 12px;
  color: #ecebfa;
  line-height: 19px;
  text-align: center;
}

.timeline__item:nth-child(odd):after {
  top: inherit;
  bottom: -30px;
}

.timeline__item:first-child:after {
  content: "\f00c";
  color: #e94a8a;
}

.timeline__item:nth-child(2):after {
  color: #e94a8a;
}

.timeline--horizontal .timeline-divider {
  background: url(../images/bgr-timeline-li.png) repeat-x 0 center;
  margin: 0 0;
}

.timeline-divider:before {
  background: #fff;
  width: 18px;
  height: 18px;
  content: "";
  position: absolute;
  left: -17px;
  top: -7px;
  z-index: 10;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.timeline-divider:after {
  background: #fff;
  width: 18px;
  height: 18px;
  content: "";
  position: absolute;
  right: -19px;
  top: -7px;
  z-index: 10;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.timeline-nav-button {
  background: 0 0;
  width: 12px;
  height: 18px;
  border: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

button.timeline-nav-button:focus {
  outline: 0;
}

.timeline-nav-button--prev:before {
  background: url(../images/arrow-left.svg) no-repeat 0 0;
  width: 12px;
  height: 18px;
  content: "\f111";
  position: absolute;
  left: 10px;
  top: 2px;
  z-index: 10;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.timeline-nav-button--next:before {
  background: url(../images/arrow-right.svg) no-repeat right 0;
  width: 12px;
  height: 18px;
  content: "";
  position: absolute;
  right: 0;
  top: 2px;
  z-index: 10;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.timeline-nav-button:disabled {
  opacity: 1;
}

.sidebar {
  padding-left: 17px;
}

.left-sidebar .sidebar {
  padding-left: 0;
  padding-right: 17px;
}

.blog-item-row {
  overflow: hidden;
  padding: 18px;
  margin-bottom: 30px;
  -webkit-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
}

.blog-item-img {
  width: 316px;
  float: left;
}

.blog-item-content {
  padding: 22px 0 0 350px;
}

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

.blog-item-content h2 {
  color: #222;
  font-size: 24px;
  line-height: 30px;
  font-weight: 500;
  padding-bottom: 22px;
}

.blog-item-content h2 a {
  color: #222;
  text-decoration: none;
}

.blog-item-content p {
  color: #333;
  font-size: 17px;
  line-height: 27px;
  padding-bottom: 4px;
}

.date-time {
  padding-bottom: 5px;
}

.date-time a {
  color: #222;
  font-size: 16px;
  display: inline-block;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 500;
}

.date-time small {
  color: #777;
  font-size: 16px;
  display: inline-block;
  margin-left: 25px;
  position: relative;
}

.date-time small:before {
  content: "/";
  width: 9px;
  height: 17px;
  position: absolute;
  left: -17px;
  top: 0;
  color: #777;
  font-size: 17px;
}

.social-list .more-btn {
  color: #e64988;
  font-size: 18px;
  position: relative;
  display: inline-block;
  padding-right: 17px;
  font-family: sans-serif;
  font-weight: 500;
}

.social-list .more-btn:after {
  content: "\f0da";
  font-family: "Font Awesome\ 5 Free";
  font-style: normal;
  font-weight: 900;
  text-decoration: inherit;
  position: absolute;
  font-size: 18px;
  color: #e64988;
  right: 0;
  top: 0;
  z-index: 1;
}

.social-list .more-btn:hover,
.social-list .more-btn:hover:after {
  color: #4845b4;
}

.blog-social {
  padding: 0;
  margin: 0;
}

.blog-social li {
  list-style-type: none;
  color: #3b5998;
  font-size: 18px;
  margin: 0 0 6px 14px;
}

.blog-social li a {
  color: #3b5998;
}

.blog-social li.blog-social-tw a {
  color: #1da1f2;
}

.blog-social li.blog-social-gop a {
  color: #dd4b39;
}

.pagination {
  border-radius: 0;
}

.pagination li {
  color: #777;
  text-align: center;
  font-size: 18px;
  width: 58px;
  text-decoration: none;
  margin: 0 11px 10px 0;
  font-weight: 400;
}

.pagination li .page-link {
  background: #fff;
  color: #777;
  width: 58px;
  height: 58px;
  line-height: 58px;
  padding: 0;
  border: none;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.pagination li:first-child .page-link,
.pagination li:last-child .page-link {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.pagination li:first-child {
  display: none;
}

.pagination li .current,
.pagination li a:hover,
.prev-next-area a:hover {
  background: #e94a8a;
  color: #fff;
}

.prev-next-area a {
  color: #444;
  font-size: 18px;
  height: 60px;
  line-height: 60px;
  display: inline-block;
  text-decoration: none;
  font-weight: 500;
  position: relative;
  -webkit-border-radius: 27px;
  border-radius: 27px;
  -webkit-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
}

.prev-next-area a.prev-link {
  padding: 0 35px 0 53px;
}

.prev-next-area a.next-link {
  padding: 0 53px 0 35px;
}

.prev-next-area a.next-link:after {
  content: "\f0da";
  font-family: "Font Awesome\ 5 Free";
  font-style: normal;
  font-weight: 900;
  text-decoration: inherit;
  position: absolute;
  font-size: 18px;
  color: #444;
  right: 40px;
  top: 0;
  z-index: 1;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.prev-next-area a.prev-link:after {
  content: "\f0d9";
  font-family: "Font Awesome\ 5 Free";
  font-style: normal;
  font-weight: 900;
  text-decoration: inherit;
  position: absolute;
  font-size: 18px;
  color: #444;
  left: 40px;
  top: 0;
  z-index: 1;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.pagination li .current {
  cursor: default !important;
}

.prev-next-area a.next-link:hover::after,
.prev-next-area a.prev-link:hover::after {
  color: #fff;
}

.search-field {
  width: 100%;
  position: relative;
  padding: 0;
  margin-bottom: 30px;
  -webkit-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
}

.search-field input[type="email"],
.search-field input[type="search"],
.search-field input[type="text"] {
  background: #fff;
  width: 100%;
  height: 60px;
  font-size: 18px;
  color: #777;
  border: none;
  outline: 0;
  padding: 0 49px 0 22px;
  resize: none;
  font-family: sans-serif;
  font-weight: 400;
  box-shadow: inherit;
}

.search-btn {
  width: 48px;
  height: 59px;
  position: absolute;
  right: 0;
  top: 0;
  color: #e64988;
  font-size: 24px;
  min-width: 48px;
  text-align: center;
  padding: 0;
  margin: 0;
  background: #fff;
  border: none;
  outline: 0;
}

.search-btn:hover {
  color: #e64988;
}

.search-btn:focus {
  outline: 0;
  box-shadow: none;
}

.sidebar-post-col {
  margin-bottom: 30px;
  -webkit-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
}

.sidebar-post-cat {
  padding: 20px 25px 20px 30px;
}

.sidebar-post-col h3 {
  background: #4845b4;
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
  padding: 13px 15px 15px 29px;
}

.sidebar-post-col h3 a {
  color: #fff;
  text-decoration: none;
  position: relative;
  padding-right: 22px;
  display: inline-block;
}

.sidebar-post-col h3 a:after {
  content: "\f101";
  font-family: "Font Awesome\ 5 Free";
  font-style: normal;
  font-weight: 900;
  text-decoration: inherit;
  position: absolute;
  font-size: 16px;
  color: #fff;
  right: 0;
  top: 0;
  z-index: 1;
}

.sidebar-post-row {
  overflow: hidden;
  padding: 8px 0 13px 0;
}

.sidebar-post-img {
  width: 71px;
  float: left;
  margin-top: 6px;
}

.sidebar-post-content {
  padding: 0 0 0 90px;
}

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

.sidebar-post-content h4 {
  color: #222;
  font-size: 18px;
  line-height: 24px;
  padding-bottom: 7px;
  font-weight: 500;
}

.sidebar-post-content h4 a {
  color: #222;
  text-decoration: none;
}

.sidebar-post-content small {
  color: #777;
  font-size: 14px;
  line-height: normal;
  font-weight: 400;
}

.sidebar-post-cat ul {
  padding: 7px 0 3px 0;
  margin: 0;
}

.sidebar-post-cat ul li {
  padding: 0 0 8px 0;
  margin: 0;
  list-style-type: none;
  color: #222;
  font-size: 18px;
  font-weight: 500;
}

.sidebar-post-cat ul li a {
  color: #222;
  text-decoration: none;
}

.sidebar-post-cat ul li small {
  padding: 0;
  margin: 0;
  list-style-type: none;
  color: #888;
  font-size: 14px;
  font-family: Poppins, sans-serif;
  font-weight: 400;
}

.tags-list {
  margin: 13px -2px 9px -2px;
}

.tags-list a {
  height: 40px;
  line-height: 38px;
  color: #777;
  font-size: 16px;
  padding: 0 28px 0 21px;
  margin: 0 2px 7px 1px;
  border: 1px solid #ececec;
  display: inline-block;
  text-decoration: none;
  -webkit-border-radius: 17px;
  border-radius: 17px;
}

.tags-list a:hover {
  background: #7f7de0;
  border: 1px solid #7f7de0;
  color: #fff;
}

.sidebar-social ul {
  margin: 0 -6px 0 -5px;
}

.sidebar-social ul li {
  width: 59px;
  margin: 0 6px 0 5px;
}

.sidebar-social ul li a {
  background: #3b5998;
  width: 59px;
  height: 59px;
  line-height: 59px;
  color: #fff;
  font-size: 20px;
  text-align: center;
  display: block;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.sidebar-social ul li.sid-twitter a {
  background: #1da1f2;
}

.sidebar-social ul li.sid-gplus a {
  background: #dd4b39;
}

.sidebar-social ul li.sid-linkedin a {
  background: #0077b5;
}

.subscribe {
  background: #f3f3f3;
  padding: 30px;
  margin-bottom: 26px;
}

.subscribe a {
  background: #e46c2b;
  height: 52px;
  line-height: 52px;
  padding: 0 23px;
  color: #fff;
  font-size: 21px;
  text-align: center;
  display: block;
  font-family: HelveticaNeueHeavy;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 2px 2px 5px -5px rgba(0, 0, 0, 0.69);
  -moz-box-shadow: 2px 2px 5px -5px rgba(0, 0, 0, 0.69);
  box-shadow: 2px 2px 5px -5px rgba(0, 0, 0, 0.69);
}

.subscribe a:hover {
  background: #c75e25;
}

.advertisement {
  padding: 0 20px 28px 20px;
  border-bottom: 2px solid #ea5a4f;
  margin-bottom: 16px;
}

.advertisement2 {
  border-bottom: 2px solid #2d6a97;
}

.advertisement a {
  color: #666;
  font-size: 20px;
  display: inline-block;
  margin-bottom: 3px;
  font-family: helveticaneuelight;
}

.sibgle-blog-img {
  margin-bottom: 26px;
}

.advertisement_img img,
.sibgle-blog-img img {
  max-width: 100%;
  height: auto;
  display: block;
}

.tips_area {
  padding-bottom: 38px;
}

.tips_area h2 {
  color: #202020;
  font-size: 30px;
  padding-bottom: 10px;
  font-family: HelveticaNeueLTProLt;
}

.tips_area h2 a {
  color: #202020;
}

.tips_info {
  width: 100%;
}

.tips_row {
  overflow: hidden;
  border-bottom: 1px solid #ebebeb;
  padding: 14px 10px 14px 10px;
  cursor: pointer;
}

.tips_row_left {
  width: 50px;
  float: left;
}

.tips_row_content {
  padding-left: 81px;
}

.tips_row_content h3 {
  font-size: 20px;
  color: #333;
  padding-top: 8px;
}

.tips_row_left span {
  background: #ea5a4f;
  width: 50px;
  height: 50px;
  line-height: 50px;
  display: block;
  color: #fff;
  font-size: 26px;
  text-align: center;
  font-family: HelveticaNeueLTProBd;
}

.tips_row:hover {
  background: #f9f9f9;
}

.focus .tips_row_left span {
  background: #2d6a97;
}

.sibgle-blog-content {
  padding: 20px 30px;
}

.sibgle-blog-content p {
  color: #777;
  font-size: 18px;
  line-height: 28px;
  padding-bottom: 28px;
  font-weight: 400;
}

.sibgle-blog-content blockquote {
  background: url(https://www.olysport.io/assets/images/bgr-blockquote.png) no-repeat 9px 0;
  padding: 5px 0 40px 71px;
  margin-top: 20px;
  font-size: 20px;
  color: #999;
  line-height: 29px;
}

.sibgle-blog-content blockquote p {
  font-size: 20px;
  color: #999;
  line-height: 29px;
  padding: 0;
}

.sibgle-blog-content blockquote span {
  display: block;
  color: #222;
  font-size: 16px;
  padding-left: 35px;
  margin-top: 13px;
  text-transform: uppercase;
  font-weight: 400;
  position: relative;
}

.sibgle-blog-content blockquote span small {
  display: inline-block;
  color: #777;
  font-size: 14px;
  text-transform: capitalize;
}

.sibgle-blog-content blockquote span:before {
  background: #222;
  width: 23px;
  height: 2px;
  content: "";
  position: absolute;
  left: 0;
  top: 15px;
}

.sibgle-blog-content .tags-list {
  margin: 0;
}

.post-meta ul {
  padding: 0;
  margin: 0;
}

.post-meta ul li {
  color: #777;
  font-size: 18px;
  list-style-type: none;
  padding: 0 33px 8px 0;
  font-weight: 400;
}

.post-meta ul li:first-child {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
}

.post-meta ul li:last-child {
  padding-right: 0;
}

.post-meta ul li .fas {
  margin-right: 5px;
}

.post-meta ul li a {
  color: #777;
  text-decoration: none;
}

.author-box {
  overflow: hidden;
  padding: 28px 20px 20px 30px;
}

.author-img {
  width: 117px;
  height: 117px;
  float: left;
  margin-top: 5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.author-info {
  padding: 0 0 0 151px;
}

.author-info .blog-social li:first-child {
  margin-left: 0;
}

.author-info h3 {
  font-size: 20px;
  line-height: normal;
  padding-bottom: 18px;
}

.author-info p {
  color: #777;
  font-size: 18px;
  line-height: 27px;
  padding-bottom: 21px;
}

.blog-postcomment {
  padding: 39px 45px 5px 45px;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
}

.blog-postcomment h2 {
  color: #222;
  font-size: 29px;
  line-height: normal;
  padding-bottom: 34px;
}

.comment-author {
  width: 96px;
  float: left;
  margin-top: 6px;
}

.comment-meta {
  padding: 0 0 0 122px;
}

.comment-meta h4 {
  float: left;
  font-size: 20px;
  color: #222;
}

.comment-meta h4 a {
  color: #222;
  text-decoration: none;
}

.posttimeinfo small {
  font-size: 16px;
  color: #888;
  font-family: Poppins, sans-serif;
  font-weight: 400;
}

.comment-content {
  padding: 40px 0 42px 122px;
}

.posttimeinfo {
  float: right;
}

.comment-content p {
  font-size: 18px;
  color: #777;
  line-height: 27px;
  padding-bottom: 30px;
  font-weight: 400;
}

.comment-content a {
  background: #e64988;
  padding: 0 38px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  font-size: 16px;
  color: #fefefe;
  text-transform: capitalize;
  font-weight: 400;
  text-decoration: none;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 0 0 33px -13px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 0 33px -13px rgba(0, 0, 0, 0.75);
  box-shadow: 0 0 33px -13px rgba(0, 0, 0, 0.75);
}

.comment-content a:hover {
  background: #e2196a;
}

#blogform h4 {
  font-size: 29px;
  color: #222;
  padding-bottom: 46px;
  font-weight: 500;
}

.comment-reply-title small {
  font-weight: 500;
  font-size: 29px;
  color: #222;
}

.comment-reply-title small a {
  color: #222;
  text-decoration: none;
}

.comment-respond {
  padding: 25px 27px 0 27px;
}

.postcomment-box h4 img {
  width: 27px;
  display: inline-block;
  vertical-align: middle;
}

.comment-form {
  margin: 0 -6px;
}

.input-field {
  width: 33.33%;
  padding: 0 6px 12px 6px;
}

.input-field input[type="email"],
.input-field input[type="text"],
.input-field textarea {
  background: #fff;
  border: 1px solid #e5e5e5;
  width: 100%;
  height: 59px;
  color: #777;
  font-size: 18px;
  padding: 0 21px;
  outline: 0;
  font-weight: 400;
  position: relative;
}

.input-field textarea {
  height: 171px;
  padding: 18px 21px;
  resize: none;
}

.form-submit {
  width: 160px;
  margin: 0 0 30px 6px;
}

.form-submit input[type="submit"] {
  background: #e64988;
  width: 100%;
  height: 47px;
  line-height: 47px;
  padding: 0 4px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  cursor: pointer;
  outline: 0;
  border: none;
  text-transform: capitalize;
  font-weight: 400;
  -webkit-border-radius: 22px;
  border-radius: 22px;
  -webkit-box-shadow: 0 0 33px -13px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 0 33px -13px rgba(0, 0, 0, 0.75);
  box-shadow: 0 0 33px -13px rgba(0, 0, 0, 0.75);
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.form-submit input[type="submit"]:hover {
  background: #e2196a;
}

.input-field [placeholder],
.input-field input[placeholder] {
  color: #777;
}

.input-field ::-webkit-input-placeholder {
  color: #777;
  opacity: 1;
}

.input-field :-moz-placeholder {
  color: #777;
  opacity: 1;
}

.input-field ::-moz-placeholder {
  color: #777;
  opacity: 1;
}

.input-field :-ms-input-placeholder {
  color: #777;
  opacity: 1;
}

.depth-2 {
  padding-left: 123px;
}

.postcomment-container {
  background: #f8fafb;
  padding: 50px 30px;
  margin-top: 50px;
}

.postcomment-container .form-submit {
  margin: 0 auto;
}

.comment-meta h4 {
  text-transform: capitalize;
}

.error404 .hamburger {
  display: none;
}

.container-404 {
  background: #4845b4;
  color: #fff;
  height: 100vh;
  min-height: 100vh;
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.not-found-wrap {
  background: #4845b4;
  text-align: center;
  padding: 50px 20px;
}

.not-found-wrap small {
  display: block;
  font-size: 50px;
  letter-spacing: 2px;
}

.text-404 {
  font-size: 220px;
  line-height: 185px;
  position: relative;
  display: inline-block;
  z-index: 2;
  letter-spacing: 15px;
}

.text-404 strong {
  font-weight: 400;
}

.text-404 strong:nth-child(1) {
  -webkit-animation: fadeInDown 1.5s infinite 1s;
  animation: fadeInDown 1.5s infinite 1s;
}

.text-404 strong:nth-child(2) {
  -webkit-animation: fadeInDown 1.5s infinite 1.3s;
  animation: fadeInDown 1.5s infinite 1.3s;
}

.text-404 strong:nth-child(3) {
  -webkit-animation: rollIn 1.5s infinite 1.6s;
  animation: rollIn 1.5s infinite 1.6s;
}

.text-thepage {
  text-align: center;
  display: block;
  position: relative;
  letter-spacing: 12px;
  font-size: 50px;
  line-height: 80px;
}

.not-found-wrap .btn {
  background-color: #e94a8a;
  position: relative;
  display: inline-block;
  min-width: 200px;
  padding: 5px 15px;
  z-index: 5;
  font-size: 25px;
  margin: 0 auto;
  color: #fff;
  text-decoration: none;
  margin-right: 10px;
}

.not-found-wrap .btn:hover {
  background: #e2196a;
}

.footer-container {
  padding: 178px 0 5px 0;
}

.footer-curve {
  position: relative;
}

.footer-curve:before {
  background: url(https://www.olysport.io/assets/images/bgr-footer.png) no-repeat center 0 / cover;
  width: 100%;
  height: 79px;
  content: "";
  position: absolute;
  left: 0;
  top: -78px;
}

.footer-container2 {
  padding-top: 254px;
}

.footer-container3 {
  padding-top: 104px;
}

.footer-unicrypt {
  max-width: 370px;
  padding-right: 10px;
  margin-top: 30px;
}

.investor-container {
  margin-bottom: 80px;
}
#investor ul {
  list-style: none;
}

#investor ul li {
  float: left;
  text-align: center;
  width: 25%;
  padding: 8px;
}

#investor ul li img {
  height: 70px;
  margin: 15px;
  max-width: 100%;
}

@media (max-width: 800px) {
  .footer-unicrypt {
    margin: 30px auto auto auto;
    padding-right: 0;
  }
}

.footer-col {
  padding-right: 5px;
  padding-bottom: 30px;
}

.footer-logo {
  max-width: 150px;
  margin-bottom: 28px;
  margin-left: auto;
  margin-right: auto;
}

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

.footer-col h4 {
  color: #000;
  font-size: 24px;
  line-height: normal;
  padding-bottom: 28px;
  font-weight: 500;
}

.footer-col p {
  color: #000;
  font-size: 18px;
  line-height: 28px;
  padding-bottom: 15px;
  font-weight: 400;
}

.size-30 {
  font-size: 30px;
}

.footer-col ul {
  padding: 4px 0 0 0;
  margin-bottom: 0;
}

.footer-col ul li {
  color: #000;
  font-size: 16px;
  line-height: normal;
  padding-bottom: 13px;
  list-style-type: none;
  font-weight: 400;
}

.road-map {
  padding: 80px 0;
}

.footer-col ul li a {
  color: #000;
  position: relative;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.footer-col ul li a:hover {
  text-decoration: none;
}

.footer-bottom-content p a,
.footer-bottom-content ul li a,
.footer-col ul li a:hover,
.link-hover a,
a.link-hover,
p.link-hover {
  position: relative;
  color: #c41f1e;
}

.footer-bottom-content p a:before,
.footer-bottom-content ul li a:before,
.link-hover a:before,
a.link-hover:before,
p.link-hover:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 0;
  height: 1px;
  background: #c41f1e;
  transition: 0.36s;
}

.footer-bottom-content p a:hover:before,
.footer-bottom-content ul li a:hover:before,
.link-hover a:hover:before,
a.link-hover:hover:before,
p.link-hover:hover:before {
  width: 100%;
}

.foo-social a,
.foo-social a p {
  overflow-wrap: break-word;
  word-break: break-word;
}

.footer-contant ul li {
  padding-bottom: 3px;
}

.social-link {
  margin-top: 21px;
}

.social-link li {
  padding-right: 19px;
}

.social-link li a {
  color: #fff;
  font-size: 22px;
}

.social-link li a:hover {
  color: #e94a8a;
}

.social-link li:last-child {
  padding-right: 0;
}

.footer-bottom-content {
  border-top: 1px solid #7f7dcb;
}

.footer-bottom-content p {
  color: #fff;
  font-size: 18px;
  line-height: 28px;
  padding-bottom: 10px;
  font-weight: 400;
}

.footer-bottom-content p a {
  color: #fff;
  font-weight: 500;
}

.footer-bottom-content p a:hover {
  text-decoration: none;
}

.footer-bottom-content ul {
  padding: 0;
  margin: 0;
}

.footer-bottom-content ul li {
  color: #fff;
  font-size: 18px;
  line-height: normal;
  padding: 2px 0 10px 51px;
  list-style-type: none;
  font-weight: 400;
}

.footer-bottom-content ul li:first-child {
  padding-left: 0;
}

.footer-bottom-content ul li a {
  color: #fff;
  text-decoration: none;
}

.foo-social a {
  display: inline-block;
}

.foo-social span {
  width: 20px;
  float: left;
  margin-top: 6px;
  display: block;
  overflow: hidden;
  color: #fff;
  font-size: 15px;
}

.foo-social span a {
  color: #fff;
}

.foo-social p {
  color: #fff;
  font-size: 18px;
  line-height: 28px;
  padding: 0 0 0 40px;
  font-weight: 400;
}

.foo-social p a {
  color: #fff;
}

.foo-social a .fa-phone,
.social-row a span .fa-phone {
  transform: rotate(90deg);
  padding-left: 1px;
}

.foo-social a .fa-envelope,
.foo-social a .fa-map-marker-alt {
  padding-left: 1px;
}

.social-row a:hover span .fa-phone {
  transform: rotate(450deg);
}

.social-row a:hover span .fa-envelope,
.social-row a:hover span .fa-map-marker-alt,
.social-row span:hover i {
  transform: rotate(360deg);
}

.submit-col input[type="submit"] {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.header-social li a:hover {
  color: #e94a8a;
}

.contact-form .form-group .alert-error {
  width: 100%;
  color: red;
  display: block;
}

.contact-form .contact-message {
  padding-left: 0;
  padding-right: 0;
  margin-top: 20px;
}

.foo-social a .fa-envelope,
.foo-social a .fa-map-marker-alt,
.foo-social a .fa-phone,
.footer-col ul li a,
.newsletter-field input[type="submit"],
.social-row a span .fa-envelope,
.social-row a span .fa-map-marker-alt,
.social-row a span .fa-phone,
.social-row span i,
.three-col-info {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.backtop {
  background: #c41f1e;
  width: 45px;
  height: 45px;
  line-height: 45px;
  font-size: 15px;
  text-align: center;
  color: #fff;
  position: fixed;
  right: 30px;
  bottom: 30px;
  z-index: 99999;
  visibility: hidden;
  opacity: 0;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: visibility 0.5s, opacity 0.5s;
  -moz-transition: visibility 0.5s, opacity 0.5s;
  -ms-transition: visibility 0.5s, opacity 0.5s;
  -o-transition: visibility 0.5s, opacity 0.5s;
  transition: visibility 0.5s, opacity 0.5s;
}

.backtop:hover {
  color: #fff;
}

.skip_swing.show_icon {
  visibility: visible;
  opacity: 1;
}

.road-map {
  position: relative;
}

.road-map .road-box {
  position: absolute;
  padding: 0 20px;
  box-shadow: 2px 3px 13px 5px #e0e0e0;
  width: 330px;
  background: #fff;
}

.size-20 {
  font-size: 20px;
}

.road-map .road-box ul {
  list-style: none;
  display: block;
  overflow: hidden;
  width: 100%;
  margin-top: 60px;
  position: relative;
  padding-left: 15px;
  margin-bottom: 0;
  background: #fff;
  padding-bottom: 15px;
  z-index: 1;
}

.road-map .road-box ul li {
  margin-bottom: 15px;
}

.road-map .road-box .title-road {
  color: #fff;
  float: left;
  margin-left: -20px;
  display: inline-block;
  padding: 0 20px 5px 20px;
  text-align: center;
  width: 200px;
}

.road-map .road-box img {
  position: absolute;
  margin: 0 auto;
  margin-left: -20px;
}

.road-map .road-box:nth-of-type(1) {
  bottom: 34%;
  left: 13%;
}

.road-map .road-box:nth-of-type(1) .title-road {
  background: #6b6b6b;
  margin-left: -20px;
  display: inline-block;
  padding: 0 20px 5px 20px;
}

.road-map .road-box:nth-of-type(1) img {
  margin-top: 0;
}

.road-map .road-box:nth-of-type(2) {
  left: 37%;
  top: 32%;
}

.road-map .road-box:nth-of-type(2) .title-road {
  background: #0b0b0b;
}

.road-map .road-box:nth-of-type(2) img {
  margin-top: -70px;
}

.road-map .road-box:nth-of-type(3) {
  left: 67%;
  top: 17%;
}

.road-map .road-box:nth-of-type(3) img {
  margin-top: -50px;
}

.road-map .road-box:nth-of-type(3) .title-road {
  background: #cb0808;
}

.framePopup {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  z-index: 99;
  background: #000c;
  display: none;
}

.framePopup .wrapContent {
  width: calc(100% - 24px);
  max-width: 487px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.framePopup .wrapContent .content {
  background: #fff;
  padding: 44px 12px 20px;
  border: 8px solid #e1dac2;
  margin-bottom: 20px;
  position: relative;
  width: 100%;
  text-align: center;
  border-radius: 10px;
  animation: bound 0.6s;
}

.framePopup .wrapContent .content .bntClose {
  position: absolute;
  top: 15px;
  right: 15px;
  border: none;
  outline: 0;
  width: 20px;
  cursor: pointer;
  height: 20px;
  background: no-repeat center
    url(data:image/png;base64,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);
}

.horseing {
  max-width: 100%;
  margin-top: 123px;
  width: auto !important;
}

.static-page {
  padding-top: 200px;
  padding-bottom: 50px;
}

.static-page .size-30 {
  margin-bottom: 30px;
}

.wow {
  visibility: hidden;
}

/* html {
    scroll-behavior: smooth;
} */

@-webkit-keyframes rotating
/* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}

.about-content {
  display: flex;
  justify-content: space-between;
}

.about-content .left-about {
  flex-basis: calc(50% - 12px);
}

.about-content .right-about {
  flex-basis: calc(50% - 12px);
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 1200px) {
  .about-content {
    flex-wrap: wrap;
  }
  .about-content .left-about {
    flex-basis: 100%;
    margin-bottom: 20px;
  }
  .about-content .right-about {
    flex-basis: 100%;
    margin-bottom: 20px;
  }
}

/* .iframe-youtube {
  width: 100%;
  height: 100%;
} */

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
  width: 100%;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 1200px) {
  .image-bg-about-line {
  }
}

.image-bg-about-line {
  width: 100%;
}

@media (min-width: 1920px) {
  #road-map-pc {
    margin: auto;
    max-width: 2480px;
    text-align: center;
  }
}

.bg-list-partner {
  background-image: url("../images/bg-version.png");
  background-size: 100% 100%;
  padding-bottom: 50px;
}

.bg-list-partner .title-partner {
  text-transform: uppercase;
  font-size: 24px;
  text-align: center;
  margin-bottom: 30px;
  color: #fff;
}

/* .bg-list-partner .list-partner {
} */

.bg-list-partner .list-partner .item-partner {
  display: flex;
  align-items: center;
  height: 80px;
  margin-bottom: 35px;
  justify-content: center;
}
.bg-list-partner .list-partner .item-partner a {
  display: inline-block;
  height: 100%;
  width: auto;
}
.bg-list-partner .list-partner .item-partner img {
  display: flex;
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
/* body {margin:2rem;}

.modal-dialog {
      max-width: 800px;
      margin: 30px auto;
  }



.modal-body {
  position:relative;
  padding:0px;
}
.close {
  position:absolute;
  right:-30px;
  top:0;
  z-index:999;
  font-size:2rem;
  font-weight: normal;
  color:#fff;
  opacity:1;
} */