/* Base */
body {
  line-height: 1.7;
  color: #4d4d4d;
  font-weight: 300;
  font-size: 1rem; 
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 
}
::-moz-selection {
  background: #000;
  color: #fff; 
}
::selection {
  background: #000;
  color: #fff; 
}
a {
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease; 
}
a:hover {
  text-decoration: none; 
}
li{
  list-style: none;
}
h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 
}
.border-2 {
  border-width: 2px; 
}
.text-black {
  color: #000 !important; 
}
.bg-black {
  background: #000 !important; 
}
.color-black-opacity-5 {
  color: rgba(0, 0, 0, 0.5); 
  font-size: 20px;
  font-weight: 500;
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 
}
.color-white-opacity-5 {
  color: rgba(255, 255, 255, 0.5); 
}
.site-wrap:before {
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
  background: rgba(0, 0, 0, 0.6);
  content: "";
  position: absolute;
  z-index: 2000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden; 
}
.offcanvas-menu .site-wrap {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 2;
  overflow: hidden; 
}
.offcanvas-menu .site-wrap:before {
  opacity: 1;
  visibility: visible; 
}
.btn {
  text-transform: uppercase;
  letter-spacing: .2em;
  border-radius: 0; 
}
.btn:hover, .btn:active, .btn:focus {
  outline: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; 
}
.btn.btn-black {
  color: #fff;
  background-color: #000; 
}
.btn.btn-black:hover {
  color: #000;
  background-color: #fff; 
}
.btn.btn-primary {
  border: 2px solid transparent; 
}
.btn.btn-primary:hover {
  border: 2px solid #000;
  background: none !important;
  color: #000 !important; 
}
.line-height-1 {
  line-height: 1 !important; 
}
.bg-black {
  background: #000; 
}
.form-control {
  height: 43px;
  border-radius: 0; 
}
.form-control:active, .form-control:focus {
  border-color: #33BAFF; 
}
.form-control:hover, .form-control:active, .form-control:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important; 
}
.site-section {
  padding: 2.5em 0; 
}

@media (min-width: 768px) {
  .site-section {
    padding: 1em 0; 
  } 
  .site-section-heading {
    font-size: 4rem; 
  } 
  .site-footer {
    padding: 2em 0; 
  } 
}
.site-section.site-section-sm {
  padding: 4em 0; 
}
.site-section-heading {
  position: relative;
  font-size: 2.5rem; 
}
.site-section-heading:after {
  content: "";
  left: 0%;
  bottom: 0;
  position: absolute;
  width: 100px;
  height: 1px;
  background: #33BAFF; 
}
.site-section-heading.text-center:after {
  content: "";
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  content: "";
  left: 50%;
  bottom: 0;
  position: absolute;
  width: 100px;
  height: 1px;
  background: #33BAFF; 
}
.border-top {
  border-top: 1px solid #edf0f5 !important; 
}
.site-footer {
  padding: 4em 0;
  background: #333333; 
}
.site-footer .border-top {
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important; 
}
.site-footer p {
  color: #fff; 
}
.site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5 {
  color: #fff; 
}
.site-footer a {
  color: #999999; 
}
.site-footer a:hover {
  color: white; 
}
.site-footer ul li {
  margin-bottom: 10px; 
}
.site-footer .footer-heading {
  font-size: 16px;
  color: #fff; 
}
.bg-text-line {
  display: inline;
  background: #000;
  -webkit-box-shadow: 20px 0 0 #000, -20px 0 0 #000;
  box-shadow: 20px 0 0 #000, -20px 0 0 #000; 
}
.text-white-opacity-05 {
  color: rgba(255, 255, 255, 0.5); 
}
.text-black-opacity-05 {
  color: rgba(0, 0, 0, 0.5); 
}
.hover-bg-enlarge {
  overflow: hidden;
  position: relative; 
}
@media (max-width: 991.98px) {
  .hover-bg-enlarge {
    height: auto !important; 
  } 
}
.hover-bg-enlarge > div {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .8s all ease-in-out;
  -o-transition: .8s all ease-in-out;
  transition: .8s all ease-in-out; 
}
.hover-bg-enlarge:hover > div, .hover-bg-enlarge:focus > div, .hover-bg-enlarge:active > div {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2); 
}
@media (max-width: 991.98px) {
  .hover-bg-enlarge .bg-image-md-height {
    height: 300px !important; 
  } 
}
.bg-image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed; 
}
.bg-image.overlay {
  position: relative; 
}
.bg-image.overlay:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.7); 
}
.bg-image > .container {
  position: relative;
  z-index: 1; 
}
@media (max-width: 991.98px) {
  .img-md-fluid {
    max-width: 100%; 
  } 
}
@media (max-width: 991.98px) {
  .display-1, .display-3 {
    font-size: 3rem; 
  } 
}
.play-single-big {
  width: 90px;
  height: 90px;
  display: inline-block;
  border: 2px solid #fff;
  color: #fff !important;
  border-radius: 50%;
  position: relative;
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out; 
}
.play-single-big > span {
  font-size: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-40%, -50%);
  -ms-transform: translate(-40%, -50%);
  transform: translate(-40%, -50%); 
}
.play-single-big:hover {
  width: 120px;
  height: 120px; 
}
.overlap-to-top {
  margin-top: -150px; 
}
.ul-check {
  margin-bottom: 50px; 
}
.ul-check li {
  position: relative;
  padding-left: 35px;
  margin-bottom: 15px;
  line-height: 1.5; 
}
.ul-check li:before {
  left: 0;
  font-size: 20px;
  top: -.3rem;
  font-family: "icomoon";
  content: "\e5ca";
  position: absolute; 
}
.ul-check.white li:before {
  color: #fff; 
}
.ul-check.success li:before {
  color: #8bc34a; 
}
.ul-check.primary li:before {
  color: #33BAFF; 
}

/* Navbar */
.site-navbar {
  margin-bottom: 0px;
  z-index: 1999;
  position: absolute;
  width: 100%; 
}
.site-navbar.transparent {
  background: transparent; 
}
.site-navbar.absolute {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; 
}
.site-navbar .site-logo {
  position: absolute;
  left: 0;
  top: 0;
  margin-top: -20px; 
}
.site-navbar .site-navigation.border-bottom {
  border-bottom: 1px solid #f3f3f4 !important; 
}
.site-navbar .site-navigation .site-menu {
  margin-bottom: 0; 
}
.site-navbar .site-navigation .site-menu .active > a {
  color: #33BAFF; 
}
.site-navbar .site-navigation .site-menu a {
  text-decoration: none !important;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 14px; 
}
.site-navbar .site-navigation .site-menu > li {
  display: inline-block;
  padding: 0.5px 10px; 
}
.site-navbar .site-navigation .site-menu > li > a {
  padding: 10px 0px;
  color: #fff;
  text-decoration: none !important; 
}
.site-navbar .site-navigation .site-menu > li > a:hover {
  color: #33BAFF;
}
.site-navbar .site-navigation .site-menu .has-children {
  position: relative; 
}
.site-navbar .site-navigation .site-menu .has-children > a {
  position: relative;
  padding-right: 20px; 
}
.site-navbar .site-navigation .site-menu .has-children > a:before {
  position: absolute;
  content: "\e313";
  font-size: 16px;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: 'icomoon'; 
}
.site-navbar .site-navigation .site-menu .has-children .dropdown {
  visibility: hidden;
  opacity: 0;
  top: 100%;
  position: absolute;
  text-align: left;
  border-top: 2px solid #33BAFF;
  -webkit-box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
  border-left: 1px solid #edf0f5;
  border-right: 1px solid #edf0f5;
  border-bottom: 1px solid #edf0f5;
  padding: 0px 0;
  margin-top: 20px;
  margin-left: 0px;
  background: #fff;
  -webkit-transition: 0.2s 0s;
  -o-transition: 0.2s 0s;
  transition: 0.2s 0s; 
}
.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top {
  position: absolute; 
}
.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
  bottom: 100%;
  left: 20%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; 
}
.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #fff;
  border-width: 10px;
  margin-left: -10px; 
}
.site-navbar .site-navigation .site-menu .has-children .dropdown a {
  text-transform: none;
  letter-spacing: normal;
  -webkit-transition: 0s all;
  -o-transition: 0s all;
  transition: 0s all;
  color: #343a40; 
}
.site-navbar .site-navigation .site-menu .has-children .dropdown .active > a {
  color: #33BAFF !important; 
}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li {
  list-style: none;
  padding: 0;
  margin: 0;
  min-width: 200px; 
}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a {
  padding: 9px 20px;
  display: block; 
}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a:hover {
  background: #f4f5f9;
  color: #33BAFF; 
}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a:before {
  content: "\e315";
  right: 20px; 
}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > .dropdown, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > ul {
  left: 100%;
  top: 0; 
}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:active > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:focus > a {
  background: #f4f5f9;
  color: #33BAFF; 
}
.site-navbar .site-navigation .site-menu .has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children:focus > a, .site-navbar .site-navigation .site-menu .has-children:active > a {
  color: #33BAFF; 
}
.site-navbar .site-navigation .site-menu .has-children:hover, .site-navbar .site-navigation .site-menu .has-children:focus, .site-navbar .site-navigation .site-menu .has-children:active {
  cursor: pointer; 
}
.site-navbar .site-navigation .site-menu .has-children:hover > .dropdown, .site-navbar .site-navigation .site-menu .has-children:focus > .dropdown, .site-navbar .site-navigation .site-menu .has-children:active > .dropdown {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  margin-top: 0px;
  visibility: visible;
  opacity: 1; 
  width: 300%;
}
.site-mobile-menu {
  width: 300px;
  position: fixed;
  right: 0;
  z-index: 2000;
  padding-top: 20px;
  background: #fff;
  height: calc(100vh);
  -webkit-transform: translateX(110%);
  -ms-transform: translateX(110%);
  transform: translateX(110%);
  -webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
  box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out; 
}
.offcanvas-menu .site-mobile-menu {
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%); 
}
.site-mobile-menu .site-mobile-menu-header {
  width: 100%;
  float: left;
  padding-left: 20px;
  padding-right: 20px; 
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {
  float: right;
  margin-top: 8px; 
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {
  font-size: 30px;
  display: inline-block;
  padding-left: 10px;
  padding-right: 0px;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease; 
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover {
  color: #33BAFF; 
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {
  float: left;
  margin-top: 10px;
  margin-left: 0px; 
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {
  display: inline-block;
  text-transform: uppercase; 
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img {
  max-width: 70px; 
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover {
  text-decoration: none; 
}
.site-mobile-menu .site-mobile-menu-body {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  position: relative;
  padding: 0 20px 20px 20px;
  height: calc(100vh - 52px);
  padding-bottom: 150px; 
}
.site-mobile-menu .site-nav-wrap {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative; 
}
.site-mobile-menu .site-nav-wrap a {
  padding: 10px 20px;
  display: block;
  position: relative;
  color: #212529; 
}
.site-mobile-menu .site-nav-wrap a:hover {
  color: #33BAFF; 
}
.site-mobile-menu .site-nav-wrap li {
  position: relative;
  display: block; 
}
.site-mobile-menu .site-nav-wrap li.active > a {
  color: #33BAFF; 
}
.site-mobile-menu .site-nav-wrap .arrow-collapse {
  position: absolute;
  right: 0px;
  top: 10px;
  z-index: 20;
  width: 36px;
  height: 36px;
  text-align: center;
  cursor: pointer;
  border-radius: 50%; 
}
.site-mobile-menu .site-nav-wrap .arrow-collapse:hover {
  background: #f8f9fa; 
}
.site-mobile-menu .site-nav-wrap .arrow-collapse:before {
  font-size: 12px;
  z-index: 20;
  font-family: "icomoon";
  content: "\f078";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-180deg);
  -ms-transform: translate(-50%, -50%) rotate(-180deg);
  transform: translate(-50%, -50%) rotate(-180deg);
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease; 
}
.site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); 
}
.site-mobile-menu .site-nav-wrap > li {
  display: block;
  position: relative;
  float: left;
  width: 100%; 
}
.site-mobile-menu .site-nav-wrap > li > a {
  padding-left: 20px;
  font-size: 20px; 
}
.site-mobile-menu .site-nav-wrap > li > ul {
  padding: 0;
  margin: 0;
  list-style: none; 
}
.site-mobile-menu .site-nav-wrap > li > ul > li {
  display: block; 
}
.site-mobile-menu .site-nav-wrap > li > ul > li > a {
  padding-left: 40px;
  font-size: 16px; 
}
.site-mobile-menu .site-nav-wrap > li > ul > li > ul {
  padding: 0;
  margin: 0; 
}
.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li {
  display: block; 
}
.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a {
  font-size: 16px;
  padding-left: 60px; 
}
.site-mobile-menu .site-nav-wrap[data-class="social"] {
  float: left;
  width: 100%;
  margin-top: 30px;
  padding-bottom: 5em; 
}
.site-mobile-menu .site-nav-wrap[data-class="social"] > li {
  width: auto; 
}
.site-mobile-menu .site-nav-wrap[data-class="social"] > li:first-child a {
  padding-left: 15px !important; 
}

/* Blocks */
.site-blocks-cover {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  background-position: center center; 
}
.site-blocks-cover.overlay {
  position: relative; 
}
.site-blocks-cover.overlay:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.4); 
}
.site-blocks-cover .player {
  position: absolute;
  bottom: -250px;
  width: 100%; 
}
.site-blocks-cover, .site-blocks-cover .row {
  min-height: 600px;
  height: calc(100vh); 
}
.site-blocks-cover.inner-page-cover, .site-blocks-cover.inner-page-cover .row {
  min-height: 600px;
  height: calc(30vh); 
}
.site-blocks-cover h1 {
  font-size: 2rem;
  font-weight: 900;
  color: #fff; 
}
@media (max-width: 991.98px) {
  .site-blocks-cover h1 {
    font-size: 2rem; 
  } 
}
.site-blocks-cover p {
  color: rgba(255, 255, 255, 0.5);
  font-size: 1.2rem;
  line-height: 1.5; 
}
.site-blocks-cover .btn {
  border: 2px solid transparent; 
}
.site-blocks-cover .btn:hover {
  color: #fff !important;
  background: none;
  border: 2px solid #fff; 
}
.site-blocks-cover .intro-text {
  font-size: 16px;
  line-height: 1.5; 
}
@media (max-width: 991.98px) {
  .site-blocks-cover .display-1 {
    font-size: 3rem; 
  } 
}

.site-block-subscribe .btn {
  padding-left: 20px;
  padding-right: 20px; 
}

.site-block-subscribe .form-control {
  font-weight: 300;
  border-color: #fff !important;
  height: 80px;
  font-size: 22px;
  color: #fff;
  padding-left: 30px;
  padding-right: 30px; 
}
.site-block-subscribe .form-control::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgba(255, 255, 255, 0.5);
  font-weight: 200;
  font-style: italic; 
}
.site-block-subscribe .form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(255, 255, 255, 0.5);
  font-weight: 200;
  font-style: italic; 
}
.site-block-subscribe .form-control:-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(255, 255, 255, 0.5);
  font-weight: 200;
  font-style: italic; 
}
.site-block-subscribe .form-control:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(255, 255, 255, 0.5);
  font-weight: 200;
  font-style: italic; 
}
.bg-light {
  background: #ccc; 
}

.team-member {
  position: relative;
  float: left;
  width: 100%;
  overflow: hidden; 
}
.team-member img {
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); 
}
.team-member:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(248, 157, 19, 0.8);
  z-index: 2;
  height: 100%;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease; 
}
.team-member .text {
  top: 50%;
  text-align: center;
  position: absolute;
  padding: 20px;
  -webkit-transform: translateY(-30%);
  -ms-transform: translateY(-30%);
  transform: translateY(-30%);
  -webkit-transition: .5s all ease;
  -o-transition: .5s all ease;
  transition: .5s all ease;
  opacity: 0;
  visibility: hidden;
  color: #fff; 
}
.team-member:hover:before, .team-member:focus:before, .team-member:active:before {
  opacity: 1;
  visibility: visible; 
}
.team-member:hover img, .team-member:focus img, .team-member:active img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1); 
}
.team-member:hover .text, .team-member:focus .text, .team-member:active .text {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition-delay: .2s;
  -o-transition-delay: .2s;
  transition-delay: .2s;
  opacity: 1;
  visibility: visible;
  z-index: 4; 
}
.podcast-entry {
  -webkit-box-shadow: 0 5px 40px -10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 40px -10px rgba(0, 0, 0, 0.1); 
}
.podcast-entry .sep {
  margin-left: 5px;
  margin-right: 5px;
  color: #ccc; 
}
.podcast-entry .image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 300px; 
}
@media (min-width: 768px) {
  .podcast-entry .image {
    width: 300px;
    height: auto; 
  } 
}
.podcast-entry .text {
  width: 100%;
  padding: 40px; 
}
@media (min-width: 768px) {
  .podcast-entry .text {
    width: calc(100% - 300px); 
  } 
}

.mejs__container {
  width: 100% !important; 
}

@media (max-width: 991.98px) {
  .display-4 {
    font-size: 1.8rem; 
  } 
}

.feature-blocks-1 {
  position: relative;
  margin-top: -70px;
  z-index: 2;
  color: #999999; 
}
.feature-blocks-1.no-margin-top {
  margin-top: 0px; 
}
.feature-blocks-1 .feature-block-1 {
  position: relative;
  top: 0;
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease;
  overflow: hidden;
  z-index: 1; 
}
.feature-blocks-1 .feature-block-1.bg {
  position: relative;
  background-size: cover;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out; 
}
.feature-blocks-1 .feature-block-1 .text {
  z-index: 10;
  position: relative;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out; 
}
.feature-blocks-1 .feature-block-1:before {
  content: "";
  position: absolute;
  top: 0;
  z-index: 1;
  bottom: 0;
  left: 0;
  right: 0;
  background: transparent;
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out; 
}
.feature-blocks-1 .feature-block-1 p {
  color: #cccccc; 
}
.feature-blocks-1 .feature-block-1:hover, .feature-blocks-1 .feature-block-1:focus, .feature-blocks-1 .feature-block-1:active {
  top: -10px;
  -webkit-box-shadow: 0 10px 40px -5px rgba(0, 0, 0, 0.4);
  box-shadow: 0 10px 40px -5px rgba(0, 0, 0, 0.4); 
}
.feature-blocks-1 .feature-block-1:hover .text, .feature-blocks-1 .feature-block-1:focus .text, .feature-blocks-1 .feature-block-1:active .text {
  opacity: 1;
  visibility: visible; 
}
.feature-blocks-1 .feature-block-1:hover.bg, .feature-blocks-1 .feature-block-1:focus.bg, .feature-blocks-1 .feature-block-1:active.bg {
  position: relative;
  background-size: cover;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  z-index: 2; 
}
.feature-blocks-1 .feature-block-1:hover:before, .feature-blocks-1 .feature-block-1:focus:before, .feature-blocks-1 .feature-block-1:active:before {
  background: rgba(0, 0, 0, 0.9); 
}

.site-blocks-vs .bg-image {
  padding-top: 3em;
  padding-bottom: 3em; 
}
@media (min-width: 992px) {
  .site-blocks-vs .bg-image {
    padding-top: 5em;
    padding-bottom: 5em; 
  } 
}

.site-blocks-vs .image {
  width: 80px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 80px;
  flex: 0 0 80px; 
}
@media (max-width: 991.98px) {
  .site-blocks-vs .image {
    margin-left: auto !important;
    margin-right: auto !important; 
  } 
}
.site-blocks-vs .image img {
  border-radius: 50%; 
}
.site-blocks-vs .image.image-small {
  width: 50px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50px;
  flex: 0 0 50px; 
}

.site-blocks-vs .country {
  color: rgba(255, 255, 255, 0.7); 
}

.match-entry {
  position: relative;
  -webkit-transition: .2s all ease-in-out;
  -o-transition: .2s all ease-in-out;
  transition: .2s all ease-in-out;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05); 
}
.match-entry .small {
  color: #ccc;
  font-weight: normal;
  letter-spacing: .15em;
}
.match-entry:hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 90;
  -webkit-box-shadow: 0 5px 40px -5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 40px -5px rgba(0, 0, 0, 0.1); 
}

.post-entry {
  position: relative;
  overflow: hidden;
  border: 1px solid #e6e6e6; 
}
.post-entry, .post-entry .text {
  border-radius: 4px;
  border-top: none !important; 
}
.post-entry .date {
  color: #ccc;
  font-weight: normal;
  letter-spacing: .1em; 
}
.post-entry .image {
  overflow: hidden;
  position: relative; 
}
.post-entry .image img {
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); 
}
.post-entry:hover .image img, .post-entry:active .image img, .post-entry:focus .image img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2); 
}

.site-block-tab .nav-item {
  text-transform: uppercase;
  font-size: 0.8rem;
  margin: 0 20px; 
}
.site-block-tab .nav-item:first-child {
  margin-left: 0 !important; 
}
.site-block-tab .nav-item > a {
  padding-left: 0 !important;
  background: none !important;
  padding-right: 0 !important;
  border-bottom: 2px solid transparent;
  border-radius: 0 !important;
  font-weight: bold;
  color: #cccccc; 
}
.site-block-tab .nav-item > a:hover, .site-block-tab .nav-item > a.active {
  border-bottom: 2px solid #33BAFF;
  color: #000; 
}

.block-13, .slide-one-item {
  position: relative;
  z-index: 1; 
}
.block-13 .owl-nav, .slide-one-item .owl-nav {
  position: relative;
  position: absolute;
  bottom: -90px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); 
}
.block-13 .owl-nav .owl-prev, .block-13 .owl-nav .owl-next, .slide-one-item .owl-nav .owl-prev, .slide-one-item .owl-nav .owl-next {
  position: relative;
  display: inline-block;
  padding: 20px;
  font-size: 30px;
  color: #000; 
}
.block-13 .owl-nav .owl-prev.disabled, .block-13 .owl-nav .owl-next.disabled, .slide-one-item .owl-nav .owl-prev.disabled, .slide-one-item .owl-nav .owl-next.disabled {
  opacity: .2; 
}

.slide-one-item.home-slider .owl-nav {
  position: absolute !important;
  top: 50% !important;
  bottom: auto !important;
  width: 100%; 
}

.slide-one-item.home-slider .owl-prev {
  left: 10px !important; 
}

.slide-one-item.home-slider .owl-next {
  right: 10px !important; 
}

.slide-one-item.home-slider .owl-prev, .slide-one-item.home-slider .owl-next {
  color: #fff;
  position: absolute !important;
  top: 50%;
  padding: 0px;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.2);
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
  line-height: 0;
  text-align: center;
  font-size: 25px; 
}
@media (min-width: 768px) {
  .slide-one-item.home-slider .owl-prev, .slide-one-item.home-slider .owl-next {
    font-size: 25px; 
  } 
}
.slide-one-item.home-slider .owl-prev > span, .slide-one-item.home-slider .owl-next > span {
  position: absolute;
  line-height: 0;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); 
}
.slide-one-item.home-slider .owl-prev:hover, .slide-one-item.home-slider .owl-prev:focus, .slide-one-item.home-slider .owl-next:hover, .slide-one-item.home-slider .owl-next:focus {
  background: black; 
}

.slide-one-item.home-slider:hover .owl-nav, .slide-one-item.home-slider:focus .owl-nav, .slide-one-item.home-slider:active .owl-nav {
  opacity: 10;
  visibility: visible; 
}

.block-12 {
  position: relative; 
}
.block-12 figure {
  position: relative; 
}
.block-12 figure:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: -moz-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
  background: -webkit-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(18%, transparent), color-stop(99%, rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.8)));
  background: -o-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
  background: linear-gradient(to bottom, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); 
}
.block-12 .text-overlay {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  z-index: 10; 
}
.block-12 .text-overlay h2 {
  color: #fff; 
}
.block-12 .text {
  position: relative;
  top: -100px; 
}
.block-12 .text .meta {
  text-transform: uppercase;
  padding-left: 40px;
  color: #fff;
  display: block;
  margin-bottom: 20px; 
}
.block-12 .text .text-inner {
  -webkit-box-shadow: 0 0 20px -5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 20px -5px rgba(0, 0, 0, 0.3);
  background: #fff;
  padding: 10px;
  margin-right: 30px;
  position: relative; 
}
@media (min-width: 576px) {
  .block-12 .text .text-inner {
    padding: 20px; 
  } 
}
@media (min-width: 768px) {
  .block-12 .text .text-inner {
    padding: 30px 40px; 
  } 
}
.block-12 .text .text-inner:before {
  position: absolute;
  content: "";
  width: 80px;
  height: 4px;
  margin-top: -4px;
  background: #33BAFF;
  top: 0; 
}
.block-12 .text .text-inner .heading {
  font-size: 20px;
  margin: 0;
  padding: 0; }

  .block-16 figure {
    position: relative; 
  }
  .block-16 figure .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 20px;
    width: 70px;
    height: 70px;
    background: #fff;
    display: block;
    border-radius: 50%;
    opacity: 1;
    color: #33BAFF !important; 
  }
  .block-16 figure .play-button:hover {
    opacity: 1; 
  }
  .block-16 figure .play-button > span {
    position: absolute;
    left: 55%;
    top: 50%;
    -webkit-transform: translate(-60%, -50%);
    -ms-transform: translate(-60%, -50%);
    transform: translate(-60%, -50%); 
  }

  .block-25 ul, .block-25 ul li {
    padding: 0;
    margin: 0; 
  }

  .block-25 ul li a .image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90px;
    flex: 0 0 90px; 
  }
  .block-25 ul li a .image img {
    border-radius: 4px;
    max-width: 100%;
    opacity: 1;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out; 
  }

  .block-25 ul li a .text .heading {
    font-size: 18px;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    color: #999999; 
  }

  .block-25 ul li a .meta {
    color: #33BAFF; 
  }

  .block-25 ul li a:hover img {
    opacity: .5; 
  }

  .block-25 ul li a:hover .text .heading {
    color: #fff; 
  }

  #date-countdown .countdown-block {
    color: #b3b3b3; 
  }

  #date-countdown .label {
    font-size: 40px;
    color: #000; 
  }

  .next-match .image {
    width: 50px;
    border-radius: 50%; 
  }

  .player {
    position: relative; 
  }
  .player img {
    max-width: 100px;
    border-radius: 50%;
    margin-bottom: 20px; 
  }
  .player .team-number {
    position: absolute;
    width: 30px;
    height: 30px;
    background: #33BAFF;
    border-radius: 50%;
    color: #fff; 
  }
  .player .team-number > span {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%; 
  }
  .player h2 {
    font-size: 20px;
    letter-spacing: .2em;
    text-transform: uppercase; 
  }
  .player .position {
    font-size: 14px;
    color: #b3b3b3;
    text-transform: uppercase; 
  }

  .site-block-27 ul, .site-block-27 ul li {
    padding: 0;
    margin: 0; 
  }

  .site-block-27 ul li {
    display: inline-block;
    margin-bottom: 4px; 
  }
  .site-block-27 ul li a, .site-block-27 ul li span {
    text-align: center;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    border: 1px solid #ccc; 
  }
  .site-block-27 ul li.active a, .site-block-27 ul li.active span {
    background: #33BAFF;
    color: #fff;
    border: 1px solid transparent; 
  }

  .site-block-feature-7 .icon {
    -webkit-transition: .2s all ease-in-out;
    -o-transition: .2s all ease-in-out;
    transition: .2s all ease-in-out;
    position: relative;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); 
  }

  .site-block-feature-7:hover .icon, .site-block-feature-7:focus .icon, .site-block-feature-7:active .icon {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2); 
  }

  .unit-1 {
    position: relative;
    width: 100%;
    overflow: hidden;
    display: block; 
  }
  .unit-1:after {
    content: "";
    z-index: 1;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    background: -moz-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(18%, transparent), color-stop(99%, rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.8)));
    background: -o-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(to bottom, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); 
  }
  .unit-1 img {
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); 
  }
  .unit-1 img, .unit-1 .unit-1-text {
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out; 
  }
  .unit-1 .unit-1-text {
    z-index: 2;
    position: absolute;
    bottom: -30px;
    color: #fff;
    display: block;
    width: 100%; 
  }
  .unit-1 .unit-1-text .unit-1-heading {
    font-size: 1.5rem;
    position: relative; 
  }
  .unit-1 p {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    color: rgba(255, 255, 255, 0.5); 
  }
  .unit-1:hover p {
    opacity: 1;
    visibility: visible; 
  }
  .unit-1:hover .unit-1-text {
    bottom: 30px; 
  }
  .unit-1:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); 
  }

  .overlap-section {
    margin-top: -150px;
    position: relative;
    z-index: 9; 
  }

  .unit-4 .unit-4-icon span {
    line-height: 0;
    font-size: 3rem; 
  }

  .unit-4 h3 {
    font-size: 20px; 
  }

  .h-entry img {
    margin-bottom: 30px; 
  }

  .h-entry .meta {
    color: #b3b3b3;
    font-size: 14px; 
  }

  .h-entry h2 {
    font-size: 20px; 
  }

  .overlap-left {
    margin-left: -100px; 
  }
  @media (max-width: 991.98px) {
    .overlap-left {
      margin-left: 0px; 
    } 
  }

  .overlap-section {
    margin-top: -100px; 
  }

  .feature-1, .free-quote, .feature-3 {
    background: #006699;
    padding: 30px 50px;
    color: rgba(255, 255, 255, 0.6);
    font-size: 15px; 
  }
  .feature-1 .heading, .free-quote .heading, .feature-3 .heading {
    font-size: 22px;
    text-transform: uppercase;
    color: #fff; 
  }
  .feature-1 .icon, .free-quote .icon, .feature-3 .icon {
    border: 2px solid rgba(255, 255, 255, 0.5);
    width: 80px;
    height: 80px;
    line-height: 80px;
    position: relative;
    border-radius: 50%;
    margin: 0 auto !important; 
  }
  .feature-1 .icon > span, .free-quote .icon > span, .feature-3 .icon > span {
    font-size: 35px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); 
  }

  .free-quote {
    background: #eb9007; 
  }
  .free-quote .form-control {
    border: 2px solid rgba(255, 255, 255, 0.5);
    background: none;
    color: #fff; 
  }
  .free-quote .form-control:active, .free-quote .form-control:focus {
    border: 2px solid #fff; 
  }
  .free-quote .form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: rgba(255, 255, 255, 0.4);
    font-size: 13px;
    font-style: italic; 
  }
  .free-quote .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(255, 255, 255, 0.4);
    font-size: 13px;
    font-style: italic; 
  }
  .free-quote .form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: rgba(255, 255, 255, 0.4);
    font-size: 13px;
    font-style: italic; 
  }
  .free-quote .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: rgba(255, 255, 255, 0.4);
    font-size: 13px;
    font-style: italic; 
  }

  .feature-3 {
    background: #006699; 
  }

  .border-primary {
    position: relative; 
  }

  .border-primary h2 {
    text-transform: uppercase;
    font-weight: 700 !important; 
  }

  .border-primary:after {
    position: absolute;
    content: "";
    bottom: 0;
    width: 400px;
    height: 3px;
    background: #33BAFF;
  }

  .border-primary.text-center:after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); 
  }

  .border-primary.text-left:after {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); 
  }

  .testimonial {
    max-width: 800px;
    margin: 0 auto !important;
    text-align: center; 
  }
  .testimonial blockquote {
    font-size: 1rem;
    font-style: italic;
  }
  .testimonial figure img {
    max-width: 100px;
    margin: 0 auto;
    border-radius: 50%; 
  }

  .breadcrumb-custom {
    font-size: 1rem !important; 
  }

  .text-muted {
    color: #ccc !important;
    font-size: 12px;
    text-transform: uppercase; 
  }

  .how-it-work-item .number {
    width: 50px;
    height: 50px;
    background: #33BAFF;
    color: #fff;
    line-height: 55px;
    font-weight: 300;
    display: inline-block;
    text-align: center;
    font-size: 30px;
    border-radius: 50%;
    margin-bottom: 40px; 
  }

  .how-it-work-item h2 {
    font-size: 18px;
    margin-bottom: 30px;
    color: #fff; 
  }

  .how-it-work-item p {
    color: white; 
  }

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

  .ul-social-circle {
    list-style: none;
    padding: 0;
    margin: 0; 
  }
  .ul-social-circle li {
    display: inline-block;
    margin-left: 5px;
    margin-bottom: 5px; 
  }
  .ul-social-circle li:first-child {
    margin-left: 0; 
  }
  .ul-social-circle li span {
    width: 30px;
    height: 30px;
    background: #777;
    font-size: 13px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    display: inline-block; 
  }
  .ul-social-circle li a span {
    color: #fff;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; 
  }
  .ul-social-circle li a:hover span {
    background: #2b2b2b;
    color: #fff; 
  }

  .custom-pagination a, .custom-pagination span {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    display: inline-block;
    background: #33BAFF;
    color: #fff; 
  }

  .custom-pagination span {
    background: #e6e6e6;
    color: #000; 
  }


  /* [c14] Data Table
=========================================================================================== */

/* --- [c14-1-1] Data Table --- */
/* --- [c14-1-2] Data Table > With Captions --- */
/* --- [c14-2-1] Data Table > Width: 100% --- */
/* --- [c14-2-2] Data Table > Width: 100% > With Captions --- */
/* --- [c14-2-3] Data Table > Width: 100% > Multiple Headers --- */
/* --- [c14-3-1] Data Table > op-aligned --- */

table {
  margin: 0 0 20px;
  border-collapse: collapse;

}

table th {
  background-color: #f2f2f2;
  font-weight: normal;

}

table td.SubHeader {
  background-color: #f8f8f8;
  font-weight: normal;

}

table th,
table td {
  padding: 10px 15px;
  border: solid 1px #ddd;
  font-size: 93%;
  text-align: left;
  line-height: 140%;

}

table.TableStyle1 caption,
table.TableStyle3 caption,
table.TableStyle5 caption {display: none;
}

table.TableStyle2 caption,
table.TableStyle4 caption {
  padding: 0 0 5px;
  font-size: 83%;
  text-align: left;

}
table.TableStyle3,
table.TableStyle4 {width: 100%;
}

table.TableStyle5 th,
table.TableStyle5 td {vertical-align: top;
}


/* --- [-] Font Size in Data Table --- */

table .TextStyle2,
table .ImgOnlyStyle,
table .ListStyle2,
table .LinkListStyle2,
table .LinkListStyle4,
table .LinkListStyle6,
table .AnnotationsStyle2,
table .AdditionalNotesStyle2,
table .ButtonStyle1,
table .ButtonStyle2,
table .ButtonW120SetStyle6 dt,
table .ButtonW180SetStyle6 dt,
table .ButtonW240SetStyle6 dt,
table .ButtonW120SetStyle6 dd,
table .ButtonW180SetStyle6 dd,
table .ButtonW240SetStyle6 dd,
table .ButtonW120SetStyle8 dt,
table .ButtonW180SetStyle8 dt,
table .ButtonW240SetStyle8 dt,
table .ButtonW120SetStyle8 dd,
table .ButtonW180SetStyle8 dd,
table .ButtonW240SetStyle8 dd,
table .PlugInBanner {font-size: 100%;
}

/* Table About Us
-------------------------------- */
.width030 {width: 30% !important;
}
.width070 {width: 70% !important;
}

/* tableWrap02 */
.tableWrap02 {
  display: block;
  overflow-x: auto;
  padding-bottom: 15px;
  margin-top: 10px;
  font-size: 12px;
  font-size: 1.2rem;

}
.tableWrap02 .tableLayout01 {
  width: 640px;
  -webkit-overflow-scrolling: touch;

}
/* tableWrap02 */

.text-size{
  font-size: 0.8rem;
  color: #33BAFF;

}

/* [-] for Privacy policy
=========================================================================================== */
ul.privacy_text li a{
  font-size: 85%;
  font-family: 'Bai Jamjuree', sans-serif;

}

p.privacy_indent{
  text-indent: 50px;

}

ul.privacy_indent{
  padding-left: 90px;
  font-size: 85%;
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 
}

}

ul.privacy_symbol{
  padding-left: 50px;

}

ul.privacy_symbol li{
  font-size: 85%;
  padding: 3px 0 0 1em;
  line-height: 140%;
  vertical-align: baseline;
  text-indent: 2px;
  list-style-type: circle;
  margin-left: 50px;

}

ul.privacy_symbol_indent{
  padding-left: 50px;
  font-size: 80%;
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 
}

}

ul.privacy_symbol_indent li{
  font-size: 75%;
  padding: 3px 0 0 1em;
  line-height: 140%;
  vertical-align: baseline;
  text-indent: 5px;

}

.TextStyle_privacy_italic{
  margin: 5px 0 5px 10px;
  line-height: 140%;
  font-size: 85%;
  padding-right: 15px;
  font-style: italic;
  font-weight: bold;


}

.TextStyle_privacy{
  margin: 5px 0 5px 10px;
  line-height: 140%;
  font-size: 85%;
  padding-right: 15px;
  text-indent: 30px;

}

.text_indent{
  text-indent: 50px;

}

ul.privacy li{
  font-size: 85%;
  padding: 3px 0 0 1em;
  line-height: 140%;
  vertical-align: baseline;
  text-indent: 15px;

}

ul.privacy_subindent1{
  padding-left: 12px;
  font-size: 120%;

}

ul.privacy_subindent2{
  padding-left: 30px;

}

ul li .privacy_subindent3{
  padding-left: 15px;
  font-size: 120%;

}

ul li .privacy_subindent4{
  padding-left: 15px;
  font-size: 120%;

}

ul li .privacy_subindent5{
  padding-left: 10px;
  font-size: 120%;

}

.PageTitleStyle1_privacy{
  font-size: 85%;
  color: #777;
  padding-left: 0px;
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 
}

}

.PageTitleStyle1_privacy_indent{
  font-size: 85%;
  color: #777;
  padding-left: 0px;
  text-indent: 30px;
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 
}

}

.PageTitleStyle1_privacy_center{
  font-size: 85%;
  color: #000;
  padding-left: 0px;
  text-align: center;
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 
}

}

.PageTitleStyle1_privacy_right{
  font-size: 85%;
  color: #777;
  padding-left: 0px;
  text-align: right;
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 
}

}

.font_upper{
  text-transform: uppercase;
  font-size: 95%;

}

.TextStyle_privacy_add{
  margin: 5px 0 5px 10px;
  line-height: 140%;
  font-size: 85%;
  padding-right: 15px;

}

/*Code of conduct*/
.cimg{
  width: 100%;
  height: auto;

}

/*term of use*/
.SectionService_termofuse {
  padding: 0 0 10px;
  padding-left: 10px; 
  padding-right: 10px;

}

.SectionService_termofuse {
  pointer-events: none;

}

.SectionService_termofuse p {
  font-size: 85%;
  padding: 0 0 10px;
  padding-left: 12px; 
  padding-right: 18px;

}

.SectionService_termofuse ul li {
  text-indent: 40px;
  font-size: 85%;

}

/*Compliance*/
.SectionService_compliance {
  padding: 0 0 10px;
  padding-left: 10px; 
  padding-right: 10px;

}

.SectionService_compliance p{
  text-indent: 40px;
  font-size: 85%;

}

.SectionService_compliance img {
  pointer-events: none;

}

ul.compliance li{
  font-size: 85%;
  padding: 3px 0 0 1em;
  line-height: 140%;
  vertical-align: baseline;
  text-indent: 15px;
  font-size: 85%;

}

/* Two colum Compliance & Term Of Use*/
* {
  box-sizing: border-box;

}

/* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: 50%;
  padding: 10px;
  height: 200px; /* Should be removed. Only for demonstration */

}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;

}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;

  }

}

/*for compliance*/
.compliance{
  box-sizing: border-box;
  padding: 10px 0;
  width: auto;
  max-width: 1000px;
  margin: 20px auto;
  pointer-events: none;

}

.compliance_font ul li a {
  box-sizing: border-box;
  padding: 10px 0;
  width: auto;
  max-width: 1000px;
  margin: 20px auto;
  pointer-events: none;
  font-size: 85%;

}

/*for logo LTH right top*/
.photoLogo {
  display: table;

}
.photoLogo a {
  vertical-align: middle;
  display: table-cell;

}
.photoLogo img {
  display: block;
  height: auto;
  width: 110%;

}

.viewMedia a img{
  height: auto;
  width: 170px;
}

/* ----------- Start iPhone SE 2020 ----------- */
/*For iPhone SE 2020 Media Query for min-width*/
@media only screen and (min-width: 375px)
{ 
  .viewMedia a img{
   height: auto;
   width: 150px;
 }
/* .photoLogo img{
  margin-top: -30px;
  vertical-align: text-top;
}*/
}

/*For iPhone SE 2020 Media Query for min-height*/
@media only screen and (min-height: 667px)
{ 
/* Your Styles... */ 
}

/*iPhone SE 2020 Media Query for landscape orientation:*/
@media only screen and (min-width: 375px) and (orientation: landscape)
{ 
/* Your Styles... */ 
}

/*iPhone SE 2020 Media Query for portrait orientation:*/
@media only screen and (min-height: 667px) and (orientation: portrait)
{ 
/* Your Styles... */ 
}
/* ----------- End iPhone SE 2020 ----------- */

/* ----------- Start iPhone 8 --------------- */
/*iPhone 8*/
@media only screen 
and (device-width : 375px) 
and (device-height : 667px) 
and (-webkit-device-pixel-ratio : 2) { 
}
/* ----------- End iPhone 8 --------------------- */

/* ----------- Start iPhone 8 Plus --------------- */
/*iPhone 8 Plus*/
@media only screen 
and (device-width : 414px) 
and (device-height : 736px) 
and (-webkit-device-pixel-ratio : 3) { 
}
/* ----------- End iPhone 8 Plus --------------- */

/* ----------- Start iPhone X ------------------ */
/*iPhone X*/
@media only screen 
and (device-width : 375px) 
and (device-height : 812px) 
and (-webkit-device-pixel-ratio : 3) { 

}
/* ----------- End iPhone X --------------- */

/* ----------- Start iPhone XR --------------- */
/*iPhone XR*/
/* 1792x828px at 326ppi */
@media only screen 
and (device-width : 414px) 
and (device-height : 896px) 
and (-webkit-device-pixel-ratio : 2) { 
  .viewMedia a img{
   height: auto;
   width: 150px;
 }
}

/* iPhone XS*/
/* 2436x1125px at 458ppi */
@media only screen 
and (device-width : 375px) 
and (device-height : 812px) 
and (-webkit-device-pixel-ratio : 3) { }

/*iPhone XS Max*/
/* 2688x1242px at 458ppi */
@media only screen 
and (device-width : 414px) 
and (device-height : 896px) 
and (-webkit-device-pixel-ratio : 3) { }

/* ----------- End iPhone XR --------------- */

/* ----------- Start ipad Mini --------------- */
/* ipad Mini Portrait */
@media only screen and (width:768px) and (resolution: 163dpi) {
 .photoLogo img{
  margin-top: -30px;
  vertical-align: text-top;
}
.site-wrap{
 nmargin-right: 150px;
}
}

/* ipad Mini Landscape */
@media only screen and (width:1024px) and (resolution: 163dpi) {

}
/* ----------- End ipad Mini --------------- */

/* ----------- Start iPad ------------------ */
/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) 
and (orientation: portrait) {
  /* CSS styles specific to iPad portrait mode */
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) 
and (orientation: landscape) {
 /* CSS styles specific to iPad landscape mode */
}
/* ----------- Start End iPad ----------- */

/* ----------- Start iPad Air ----------- */
/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) 
and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
 /* CSS styles specific to iPad Air portrait mode */
 .viewMedia a img{
  height: 150px;
  width: 50%;
}
.photoLogo img{
  margin-top: -30px;
  vertical-align: text-top;
}
}
/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) 
and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
 /* CSS styles specific to iPad Air landscape mode */
}
/* ----------- End iPad Air ----------- */


/* ----------- Start iPad Pro --------------- */
/* Portrait and Landscape */
@media only screen 
and (min-width: 1024px) 
and (max-height: 1366px) 
and (-webkit-min-device-pixel-ratio: 1.5) {
}

/* Portrait */
@media only screen 
and (min-width: 1024px) 
and (max-height: 1366px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 1.5) {
  .viewMedia a img{
    height: 180px;
    width: 50%;
  }
  .photoLogo img{
    margin-top: -50px;
    vertical-align: text-top;
    height: 70px;
    width: 100%;
  }
  .icon-menu{
    margin-top: 500px;
  }
}

/* Landscape */
@media only screen 
and (min-width: 1024px) 
and (max-height: 1366px) 
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 1.5) {
}
/* ----------- End iPad Pro --------------- */


/* ----------- Start Galaxy S9  --------------- */
/*Galaxy S9 Plus Media Query for min-width*/
@media only screen and (min-width: 412px)
{ 
  .viewMedia a img{
    height: 120px;
/*    width: 70%;*/
  }
}

/*Galaxy S9 Plus Media Query for min-height*/
@media only screen and (min-height: 846px)
{ /* Your Styles... */ 
}

/*Galaxy S9 Plus Media Query for landscape orientation*/
@media only screen and (min-width: 412px) and (orientation: landscape)
{ /* Your Styles... */ 
}

/*Galaxy S9 Plus Media Query for portrait orientation*/
@media only screen and (min-height: 846px) and (orientation: portrait)
{ /* Your Styles... */ 
}

/*Galaxy S9 Plus Media Query with device pixel ratio*/
@media only screen and (-webkit-min-device-pixel-ratio: 3.5), 
only screen and (-min--moz-device-pixel-ratio: 3.5), 
only screen and (-o-min-device-pixel-ratio: 3.5/1), 
only screen and (min-device-pixel-ratio: 3.5)
{ /* Your Styles... */ 
}
/* ----------- End Galaxy S9 --------------- */