@charset "UTF-8";
/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

  Mixins available:
    -   css3-prefix             - arguments: Property, Value
    -   background-gradient     - arguments: Start Color: #3C3C3C, End Color: #999999
    -   background-horizontal   - arguments: Start Color: #3C3C3C, End Color: #999999
    -   background-radial       - arguments: Start Color: #FFFFFF, Start position: 0%, End Color: #000000, End position: 100%
    -   background-size         - arguments: Width: 100%, Height: 100%
    -   background-opacity      - arguments: Color: #000, Opacity: .85
    -   border-radius           - arguments: Radius: 5px
    -   border-radius-separate  - arguments: Top Left: 5px, Top Right: 5px, Bottom Left: 5px, Bottom Right: 5px
    -   box                     - arguments: Orientation: horizontal, Pack: center, Align: center
    -   box-rgba                - arguments: R: 60, G: 3, B: 12, Opacity: 0.23, Color: #3C3C3C
    -   box-shadow              - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
    -   box-sizing              - arguments: Type: border-box
    -   columns                 - arguments: Count: 3, Gap: 10
    -   double-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Radius: 0
    -   flex                    - arguments: Value: 1
    -   flip                    - arguments: ScaleX: -1
    -   font-face               - arguments: Font Family: myFont, Eot File Src: myFont.eot, Woff File Src: myFont.woff, Ttf File Src: myFont.ttf
    -   opacity                 - arguments: Opacity: 0.5
    -   outline radius          - arguments: Radius: 5px
    -   resize                  - arguments: Direction: both
    -   rotate                  - arguments: Degree: 0, M11: 0, M12: 0, M21: 0, M22: 0
    CSS Matrix Rotation Calculator http://www.boogdesign.com/examples/transforms/matrix-calculator.html
    -   text-shadow             - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
    -   transform               - arguments: Parameters: null
    -   transform-style         - arguments: Style: preserve-3d
    -   transition              - Default arguments: What: all, Length: 1s, Easing: ease-in-out
    -                            - Examples: @include transition (all 2s ease-in-out);
    -                                        @include transition (opacity 1s ease-in 2s, width 2s ease-out);
    -   triple-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Color Three: #000000, Radius: 0
    -   keyframes               - arguments: Animation name
                                - content:   Animation css
    -   animation               - arguments: name duration timing-function delay iteration-count direction fill-mode play-state
                                             (http://www.w3schools.com/cssref/css3_pr_animation.asp)

------------------------------------------------------------- */
/* ADDS A BROWSER PREFIX TO THE PROPERTY */
/* BACKGROUND GRADIENT */
/* BACKGROUND HORIZONTAL */
/* BACKGROUND RADIAL */
/* BACKGROUND SIZE */
/* BACKGROUND COLOR OPACITY */
/* BORDER RADIUS */
/* BOX */
/* BOX RGBA */
/* BOX SHADOW */
/* BOX SIZING */
/* COLUMNS */
/* DOUBLE BORDERS */
/* FLEX */
/* FLIP */
/* FONT FACE */
/* OPACITY */
/* OUTLINE RADIUS */
/* RESIZE */
/* ROTATE*/
/* TEXT SHADOW */
/* TRANSFORM  */
/* TRANSFORM STYLE */
/* TRANSITION */
/* TRIPLE BORDERS */
/* KEYFRAMES */
/* ANIMATION */
::-webkit-scrollbar {
  width: 8px;
  height: 10px;
  background: #f0f0f0; }

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  border-radius: 0px; }

::-webkit-scrollbar-thumb {
  border-radius: 0px;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);
  background: black; }

.for_mobile {
  display: none !important; }

.mce-fullscreen {
  z-index: 10000 !important; }

.p-10 {
  padding: 10px; }

.mx-10 {
  margin-left: 10px;
  margin-right: 10px; }

.p-30 {
  padding: 30px; }

.w-50 {
  width: 50%; }

.mr-10 {
  margin-right: 10px; }

@media (max-width: 768px) {
  .align-items-start-mobile {
    align-items: start !important; } }

.pop-up-gift h6 {
  color: white !important; }

@media (min-width: 1280px) {
  .pop-up-gift [class^="jss"] {
    margin-left: 8% !important;
    --color-background: transparent !important;
    background-color: transparent !important; } }

.pop-up-gift * {
  --color-background: transparent !important;
  background-color: transparent !important; }

.pop-up-gift [class],
.pop-up-gift [id] {
  --color-background: transparent !important;
  background-color: transparent !important; }

.text-white {
  color: white !important; }

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

.text-start {
  text-align: start !important; }

.text-underline {
  text-decoration: underline !important; }

.mt-10 {
  margin-top: 10px !important;
  padding: 0 !important; }

.cookie_buttons {
  display: flex !important;
  justify-content: space-between !important; }

.user_header {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background: white;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  -khtml-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  z-index: 1000; }
  .user_header * {
    font-family: "Rajdhani", sans-serif;
    font-size: 16px; }

.tv_header * {
  font-family: "Rajdhani", sans-serif;
  font-weight: bold;
  letter-spacing: 1px; }

.tv_header .current_live {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.3);
  -webkit-border-radius: 100px;
  -khtml-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 10px;
  padding: 3px 10px;
  white-space: nowrap; }
  .tv_header .current_live:after {
    content: "";
    position: relative;
    width: 10px;
    height: 10px;
    background: currentColor;
    -webkit-border-radius: 100px;
    -khtml-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    margin-left: 5px; }

.tv_header .is_live {
  color: white;
  border-color: #ce0711;
  background: #ce0711; }
  .tv_header .is_live:after {
    color: white;
    animation-name: animate_live;
    animation-duration: 0.8s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
    animation-direction: alternate; }

@keyframes animate_live {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.header_block {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding: 0px 0px;
  -webkit-transition: 0.3s;
  -khtml-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }

.header_left {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100%; }
  .header_left .logo {
    position: relative;
    display: block;
    height: 100%;
    padding: 5px;
    float: left;
    filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.3));
    -webkit-transition: 0.3s;
    -khtml-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
    .header_left .logo:hover {
      -webkit-transform: rotate(5deg) scale(1.1);
      -khtml-transform: rotate(5deg) scale(1.1);
      -moz-transform: rotate(5deg) scale(1.1);
      -ms-transform: rotate(5deg) scale(1.1);
      -o-transform: rotate(5deg) scale(1.1);
      transform: rotate(5deg) scale(1.1); }

.header_center {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  color: black;
  flex: 1; }
  .header_center .nav_item {
    position: relative;
    color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    height: 100%;
    padding: 0 20px 0 15px;
    text-wrap: nowrap; }
    .header_center .nav_item:after {
      content: "";
      position: relative;
      display: block;
      width: 100%;
      height: 2px;
      background: transparent;
      width: 0;
      -webkit-transition: 0.3s;
      -khtml-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
    .header_center .nav_item:hover:after {
      content: "";
      background: black;
      width: 100%;
      height: 2px; }
  .header_center .active {
    color: black; }
    .header_center .active:after {
      content: "";
      background: black;
      width: 100%;
      height: 2px; }

.header_right {
  position: relative;
  color: black;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%; }
  .header_right .select_location {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 135px;
    height: 100%;
    background: white; }
    .header_right .select_location .selected {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 60%;
      color: black;
      font-weight: bold;
      background: transparent;
      cursor: pointer;
      -webkit-border-radius: 3px;
      -khtml-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      -webkit-transition: 0.3s;
      -khtml-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
      .header_right .select_location .selected:hover {
        color: white;
        background: black; }
    .header_right .select_location:hover .list {
      top: 100%;
      opacity: 1;
      background: black;
      height: auto; }
    .header_right .select_location .list {
      position: absolute;
      display: block;
      z-index: -1;
      opacity: 0;
      width: 100%;
      top: 50%;
      background: white;
      text-align: center;
      padding-top: 10px;
      height: 0;
      overflow: hidden;
      -webkit-transition: 0.3s;
      -khtml-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
      -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      -khtml-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      -ms-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      -o-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); }
      .header_right .select_location .list .item {
        padding: 10px 5px;
        background: white;
        -webkit-transition: 0.3s;
        -khtml-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        cursor: pointer; }
        .header_right .select_location .list .item:hover {
          letter-spacing: 1px;
          color: black; }
      .header_right .select_location .list .item_link {
        position: relative;
        display: block;
        background: black;
        color: white;
        border: 2px solid white; }
        .header_right .select_location .list .item_link:hover {
          color: white;
          letter-spacing: 1px; }
  .header_right .sign {
    position: relative;
    display: block;
    width: 140px;
    text-align: center;
    color: black;
    margin-right: 5px;
    padding: 0 10px;
    letter-spacing: 1px;
    -webkit-transition: 0.3s;
    -khtml-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
    .header_right .sign:hover {
      letter-spacing: 2px; }
  .header_right .top_menu {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 230px;
    height: 100%;
    background: white; }
    .header_right .top_menu .menu_btn {
      color: white;
      display: flex;
      align-items: center;
      padding: 5px 10px;
      background: black;
      -webkit-border-radius: 3px;
      -khtml-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      cursor: pointer;
      border: 1px solid black; }
    .header_right .top_menu .menu {
      position: absolute;
      display: block;
      z-index: -1;
      opacity: 0;
      width: 100%;
      top: 50%;
      height: 0;
      overflow: hidden;
      background: white;
      padding-top: 10px;
      -webkit-transition: 0.3s;
      -khtml-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
      -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      -khtml-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      -ms-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      -o-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); }
      .header_right .top_menu .menu .title {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 60px;
        padding: 5px 10px;
        background: white;
        letter-spacing: 2px;
        font-weight: bold;
        font-family: "Rajdhani", sans-serif;
        font-size: 20px;
        text-transform: uppercase; }
      .header_right .top_menu .menu .item {
        position: relative;
        display: block;
        color: black;
        padding: 5px 10px;
        background: white;
        -webkit-transition: 0.3s;
        -khtml-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        cursor: pointer; }
        .header_right .top_menu .menu .item:hover {
          letter-spacing: 1px;
          color: white;
          background: black; }
      .header_right .top_menu .menu .book_menu_btn {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 60px;
        padding: 10px;
        background: white; }
        .header_right .top_menu .menu .book_menu_btn a {
          position: relative;
          display: flex;
          justify-content: center;
          align-items: center;
          width: 100%;
          height: 100%;
          -webkit-border-radius: 3px;
          -khtml-border-radius: 3px;
          -moz-border-radius: 3px;
          -ms-border-radius: 3px;
          -o-border-radius: 3px;
          border-radius: 3px;
          border: 1px solid black;
          background: black;
          color: white;
          -webkit-transition: 0.3s;
          -khtml-transition: 0.3s;
          -moz-transition: 0.3s;
          -ms-transition: 0.3s;
          -o-transition: 0.3s;
          transition: 0.3s; }
          .header_right .top_menu .menu .book_menu_btn a:hover {
            letter-spacing: 2px;
            color: black;
            background: white; }
    .header_right .top_menu:hover .menu_btn {
      background: transparent;
      color: black; }
    .header_right .top_menu:hover .menu {
      top: 100%;
      opacity: 1;
      background: black;
      height: auto; }

.header_news {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  background: black;
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
  top: 60px;
  z-index: -1;
  -webkit-box-shadow: rgba(255, 255, 255, 0.3) 0px 1px 30px 5px;
  -khtml-box-shadow: rgba(255, 255, 255, 0.3) 0px 1px 30px 5px;
  -moz-box-shadow: rgba(255, 255, 255, 0.3) 0px 1px 30px 5px;
  -ms-box-shadow: rgba(255, 255, 255, 0.3) 0px 1px 30px 5px;
  -o-box-shadow: rgba(255, 255, 255, 0.3) 0px 1px 30px 5px;
  box-shadow: rgba(255, 255, 255, 0.3) 0px 1px 30px 5px; }
  .header_news .news_block {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 1200px; }
    .header_news .news_block .content {
      position: relative;
      display: block;
      color: rgba(255, 255, 255, 0.7);
      padding: 0 30px;
      min-width: 400px;
      -webkit-transition: 0.3s;
      -khtml-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
      .header_news .news_block .content a {
        color: rgba(255, 255, 255, 0.7); }
        .header_news .news_block .content a:hover {
          color: white;
          text-decoration: underline !important; }
    .header_news .news_block .close {
      cursor: pointer; }

@media only screen and (max-width: 850px) {
  header {
    width: 100vw; }
  .header_center .nav_item {
    display: none; }
  .header_center .current_live {
    padding: 5px 5px; }
    .header_center .current_live:before {
      content: 'LIVE'; }
    .header_center .current_live .text {
      display: none; }
  .header_left {
    width: initial; }
  .header_right .sign,
  .header_right .top_menu {
    display: none; }
  .header_news {
    width: 100vw;
    padding: 0 10px;
    overflow: hidden; }
    .header_news .news_block {
      justify-content: space-between;
      width: 100%;
      height: 100%; }
      .header_news .news_block .content {
        display: block;
        width: 100%;
        min-width: 100px;
        padding: 0;
        overflow: hidden; }
      .header_news .news_block .label {
        flex: 0 0 50px; }
      .header_news .news_block .close {
        flex: 0 0 30px; } }

footer {
  background: black;
  position: relative;
  color: rgba(255, 255, 255, 0.7);
  display: flex;
  z-index: 10;
  height: 200px;
  text-transform: uppercase;
  -webkit-box-shadow: rgba(255, 255, 255, 0.3) 0px -1px 30px 5px;
  -khtml-box-shadow: rgba(255, 255, 255, 0.3) 0px -1px 30px 5px;
  -moz-box-shadow: rgba(255, 255, 255, 0.3) 0px -1px 30px 5px;
  -ms-box-shadow: rgba(255, 255, 255, 0.3) 0px -1px 30px 5px;
  -o-box-shadow: rgba(255, 255, 255, 0.3) 0px -1px 30px 5px;
  box-shadow: rgba(255, 255, 255, 0.3) 0px -1px 30px 5px; }
  footer .copyright_desktop {
    position: relative;
    display: block;
    color: rgba(255, 255, 255, 0.6);
    position: absolute;
    bottom: 10px;
    text-align: center;
    font-size: 9px; }
  footer .copyright_mobile {
    color: rgba(255, 255, 255, 0.6);
    position: absolute;
    bottom: -20px;
    text-align: center;
    font-size: 9px;
    display: none; }
  footer .app {
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 120px;
    background: url("/img/phone.svg") center no-repeat;
    background-size: contain;
    padding: 20px 5px 0 5px;
    margin: 0 10px;
    text-align: center; }
    footer .app .download {
      color: #3498db;
      font-size: 12px;
      font-weight: bold;
      font-family: "Rajdhani", sans-serif;
      letter-spacing: 1px;
      font-weight: bold; }
    footer .app .name {
      color: white;
      font-size: 12px;
      text-transform: uppercase;
      font-family: "Rajdhani", sans-serif;
      letter-spacing: 1px;
      font-weight: bold; }
    footer .app .link {
      position: relative;
      display: block;
      width: 100%;
      height: 30px;
      margin-top: 5px; }
  footer .left {
    position: relative;
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center; }
    footer .left .social {
      position: relative;
      display: flex;
      flex-flow: column;
      justify-content: space-between;
      align-items: center; }
    footer .left .icon {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 33px;
      height: 33px;
      font-size: 25px;
      cursor: pointer;
      color: rgba(255, 255, 255, 0.6); }
      footer .left .icon:hover {
        color: white; }
  footer .right {
    position: relative;
    display: flex;
    flex-flow: column;
    flex: 1;
    justify-content: center;
    align-items: center; }
    footer .right .link {
      color: rgba(255, 255, 255, 0.6);
      padding: 5px 10px;
      font-size: 16px;
      cursor: pointer;
      -webkit-transition: 0.3s;
      -khtml-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
      footer .right .link:hover {
        color: white;
        letter-spacing: 2px; }
  footer .center {
    position: relative;
    display: flex;
    flex-flow: column;
    flex: 3;
    justify-content: center;
    align-items: center;
    text-align: center; }
    footer .center .quote {
      position: relative;
      display: block;
      width: 100%;
      text-align: center;
      font-size: 18px;
      font-weight: bold; }
    footer .center .newsletter {
      position: relative;
      margin-bottom: 20px; }
      footer .center .newsletter .label {
        font-family: "Rajdhani", sans-serif;
        font-size: 25px;
        margin-bottom: 5px; }
      footer .center .newsletter input[type='email'] {
        background: black;
        border: 1px solid white;
        padding: 10px;
        color: white; }
      footer .center .newsletter input[type='submit'] {
        background: white;
        color: black;
        border: 1px solid white;
        padding: 10px;
        cursor: pointer;
        -webkit-transition: 0.3s;
        -khtml-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s; }
        footer .center .newsletter input[type='submit']:hover {
          background: rgba(255, 255, 255, 0.5); }

@media only screen and (max-width: 850px) {
  footer {
    flex-flow: column;
    height: auto; }
    footer .copyright_desktop {
      display: none; }
    footer .copyright_mobile {
      display: block; }
    footer .left {
      margin-top: 30px;
      flex-flow: column-reverse; }
      footer .left .social {
        flex-flow: row; }
    footer .center {
      margin: 20px 0; }
    footer .right {
      margin-bottom: 30px; } }

* {
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Open Sans", sans-serif;
  margin: 0;
  padding: 0;
  font-display: optional; }
  *:before {
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  *:after {
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

input,
textarea,
button {
  outline: none;
  border: none; }

video,
audio {
  position: relative;
  display: block; }

html {
  scroll-behavior: smooth; }

html,
body,
.main_layout,
.admin_layout,
#app {
  position: relative;
  width: 100vw;
  overflow-x: hidden;
  min-height: 100vh;
  height: auto; }

h1,
h2,
h3,
h4 {
  font-family: "Rajdhani", sans-serif;
  font-weight: bold;
  text-transform: uppercase; }

pre {
  white-space: pre-line;
  /* css-3 */
  white-space: -moz-pre-line;
  /* Mozilla, since 1999 */
  white-space: -pre-line;
  /* Opera 4-6 */
  white-space: -o-pre-line;
  /* Opera 7 */
  word-wrap: break-word;
  position: relative;
  width: 100%; }

a {
  text-decoration: none !important;
  color: inherit; }

textarea {
  resize: none; }

button:disabled,
button[disabled] {
  opacity: 0.3; }

.admin_layout {
  padding-top: 60px; }

main {
  position: relative;
  margin: 0 auto;
  min-height: 100vh;
  width: 100%;
  height: auto; }

.main_layout main {
  position: relative;
  display: block;
  margin: 0 auto;
  min-height: 100vh;
  width: 100%; }

.grid_center_container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(321px, 3fr));
  justify-items: center;
  grid-gap: 20px 30px; }

.limited_center {
  position: relative;
  display: block;
  width: 100%;
  max-width: 1231px;
  margin: 0 auto; }

.limited_center_description {
  position: relative;
  display: block;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto; }

.wrap_container {
  position: relative;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px; }

.sys_msg {
  display: block;
  position: fixed;
  width: 300px;
  bottom: 10px;
  right: 10px;
  z-index: 1000000;
  pointer-events: none; }
  .sys_msg .msg {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100px;
    padding: 5px 5px 5px 60px;
    margin-top: 5px;
    background: black;
    color: white;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
    -khtml-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
    pointer-events: all; }
    .sys_msg .msg:before {
      position: absolute;
      font-family: FontAwesome;
      left: 20px;
      font-size: 2.3em; }
  .sys_msg .success:before {
    color: #1abc9c;
    content: "\f058";
    font-weight: bold; }
  .sys_msg .error:before {
    color: #ce0711;
    content: "\f057";
    font-weight: bold; }
  .sys_msg .warning:before {
    color: #f7941e;
    content: "\f071";
    font-weight: bold; }
  .sys_msg .spinning:before {
    color: #0b4368;
    content: "\f110";
    font-weight: bold;
    animation: fa-spin 2s infinite linear; }

.separator {
  display: block;
  position: relative;
  width: 100%;
  height: 20px; }

.back_to_top {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  background: rgba(0, 0, 0, 0.6);
  border: 1px solid white;
  color: rgba(255, 255, 255, 0.6);
  bottom: 100px;
  right: 24px;
  font-weight: 300;
  font-size: 18px;
  z-index: 1000;
  cursor: pointer;
  -webkit-border-radius: 50px;
  -khtml-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: 0.3s;
  -khtml-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  .back_to_top:hover {
    color: white;
    background: black; }
  .back_to_top:before {
    animation: arrow 1s infinite;
    animation-direction: alternate;
    content: "\f077";
    font-family: FontAwesome; }

@keyframes arrow {
  0% {
    transform: translateY(3px); }
  100% {
    transform: translateY(-3px); } }

.cookie_warning {
  box-shadow: 0 4px 6px black, 0 1px 3px rgba(0, 0, 0, 0.08);
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: space-around;
  align-items: center;
  background: black;
  z-index: 900000;
  padding: 30px 30px 30px 30px;
  color: white;
  z-index: 10002;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  .cookie_warning p {
    position: relative;
    display: inline-block;
    max-width: 900px;
    font-size: 18px;
    font-family: "Rajdhani", sans-serif;
    padding-right: 30px;
    text-align: justify; }
    .cookie_warning p span {
      text-decoration: underline;
      cursor: pointer; }
  .cookie_warning .btn {
    padding: 5px 10px;
    background: white;
    color: black;
    border: 1px solid white;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer; }
    .cookie_warning .btn:hover {
      color: white;
      background: #000; }
  .cookie_warning .close {
    position: absolute;
    right: 7px;
    top: 5px;
    font-size: 12px;
    cursor: pointer; }
    .cookie_warning .close:before {
      content: "\f00d";
      font-family: FontAwesome; }

.page_empty_dark {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 90%;
  margin: 0 auto;
  width: 1000px;
  height: 50vh;
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  font-size: 30px; }
  .page_empty_dark a {
    color: #ffd518;
    text-decoration: underline; }

.spinner {
  position: fixed;
  display: flex;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1000; }
  .spinner .container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 300px;
    height: 300px;
    background: #000;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 0 0 8px rgba(255, 255, 255, 0.7);
    -khtml-box-shadow: 0 0 8px rgba(255, 255, 255, 0.7);
    -moz-box-shadow: 0 0 8px rgba(255, 255, 255, 0.7);
    -ms-box-shadow: 0 0 8px rgba(255, 255, 255, 0.7);
    -o-box-shadow: 0 0 8px rgba(255, 255, 255, 0.7);
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.7); }
    .spinner .container:before {
      content: "";
      position: relative;
      display: block;
      width: 50%;
      height: 50%;
      border: 10px;
      border-top: 10px solid #ffd518;
      border-bottom: 10px solid #ffd518;
      border-left: 10px solid #ffd518;
      border-right: 10px solid transparent;
      animation: spin 1s infinite ease-in-out;
      -webkit-border-radius: 500px;
      -khtml-border-radius: 500px;
      -moz-border-radius: 500px;
      -ms-border-radius: 500px;
      -o-border-radius: 500px;
      border-radius: 500px; }

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -khtml-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -khtml-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

.fb_reset > div {
  height: 0 !important; }

.new:before {
  content: "Nouveau";
  color: white;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  top: 50%;
  right: -28px;
  -webkit-transform: translateY(-50%);
  -khtml-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 47px;
  height: 18px;
  background: #ffd518;
  -webkit-border-radius: 50px;
  -khtml-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  -khtml-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); }

.home_nav_is_live {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 5px;
  z-index: 1;
  background: #ce0711;
  font-weight: bold;
  font-size: 12px;
  color: white;
  height: 18px;
  text-transform: uppercase;
  margin-left: 20px;
  -webkit-border-radius: 50px;
  -khtml-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  animation-name: animate_live;
  animation-duration: 0.8s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
  animation-direction: alternate; }
  .home_nav_is_live:before {
    content: "";
    position: relative;
    display: block;
    width: 7px;
    height: 7px;
    margin-right: 5px;
    background: white;
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px; }
  .home_nav_is_live:after {
    content: "Live"; }

.mask_anim {
  background: white;
  z-index: 2000;
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  right: 0;
  height: 100vh;
  animation: circle_clip_anim 1.5s;
  animation-fill-mode: both;
  background: #000; }
  .mask_anim:before {
    content: "";
    position: relative;
    display: block;
    width: 150px;
    height: 150px;
    background: url("/logo/logo_r2.svg");
    opacity: 1;
    background-size: contain;
    z-index: 3000;
    filter: drop-shadow(2px 2px 5px rgba(255, 255, 255, 0.5)); }

@keyframes circle_clip_anim {
  0% {
    opacity: 0; }
  25% { }
  50% {
    opacity: 1; }
  75% {
    opacity: 0.5; }
  100% {
    opacity: 0; } }

.iframe_container {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background: black; }

.contact_locations {
  position: relative;
  width: 100%; }
  .contact_locations:before {
    content: "";
    display: block;
    width: 100%;
    height: 50px; }
  .contact_locations .country_bloc {
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%; }
  .contact_locations .country {
    display: block;
    color: white;
    font-size: 40px;
    font-weight: bold;
    font-family: "Rajdhani", sans-serif;
    width: 500px;
    max-width: 80%;
    border-bottom: 1px solid white;
    text-shadow: 0 0 10px black; }
  .contact_locations .loc_bloc {
    position: relative;
    display: block;
    background: rgba(0, 0, 0, 0.8);
    width: 500px;
    max-width: 80%;
    padding: 10px;
    margin: 5px 0;
    -webkit-box-shadow: 0px 0px 5px rgba(255, 255, 255, 0.3);
    -khtml-box-shadow: 0px 0px 5px rgba(255, 255, 255, 0.3);
    -moz-box-shadow: 0px 0px 5px rgba(255, 255, 255, 0.3);
    -ms-box-shadow: 0px 0px 5px rgba(255, 255, 255, 0.3);
    -o-box-shadow: 0px 0px 5px rgba(255, 255, 255, 0.3);
    box-shadow: 0px 0px 5px rgba(255, 255, 255, 0.3);
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px; }
    .contact_locations .loc_bloc .name {
      color: white; }
    .contact_locations .loc_bloc .city {
      color: gray;
      margin-bottom: 5px; }
    .contact_locations .loc_bloc .address {
      font-family: "Rajdhani", sans-serif;
      color: rgba(255, 255, 255, 0.8);
      margin-bottom: 5px; }
    .contact_locations .loc_bloc .phone {
      color: rgba(255, 255, 255, 0.8);
      font-weight: bold;
      font-family: "Rajdhani", sans-serif;
      -webkit-transition: 0.3s;
      -khtml-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
      .contact_locations .loc_bloc .phone:before {
        position: relative;
        content: '\f095';
        font-family: FontAwesome;
        margin-right: 10px;
        font-weight: normal; }
      .contact_locations .loc_bloc .phone:hover {
        letter-spacing: 1px; }

.update_page {
  background: black;
  position: relative;
  display: flex;
  flex-flow: column;
  width: 100%;
  height: 100vh;
  justify-content: center;
  align-items: center; }
  .update_page .image {
    position: relative;
    display: block;
    width: 200px;
    height: 200px;
    margin-bottom: 20px; }
    .update_page .image img {
      position: relative;
      display: block;
      width: 100%;
      height: 100%;
      object-fit: contain; }
  .update_page .form_admin {
    position: relative;
    display: flex;
    flex-flow: column;
    width: 300px;
    max-width: 100%;
    justify-content: center;
    align-items: center;
    font-family: "Rajdhani", sans-serif; }
    .update_page .form_admin label {
      font-size: 20px;
      color: white;
      padding: 10px;
      font-family: "Rajdhani", sans-serif; }
    .update_page .form_admin input {
      font-size: 30px;
      position: relative;
      display: block;
      background: none;
      width: 100%;
      padding: 3px 10px;
      text-align: center;
      font-family: "Rajdhani", sans-serif;
      border: 1px solid white;
      margin: 10px 0;
      color: #1abc9c; }
    .update_page .form_admin button {
      font-size: 20px;
      position: relative;
      display: block;
      width: 100%;
      padding: 10px;
      background: white;
      color: black;
      border: 1px solid white;
      font-family: "Rajdhani", sans-serif;
      margin: 10px 0;
      cursor: pointer;
      -webkit-transition: 0.3s;
      -khtml-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
      .update_page .form_admin button:hover {
        background: black;
        color: white; }

.update_page_white {
  background: white; }

.contact_page_soon {
  background: url("/img/leaves.jpg") no-repeat;
  background-size: cover;
  min-height: 100vh;
  padding-top: 60px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto; }
  .contact_page_soon .logo {
    position: absolute;
    display: block;
    top: 80px;
    right: 20px;
    width: 80px;
    height: 80px; }
    .contact_page_soon .logo img {
      position: relative;
      display: block;
      width: 100%;
      height: 100%;
      object-fit: contain; }
  .contact_page_soon .container {
    width: 100%;
    max-width: 1200px;
    position: relative;
    display: flex;
    flex-flow: column;
    gap: 30px;
    padding: 10px; }
    .contact_page_soon .container .big_logo {
      width: 40rem; }
      .contact_page_soon .container .big_logo img {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain; }
    .contact_page_soon .container .title_logo {
      font-size: 4rem;
      color: #b4b08d; }
    .contact_page_soon .container .action {
      position: relative;
      display: inline-block;
      background: #657e5f;
      padding: 20px;
      color: white;
      font-weight: bold;
      font-size: 1.5rem;
      -webkit-border-radius: 15px;
      -khtml-border-radius: 15px;
      -moz-border-radius: 15px;
      -ms-border-radius: 15px;
      -o-border-radius: 15px;
      border-radius: 15px;
      cursor: pointer; }
      .contact_page_soon .container .action:hover {
        background: #1f271d;
        -webkit-transition: 0.3s;
        -khtml-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s; }
      .contact_page_soon .container .action form {
        width: 0;
        height: 0; }
      .contact_page_soon .container .action .input {
        width: 0;
        height: 0;
        overflow: hidden;
        opacity: 0; }
      .contact_page_soon .container .action .button {
        position: absolute;
        display: block;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        opacity: 0;
        cursor: pointer; }
    .contact_page_soon .container .txt {
      color: white;
      font-size: 1.3rem;
      max-width: 30rem;
      text-transform: uppercase;
      font-weight: 600; }

@media only screen and (max-width: 850px) {
  .contact_page_soon .container .big_logo {
    width: 70VW; }
  .contact_page_soon .container .title_logo {
    font-size: 2.5rem; }
  .contact_page_soon .container .txt {
    font-size: 1rem; }
  .contact_page_soon .container .action {
    font-size: 1rem; } }

.mobile_menu {
  position: relative;
  display: none;
  height: 100%;
  width: 60px;
  padding: 10px;
  z-index: 3001; }
  .mobile_menu:focus {
    outline: none !important; }
  .mobile_menu .menu_btn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border: 1px solid black;
    z-index: 1000;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px; }
    .mobile_menu .menu_btn .icon {
      color: black; }
      .mobile_menu .menu_btn .icon:before {
        content: "\f0c9";
        font-family: FontAwesome;
        font-size: 18px; }
  .mobile_menu .active {
    background: black; }
    .mobile_menu .active .icon {
      color: white; }
      .mobile_menu .active .icon:before {
        content: "\f00d"; }
  .mobile_menu .menu_container {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    padding: 70px 10px 70px 10px; }
    .mobile_menu .menu_container nav {
      position: relative;
      display: flex;
      flex-flow: column;
      justify-content: space-around;
      align-items: center;
      width: 100%;
      height: 100%; }
    .mobile_menu .menu_container .item {
      text-align: center;
      position: relative;
      width: 100%;
      color: white;
      font-size: 20px;
      padding: 20px;
      -webkit-transition: 0.3s;
      -khtml-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
      -webkit-border-radius: 5px;
      -khtml-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }
      .mobile_menu .menu_container .item a {
        color: white; }
      .mobile_menu .menu_container .item:hover {
        color: black;
        background: rgba(255, 255, 255, 0.7); }

.mobile_nav_tabs {
  display: none;
  position: fixed;
  z-index: 30000;
  width: 100%;
  height: 60px;
  bottom: 0;
  left: 0;
  width: 100vw;
  background: black;
  -webkit-box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.5);
  -khtml-box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.5);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  overflow: hidden; }
  .mobile_nav_tabs .item {
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    flex: 0 0 75px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 10px;
    text-align: center;
    overflow: hidden;
    -webkit-transition: 0.3s;
    -khtml-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
    .mobile_nav_tabs .item:before {
      font-size: 20px;
      font-family: FontAwesome;
      margin-bottom: 3px;
      -webkit-transition: 0.3s;
      -khtml-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
  .mobile_nav_tabs .active {
    color: white;
    background: black; }
    .mobile_nav_tabs .active:before {
      font-size: 25px; }
    .mobile_nav_tabs .active .text {
      display: none; }
  .mobile_nav_tabs .big_item {
    width: 100%;
    flex: 100%; }
    .mobile_nav_tabs .big_item:before {
      font-size: 30px; }
  .mobile_nav_tabs .separator {
    position: relative;
    display: block;
    width: 1px;
    height: 100%;
    flex: 0 0 1px;
    background: rgba(255, 255, 255, 0.1); }

@media only screen and (max-width: 850px) {
  .mobile_menu {
    display: block; }
  .mobile_nav_tabs {
    display: flex; } }

.btn_classic {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 10px 10px;
  background: black;
  border: 1px solid black;
  color: white;
  font-size: 16px;
  width: 100%;
  max-width: 90%;
  letter-spacing: 1px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  margin-top: 10px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -khtml-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  .btn_classic a {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%; }
  .btn_classic:hover {
    background: rgba(240, 240, 240, 0.5);
    color: black; }

.btn_outline {
  position: relative;
  display: block;
  padding: 15px 30px;
  color: white;
  border: 1px solid white;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -khtml-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }
  .btn_outline:hover {
    color: black;
    background: white; }

.big_btn_classic {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 10px 10px;
  background: black;
  border: 1px solid black;
  color: white;
  font-size: 16px;
  width: 100%;
  letter-spacing: 1px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -khtml-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  .big_btn_classic:hover {
    background: rgba(240, 240, 240, 0.5);
    color: black; }

.btns {
  position: relative;
  display: flex; }
  .btns .btn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    width: 30px;
    height: 30px;
    background: #ffd518;
    margin-left: 10px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ffd518;
    cursor: pointer; }
    .btns .btn:hover {
      color: #ffd518;
      background: rgba(0, 0, 0, 0.3); }
  .btns .delete {
    background: #ce0711;
    border-color: #ce0711; }
    .btns .delete:hover {
      color: #ce0711;
      background: rgba(0, 0, 0, 0.3); }
  .btns .edit {
    background: #1abc9c;
    border-color: #1abc9c; }
    .btns .edit:hover {
      color: #1abc9c;
      background: rgba(0, 0, 0, 0.3); }

.form_page {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh; }
  .form_page .col {
    padding-top: 60px;
    position: relative;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 100vh; }
  .form_page .full_img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover; }

.form_page_reversed {
  flex-flow: row-reverse; }

.form {
  position: relative;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%; }
  .form textarea {
    min-height: 120px; }
  .form .form_title {
    display: block;
    position: relative;
    margin-bottom: 20px; }
  .form .btn_classic {
    width: 500px;
    max-width: 90%; }

.input_line {
  position: relative;
  display: block;
  width: 500px;
  max-width: 90%;
  margin-bottom: 10px; }
  .input_line:focus-within .label {
    color: black; }
  .input_line .label {
    position: relative;
    display: block;
    color: black;
    margin-bottom: 3px;
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    -webkit-transition: 0.3s;
    -khtml-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
  .input_line .field {
    position: relative;
    font-size: 16px;
    display: block;
    width: 100%;
    outline: none;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 10px;
    border: 1px solid #e5e5e5;
    background: white;
    color: black;
    -webkit-transition: 0.3s;
    -khtml-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
    .input_line .field:focus {
      border-color: black; }

.file_upload {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 100px;
  max-width: 100%;
  height: 100px;
  background: transparent url(../img/placeholder.jpg) center center no-repeat;
  background-size: cover;
  -webkit-transition: 0.2s;
  -khtml-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  -webkit-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
  -khtml-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  cursor: pointer;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  margin-bottom: 10px; }
  .file_upload input {
    width: 100%;
    height: 100%;
    opacity: 0; }
  .file_upload img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: auto; }

.card_editor {
  border: 1px solid #e5e5e5;
  padding: 10px;
  width: 100%;
  border-radius: 5px; }

.trainer_edit {
  padding: 0px 20px;
  margin: 0 auto;
  display: block; }

.calendar_sport {
  min-height: 900px; }

.calendar_sport .bs-card-offer {
  background: #000 !important;
  color: #fff !important; }

.black_page {
  background: black; }

.page {
  position: relative;
  display: block;
  padding-top: 60px;
  min-height: 100vh;
  width: 100%;
  overflow: hidden; }

.page_header {
  position: relative;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 150px;
  background: black url("/img/carbon.jpg") repeat center;
  background-size: 200px;
  box-shadow: inset 0px 0px 50px 200px rgba(0, 0, 0, 0.5); }
  .page_header h1 {
    margin-top: 20px; }
  .page_header h4 {
    color: white;
    font-size: 20px; }
  .page_header .bg {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center; }
  .page_header .page_title {
    color: white;
    font-size: 35px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    z-index: 1; }
    .page_header .page_title:before {
      content: "";
      position: absolute;
      display: block;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background: rgba(0, 0, 0, 0.3);
      mix-blend-mode: color; }
  .page_header .image {
    position: relative;
    height: 100%;
    width: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, 0.3); }
    .page_header .image img {
      position: relative;
      display: block;
      width: 100%;
      height: 100%;
      object-fit: contain; }

.page_body section {
  padding: 30px 10px; }

.page_body .section_title_1 {
  font-size: 22px;
  color: black;
  margin-bottom: 10px; }

.page_body .section_title_2 {
  font-size: 18px;
  margin-bottom: 10px; }

.page_body .section_title_3 {
  font-size: 16px;
  margin-bottom: 5px;
  text-decoration: underline; }

.page_body .page_paragraph {
  padding: 10px 0; }

.page_article h1 {
  font-size: 22px;
  color: black;
  margin-bottom: 10px; }

.page_article h2 {
  font-size: 18px;
  margin-bottom: 10px; }

.page_article h3 {
  font-size: 16px;
  margin-bottom: 5px;
  text-decoration: underline; }

.page_article p {
  padding: 10px 0; }

.crossfit_page {
  position: relative;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 50px 10px 10px 10px; }
  .crossfit_page .page_title {
    font-size: 50px;
    text-align: center; }
  .crossfit_page .page_sub_title {
    font-size: 30px;
    text-align: center; }
  .crossfit_page .content {
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center; }
    .crossfit_page .content .pic {
      position: relative;
      display: block;
      width: 500px;
      max-width: 80%;
      max-height: 400px;
      overflow: hidden;
      -webkit-box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.5);
      -khtml-box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.5);
      -ms-box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.5);
      -o-box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.5);
      box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.5); }
      .crossfit_page .content .pic img {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center; }
    .crossfit_page .content .text {
      padding: 30px 10px 30px 10px;
      text-align: center;
      font-size: 18px; }
  .crossfit_page .crossfit_journal_link {
    position: relative;
    display: block;
    width: 300px;
    height: 150px;
    overflow: hidden; }
    .crossfit_page .crossfit_journal_link:after {
      content: "";
      position: absolute;
      display: block;
      width: 120px;
      height: 300px;
      top: -100px;
      left: 350px;
      backdrop-filter: brightness(5);
      -webkit-transform: rotate(25deg);
      -khtml-transform: rotate(25deg);
      -moz-transform: rotate(25deg);
      -ms-transform: rotate(25deg);
      -o-transform: rotate(25deg);
      transform: rotate(25deg); }
    .crossfit_page .crossfit_journal_link:hover:after {
      left: -250px;
      -webkit-transition: 0.5s;
      -khtml-transition: 0.5s;
      -moz-transition: 0.5s;
      -ms-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s; }
    .crossfit_page .crossfit_journal_link img {
      position: relative;
      display: block;
      width: 100%;
      height: 100%;
      object-fit: contain;
      object-position: center; }

.page_intro_text {
  display: block;
  position: relative;
  color: black;
  margin: 0 auto;
  width: 100%;
  max-width: 750px;
  margin-top: 20px;
  padding: 10px 20px;
  font-family: "Rajdhani", sans-serif;
  font-size: 20px;
  font-weight: bold;
  text-align: center; }

@media only screen and (max-width: 850px) {
  .page .page_header {
    height: 100px; }
    .page .page_header .page_title {
      font-size: 20px; } }

.btnNoScriptFound {
  background: #918015;
  padding: 10px 20px;
  width: 20%;
  margin: 20px auto;
  display: block; }

.sign_popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 120px 10px 70px 10px;
  transform: translate3d(0, 0, 0); }
  .sign_popup .image_container {
    max-width: 90vh; }
    .sign_popup .image_container img {
      max-width: 100%; }
    .sign_popup .image_container .close {
      color: rgba(255, 255, 255, 0.8);
      position: absolute;
      display: flex;
      justify-content: center;
      align-items: center;
      right: 0px;
      top: 0px;
      border: 2px solid rgba(255, 255, 255, 0.8);
      width: 40px;
      height: 40px;
      -webkit-border-radius: 50px;
      -khtml-border-radius: 50px;
      -moz-border-radius: 50px;
      -ms-border-radius: 50px;
      -o-border-radius: 50px;
      border-radius: 50px;
      z-index: 10;
      cursor: pointer;
      border-color: white;
      color: white;
      background: black; }
  .sign_popup .popup_container {
    position: relative;
    display: flex;
    flex-flow: column;
    width: 700px;
    height: 500px;
    max-width: 100%;
    max-height: 100%;
    background: url("/img/r2-popup.jpg") no-repeat center;
    background-size: cover;
    -webkit-box-shadow: 0 1px 10px rgba(255, 255, 255, 0.5);
    -khtml-box-shadow: 0 1px 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 1px 10px rgba(255, 255, 255, 0.5);
    -ms-box-shadow: 0 1px 10px rgba(255, 255, 255, 0.5);
    -o-box-shadow: 0 1px 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 1px 10px rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden; }
    .sign_popup .popup_container .close {
      color: rgba(255, 255, 255, 0.5);
      position: absolute;
      display: flex;
      justify-content: center;
      align-items: center;
      right: 5px;
      top: 5px;
      border: 1px solid rgba(255, 255, 255, 0.5);
      width: 40px;
      height: 40px;
      -webkit-border-radius: 50px;
      -khtml-border-radius: 50px;
      -moz-border-radius: 50px;
      -ms-border-radius: 50px;
      -o-border-radius: 50px;
      border-radius: 50px;
      z-index: 10;
      cursor: pointer; }
      .sign_popup .popup_container .close:hover {
        border-color: white;
        color: white; }
    .sign_popup .popup_container .content {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 100%; }
    .sign_popup .popup_container .actions {
      position: relative;
      display: flex;
      justify-content: center;
      flex-flow: column;
      align-items: center;
      width: 100%;
      height: 100px;
      padding: 20px; }
      .sign_popup .popup_container .actions .line {
        color: white;
        position: relative;
        display: block;
        width: 100%;
        text-align: center; }
        .sign_popup .popup_container .actions .line a {
          color: red;
          font-weight: bold; }

.popup_container {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100000;
  overflow: auto;
  background: rgba(0, 0, 0, 0.9); }
  .popup_container .close {
    cursor: pointer;
    color: white;
    font-size: 30px; }
    .popup_container .close:before {
      content: "\f057";
      font-family: FontAwesome;
      -webkit-transition: 0.3s;
      -khtml-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
    .popup_container .close:hover {
      color: black; }
  .popup_container .popup {
    background: rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 2px 0 6px rgba(0, 0, 0, 0.2) 2px 5px rgba(0, 0, 0, 0.4);
    -khtml-box-shadow: 2px 0 6px rgba(0, 0, 0, 0.2) 2px 5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 2px 0 6px rgba(0, 0, 0, 0.2) 2px 5px rgba(0, 0, 0, 0.4);
    -ms-box-shadow: 2px 0 6px rgba(0, 0, 0, 0.2) 2px 5px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 2px 0 6px rgba(0, 0, 0, 0.2) 2px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 2px 0 6px rgba(0, 0, 0, 0.2) 2px 5px rgba(0, 0, 0, 0.4);
    width: 800px;
    max-width: 90%;
    max-height: 90vh; }
    .popup_container .popup .top {
      position: relative;
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      height: 60px;
      padding: 5px 10px;
      background: #ffd518; }
      .popup_container .popup .top .title {
        color: black; }
    .popup_container .popup .body {
      position: relative;
      width: 100%;
      padding: 10px; }
      .popup_container .popup .body .line label {
        background: white;
        display: inline-block;
        width: auto;
        padding: 2px 20px;
        margin-left: 5px;
        -webkit-border-radius: 15px 15px 0px 0px;
        -khtml-border-radius: 15px 15px 0px 0px;
        -moz-border-radius: 15px 15px 0px 0px;
        -ms-border-radius: 15px 15px 0px 0px;
        -o-border-radius: 15px 15px 0px 0px;
        border-radius: 15px 15px 0px 0px; }
      .popup_container .popup .body .input_line {
        margin-top: 0px; }
        .popup_container .popup .body .input_line input, .popup_container .popup .body .input_line textarea {
          background: #1a1a1a;
          color: white;
          font-size: 16px;
          resize: vertical;
          border: 1px solid white; }
          .popup_container .popup .body .input_line input:focus, .popup_container .popup .body .input_line textarea:focus {
            border-color: #ffd518; }
    .popup_container .popup .bottom {
      position: relative;
      display: flex;
      justify-content: space-around;
      align-items: center;
      width: 100%;
      height: 60px;
      padding: 5px 10px;
      gap: 10px; }
      .popup_container .popup .bottom .save {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        text-transform: uppercase;
        padding: 6px 20PX;
        width: 160px;
        text-align: center;
        color: white;
        background: #1abc9c;
        border: 1px solid #1abc9c;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        cursor: pointer; }
        .popup_container .popup .bottom .save:hover {
          background: rgba(26, 188, 156, 0.5); }
      .popup_container .popup .bottom .cancel {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        text-transform: uppercase;
        padding: 6px 20PX;
        width: 160px;
        text-align: center;
        border: 1px solid #ce0711;
        color: #ce0711;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        cursor: pointer; }
        .popup_container .popup .bottom .cancel:hover {
          background: #ce0711;
          color: white; }

.carousel_container {
  position: relative;
  width: 100%;
  overflow: hidden; }
  .carousel_container * {
    outline: none !important; }

.slider_arrow_left {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 5px;
  top: 35%;
  z-index: 10;
  font-family: FontAwesome;
  font-size: 120px;
  text-shadow: 0 0 6px rgba(255, 255, 255, 0.9);
  color: rgba(255, 255, 255, 0.8);
  -webkit-transition: 0.3s;
  -khtml-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer; }
  .slider_arrow_left:before {
    content: '\f0d9'; }
  .slider_arrow_left:hover {
    color: black;
    -webkit-transform: scale(1.2);
    -khtml-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }

.slider_arrow_right {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 5px;
  top: 35%;
  z-index: 10;
  font-family: FontAwesome;
  font-size: 120px;
  text-shadow: 0 0 6px rgba(255, 255, 255, 0.9);
  color: rgba(255, 255, 255, 0.8);
  -webkit-transition: 0.3s;
  -khtml-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer; }
  .slider_arrow_right:before {
    content: '\f0da'; }
  .slider_arrow_right:hover {
    color: black;
    -webkit-transform: scale(1.2);
    -khtml-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }

.tftable {
  font-size: 12px;
  color: black;
  width: 100%;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.1);
  border-collapse: collapse;
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3) 2px 5px rgba(0, 0, 0, 0.4);
  -khtml-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3) 2px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3) 2px 5px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3) 2px 5px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3) 2px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3) 2px 5px rgba(0, 0, 0, 0.4);
  word-wrap: break-word; }
  .tftable .actions {
    position: relative; }
    .tftable .actions .action {
      position: relative;
      display: flex;
      width: 30px;
      height: 30px;
      justify-content: center;
      align-items: center;
      cursor: pointer; }
      .tftable .actions .action:hover {
        background: #ffd518; }

.tftable th {
  font-size: 14px;
  background-color: white;
  border-width: 1px;
  padding: 2px 8px;
  border-style: none;
  border-bottom: 2px solid;
  border-color: black;
  text-align: center;
  color: black;
  height: 40px; }

.tftable tr {
  background-color: white;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.tftable tr:nth-child(2n + 1) {
  background-color: white; }

.tftable tbody:nth-child(2n + 1) {
  background-color: white; }

.tftable td {
  position: relative;
  font-size: 14px;
  border-width: 1px;
  line-height: 20px;
  padding: 8px 5px;
  border-style: none;
  text-align: center;
  border-color: rgba(0, 0, 0, 0.1); }

.tftable tr:hover {
  background-color: rgba(0, 0, 0, 0.1); }

.table_title {
  position: relative;
  display: flex;
  justify-content: space-around;
  width: 100%;
  background: black;
  color: white;
  text-align: center;
  padding: 10px 0; }
  .table_title .value {
    color: #7b797e; }

.double_tables {
  position: relative;
  display: flex;
  width: 100%; }
  .double_tables table:first-child {
    border-right: 1px solid black;
    margin-right: -1px; }
  .double_tables table:last-child {
    border-left: 1px solid black;
    margin-left: -1px; }

.search_table tr {
  cursor: pointer; }
  .search_table tr:hover {
    color: red; }

.search_table .best:before {
  content: "\f005";
  font-family: FontAwesome;
  color: orange; }

.search_table .selected {
  background: black !important;
  color: white !important; }

.home_cont .home_main {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  overflow: hidden; }
  .home_cont .home_main .vid_holder {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .home_cont .home_main .vid_holder img {
      position: relative;
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .home_cont .home_main video {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    overflow: hidden; }
  .home_cont .home_main:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0.3;
    background: black;
    /* Old browsers */
    background: -moz-linear-gradient(top, black 0%, black 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, black 0%, black 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, black 0%, black 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
  .home_cont .home_main .screen_lens {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    mix-blend-mode: screen;
    opacity: 0.5;
    z-index: 3; }
  .home_cont .home_main .content {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: column;
    padding: 10px;
    z-index: 5;
    text-align: center; }
    .home_cont .home_main .content h1 {
      font-size: 60px;
      color: white;
      text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
      margin-bottom: 10px; }
    .home_cont .home_main .content p {
      font-size: 24px;
      color: white;
      text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8); }

.home_section {
  position: relative;
  display: block;
  width: 100%;
  padding: 50px 30px;
  overflow: hidden; }
  .home_section .section_title {
    position: relative;
    display: block;
    width: 100%;
    font-size: 40px;
    margin-bottom: 30px;
    text-align: center; }
  .home_section .section_container {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: space-around;
    align-items: center; }

.home_section_dark {
  background: black;
  padding: 0;
  padding-top: 50px; }
  .home_section_dark .section_title {
    color: white; }

.home_section_text {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  margin: 0 auto;
  width: 100%;
  height: 300px;
  text-align: center;
  padding: 20px; }
  .home_section_text .title {
    color: black;
    font-size: 30px;
    margin-bottom: 20px; }
  .home_section_text .content {
    color: black;
    font-size: 18px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 600px; }

.section_dark {
  background: black; }
  .section_dark .title {
    color: white; }
  .section_dark .content {
    color: rgba(255, 255, 255, 0.5); }

.home_section_instagram {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
  text-align: center;
  padding: 40px 20px;
  overflow: hidden; }
  .home_section_instagram .title {
    color: black;
    font-size: 30px;
    margin-bottom: 5px; }
  .home_section_instagram .sub_title {
    color: gray;
    margin-bottom: 20px; }
  .home_section_instagram .content {
    position: relative;
    display: inline-block;
    width: 100%; }
    .home_section_instagram .content .item {
      position: relative;
      display: inline-block;
      width: 300px;
      height: 300px;
      -webkit-transition: 0.3s;
      -khtml-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
      .home_section_instagram .content .item:hover {
        z-index: 1; }
        .home_section_instagram .content .item:hover .bg {
          filter: grayscale(0);
          -webkit-transform: scale(1.1);
          -khtml-transform: scale(1.1);
          -moz-transform: scale(1.1);
          -ms-transform: scale(1.1);
          -o-transform: scale(1.1);
          transform: scale(1.1); }
        .home_section_instagram .content .item:hover .follow {
          top: 0px;
          opacity: 1;
          -webkit-transition: 0.6s;
          -khtml-transition: 0.6s;
          -moz-transition: 0.6s;
          -ms-transition: 0.6s;
          -o-transition: 0.6s;
          transition: 0.6s; }
        .home_section_instagram .content .item:hover .name {
          left: 10px;
          opacity: 1;
          -webkit-transition: 0.5s;
          -khtml-transition: 0.5s;
          -moz-transition: 0.5s;
          -ms-transition: 0.5s;
          -o-transition: 0.5s;
          transition: 0.5s; }
      .home_section_instagram .content .item .follow {
        position: absolute;
        display: inline-block;
        width: 20px;
        height: 20px;
        z-index: 1;
        color: white;
        font-family: "Rajdhani", sans-serif;
        -webkit-transform: rotate(90deg);
        -khtml-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        font-size: 20px;
        top: -50px;
        right: 10px;
        opacity: 0;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7); }
        .home_section_instagram .content .item .follow:before {
          position: relative;
          display: inline;
          content: "\f16d";
          margin: 10px;
          font-family: FontAwesome; }
      .home_section_instagram .content .item .name {
        position: absolute;
        display: block;
        z-index: 1;
        color: white;
        font-family: "Rajdhani", sans-serif;
        bottom: 10px;
        left: -50px;
        opacity: 0;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7); }
      .home_section_instagram .content .item .bg {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
        filter: grayscale(1);
        -webkit-transition: 0.3s;
        -khtml-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s; }
        .home_section_instagram .content .item .bg img {
          position: relative;
          display: block;
          width: 100%;
          height: 100%;
          object-fit: cover; }

.home_trainer_block {
  position: relative;
  display: flex;
  width: 25%;
  height: 400px;
  padding: 5px;
  overflow: hidden; }
  .home_trainer_block .img {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
    -khtml-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
    -webkit-transition: 1s;
    -khtml-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    filter: grayscale(1); }
  .home_trainer_block:hover .img {
    filter: grayscale(0);
    -webkit-transform: scale(1.1);
    -khtml-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  .home_trainer_block .hover_block {
    position: absolute;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    color: white;
    background: rgba(0, 0, 0, 0.1);
    opacity: 0;
    overflow: hidden;
    -webkit-transition: 0.3s;
    -khtml-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
    .home_trainer_block .hover_block:hover {
      opacity: 1; }
      .home_trainer_block .hover_block:hover .follow {
        top: 0px;
        opacity: 1;
        -webkit-transition: 0.6s;
        -khtml-transition: 0.6s;
        -moz-transition: 0.6s;
        -ms-transition: 0.6s;
        -o-transition: 0.6s;
        transition: 0.6s; }
      .home_trainer_block .hover_block:hover .name {
        left: 10px;
        opacity: 1;
        -webkit-transition: 0.5s;
        -khtml-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s; }
    .home_trainer_block .hover_block .name {
      position: absolute;
      display: block;
      z-index: 1;
      color: white;
      font-family: "Rajdhani", sans-serif;
      bottom: 10px;
      left: -50px;
      opacity: 0;
      text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7); }
    .home_trainer_block .hover_block .follow {
      position: absolute;
      display: inline-block;
      width: 20px;
      height: 20px;
      z-index: 1;
      color: white;
      font-family: "Rajdhani", sans-serif;
      -webkit-transform: rotate(90deg);
      -khtml-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg);
      font-size: 20px;
      top: -50px;
      right: 10px;
      opacity: 0;
      text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7); }
      .home_trainer_block .hover_block .follow:before {
        position: relative;
        display: inline;
        content: "\f16d";
        margin: 10px;
        font-family: FontAwesome; }
    .home_trainer_block .hover_block .content {
      position: relative;
      text-align: center;
      padding: 10px;
      width: 90%;
      padding-bottom: 20px; }
    .home_trainer_block .hover_block .actions {
      width: 90%;
      position: relative;
      display: flex;
      justify-content: center; }
      .home_trainer_block .hover_block .actions .separator {
        position: relative;
        display: block;
        width: 40px; }
      .home_trainer_block .hover_block .actions .btn_action {
        position: relative;
        display: block;
        text-align: center;
        width: 100%;
        max-width: 180px;
        text-transform: uppercase;
        max-width: 150px;
        padding: 10px;
        margin-bottom: 20px;
        font-size: 12px;
        color: white;
        background: rgba(255, 255, 255, 0.1);
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        -webkit-transition: 0.3s;
        -khtml-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        border: 1px solid white;
        cursor: pointer; }
        .home_trainer_block .hover_block .actions .btn_action:hover {
          color: black;
          background: white; }

.home_section_side {
  overflow: hidden;
  position: relative; }
  .home_section_side .home_side_text_pic {
    position: relative;
    display: block;
    width: 100%;
    height: 400px;
    background: black;
    color: white;
    padding: 0 10px; }
    .home_section_side .home_side_text_pic .actions {
      position: relative;
      display: flex;
      justify-content: space-around;
      margin-top: 30px; }
      .home_section_side .home_side_text_pic .actions .btn_outline {
        padding: 10px 30px; }
      .home_section_side .home_side_text_pic .actions * {
        max-width: 250px; }
    .home_section_side .home_side_text_pic .limited_center {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%; }
    .home_section_side .home_side_text_pic .pic_block {
      position: relative;
      display: block;
      width: 100%;
      height: 100%; }
      .home_section_side .home_side_text_pic .pic_block img {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .home_section_side .home_side_text_pic .text_block {
      padding: 10px;
      width: 100%;
      color: white;
      text-align: center; }
      .home_section_side .home_side_text_pic .text_block .title {
        margin-bottom: 5px; }
      .home_section_side .home_side_text_pic .text_block .time {
        margin-bottom: 20px;
        display: block; }
      .home_section_side .home_side_text_pic .text_block .content {
        position: relative;
        display: inline-block;
        max-width: 400px;
        color: rgba(255, 255, 255, 0.5); }
    .home_section_side .home_side_text_pic:nth-child(2n) .limited_center {
      flex-flow: row-reverse; }

.home_map {
  position: relative;
  display: block;
  width: 100%;
  height: 500px;
  background: white;
  overflow: hidden; }
  .home_map:hover .map_containers {
    opacity: 1; }
  .home_map .map_containers {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: 0.3s;
    -khtml-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
    .home_map .map_containers .map_container {
      position: relative;
      flex-flow: column;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      width: 300px;
      height: 200px;
      background: white;
      margin: 10px 20px;
      -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
      -khtml-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
      -ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
      -o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
      box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
      -webkit-border-radius: 3px;
      -khtml-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      pointer-events: visible; }
      .home_map .map_containers .map_container .link {
        position: relative;
        font-size: 12px;
        font-weight: bold;
        padding: 10px 5px;
        color: black; }
      .home_map .map_containers .map_container .btn_classic {
        padding: 5px 10px;
        max-width: 150px; }

.map_marker {
  position: relative;
  display: block;
  width: 5px;
  height: 5px;
  background: red; }
  .map_marker:hover .marker_pop {
    top: 30px;
    opacity: 1; }
  .map_marker .image {
    display: block;
    position: absolute;
    width: 50px;
    height: 50px;
    top: -25px;
    left: -25px; }
  .map_marker .marker_pop {
    position: absolute;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 180px;
    height: 80px;
    background: white;
    top: 60px;
    left: -90px;
    padding: 10px;
    text-align: center;
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
    -khtml-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
    opacity: 0;
    -webkit-transition: 0.3s;
    -khtml-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
    .map_marker .marker_pop:after {
      content: "";
      position: absolute;
      top: -50px;
      height: 150%;
      width: 100%;
      z-index: 1; }
    .map_marker .marker_pop:before {
      content: "";
      position: absolute;
      display: block;
      width: 10px;
      height: 10px;
      top: -5px;
      left: 50%;
      -webkit-transform: translateX(-50%) rotate(45deg);
      -khtml-transform: translateX(-50%) rotate(45deg);
      -moz-transform: translateX(-50%) rotate(45deg);
      -ms-transform: translateX(-50%) rotate(45deg);
      -o-transform: translateX(-50%) rotate(45deg);
      transform: translateX(-50%) rotate(45deg);
      background: white; }
    .map_marker .marker_pop .name {
      color: black; }
    .map_marker .marker_pop .phone {
      font-weight: bold; }

#typewriter {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  height: 100px;
  width: 100%; }
  #typewriter * {
    color: #ffd518;
    font-size: 32px;
    text-transform: uppercase;
    font-family: "Mukta", cursive;
    font-weight: 900;
    text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.8); }

.scroll_down {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  bottom: 40px;
  color: white;
  z-index: 10; }
  .scroll_down .text {
    text-transform: uppercase;
    letter-spacing: 2px; }
  .scroll_down .graph {
    animation: arrow_down 1s infinite;
    animation-fill-mode: forwards;
    animation-direction: alternate;
    animation-timing-function: linear; }
    .scroll_down .graph:before {
      content: "\f078";
      font-family: FontAwesome;
      font-size: 40px;
      color: rgba(255, 255, 255, 0.7);
      line-height: 30px; }

.quotes {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background: black;
  margin: 0;
  width: 100%;
  padding: 20px 20px; }
  .quotes .carousel_container {
    display: flex;
    justify-content: center;
    align-items: center; }
  .quotes .review_container {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-height: 200px; }
  .quotes .review {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 90%;
    max-width: 900px;
    height: 100%;
    text-align: center; }
    .quotes .review .quote {
      display: inline-block; }
    .quotes .review .text {
      display: inline;
      font-size: 24px;
      position: relative;
      white-space: pre-wrap;
      text-align: center;
      color: rgba(255, 255, 255, 0.6);
      -webkit-transition: 0.3s;
      -khtml-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
      .quotes .review .text:before, .quotes .review .text:after {
        position: relative;
        margin: 0 10px;
        font-family: FontAwesome;
        font-size: 0.8em;
        color: rgba(255, 255, 255, 0.2); }
      .quotes .review .text:before {
        content: "\f10d"; }
      .quotes .review .text:after {
        content: "\f10e"; }
    .quotes .review .author {
      display: inline;
      position: relative;
      color: white;
      text-transform: uppercase;
      float: right;
      font-size: 32px;
      -webkit-transition: 0.3s;
      -khtml-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }

.home_press_logos {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0px 0;
  background: black; }
  .home_press_logos .carousel_container {
    position: relative;
    display: block;
    height: 60px;
    width: 100%;
    overflow: hidden; }
  .home_press_logos .press_logo {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    padding: 5px 80px;
    -webkit-filter: grayscale(1) brightness(0.9) contrast(1.2);
    -moz-filter: grayscale(1) brightness(0.9) contrast(1.2);
    -o-filter: grayscale(1) brightness(0.9) contrast(1.2);
    filter: grayscale(1) brightness(0.9) contrast(1.2);
    mix-blend-mode: screen; }
    .home_press_logos .press_logo img {
      position: relative;
      display: block;
      height: 100%;
      width: 100%;
      object-fit: contain; }
    .home_press_logos .press_logo:hover {
      -webkit-filter: grayscale(0) brightness(1) contrast(1);
      -moz-filter: grayscale(0) brightness(1) contrast(1);
      -o-filter: grayscale(0) brightness(1) contrast(1);
      filter: grayscale(0) brightness(1) contrast(1); }

@keyframes arrow_down {
  0% {
    transform: translateY(-6px) scale(1);
    opacity: 0.5; }
  100% {
    transform: translateY(10px) scale(1);
    opacity: 1; } }

@media only screen and (max-width: 850px) {
  .home_cont .home_main .content h1 {
    font-size: 30px; }
  .home_section {
    padding: 50px 5px; }
  .home_section_text {
    height: auto;
    padding: 50px 20px; }
    .home_section_text .content .review .text {
      position: relative;
      display: block;
      width: 100%;
      white-space: pre-wrap; }
  .home_section_side .home_side_text_pic {
    height: auto !important; }
    .home_section_side .home_side_text_pic .text_block {
      padding: 50px 10px;
      height: 420px; }
    .home_section_side .home_side_text_pic .pic_block {
      height: 320px; }
    .home_section_side .home_side_text_pic .limited_center {
      flex-flow: column !important; }
  .home_section_instagram .content .item {
    width: 100%; }
    .home_section_instagram .content .item .follow {
      top: 0px;
      opacity: 1;
      font-size: 30px;
      -webkit-transition: 0.6s;
      -khtml-transition: 0.6s;
      -moz-transition: 0.6s;
      -ms-transition: 0.6s;
      -o-transition: 0.6s;
      transition: 0.6s; }
    .home_section_instagram .content .item .name {
      left: 10px;
      font-size: 30px;
      opacity: 1;
      -webkit-transition: 0.6s;
      -khtml-transition: 0.6s;
      -moz-transition: 0.6s;
      -ms-transition: 0.6s;
      -o-transition: 0.6s;
      transition: 0.6s; }
  .home_press_logos .carousel_container {
    height: 40px !important; }
    .home_press_logos .carousel_container .press_logo {
      height: 40px !important;
      padding: 5px 20px !important; } }

.trainers_grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(381px, 3fr));
  justify-items: center;
  grid-gap: 20px 10px;
  padding: 20px 10px; }
  .trainers_grid .trainer_block {
    position: relative;
    display: block;
    width: 380px;
    height: 500px;
    background: black;
    overflow: hidden; }
    .trainers_grid .trainer_block .pic {
      position: absolute;
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      -webkit-transition: 0.5s;
      -khtml-transition: 0.5s;
      -moz-transition: 0.5s;
      -ms-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      filter: grayscale(1) brightness(1.2) contrast(1.5); }
    .trainers_grid .trainer_block .actions {
      position: absolute;
      display: flex;
      justify-content: center;
      align-items: center;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0; }
      .trainers_grid .trainer_block .actions .btn_action {
        position: relative;
        display: block;
        text-align: center;
        width: 100%;
        max-width: 180px;
        text-transform: uppercase;
        max-width: 150px;
        padding: 10px;
        margin-bottom: 20px;
        font-size: 12px;
        color: white;
        background: rgba(255, 255, 255, 0.1);
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        -webkit-transition: 0.3s;
        -khtml-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        border: 1px solid white;
        cursor: pointer;
        opacity: 0; }
        .trainers_grid .trainer_block .actions .btn_action:hover {
          color: black;
          background: white; }
    .trainers_grid .trainer_block .user {
      position: absolute;
      display: flex;
      align-items: flex-end;
      justify-content: flex-end;
      padding: 10px 20px;
      width: 100%;
      color: black;
      z-index: 1;
      bottom: 0;
      background: rgba(255, 255, 255, 0.6);
      -webkit-transition: 0.5s;
      -khtml-transition: 0.5s;
      -moz-transition: 0.5s;
      -ms-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      text-align: right; }
    .trainers_grid .trainer_block:hover .pic {
      filter: grayscale(0);
      -webkit-transform: scale(1.2) rotate(10deg);
      -khtml-transform: scale(1.2) rotate(10deg);
      -moz-transform: scale(1.2) rotate(10deg);
      -ms-transform: scale(1.2) rotate(10deg);
      -o-transform: scale(1.2) rotate(10deg);
      transform: scale(1.2) rotate(10deg); }
    .trainers_grid .trainer_block:hover .user {
      color: white;
      padding: 20px 20px;
      background: rgba(0, 0, 0, 0.4);
      letter-spacing: 2px;
      backdrop-filter: blur(5px); }
    .trainers_grid .trainer_block:hover .actions .btn_action {
      opacity: 1; }

.trainer_profile_page {
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  margin-top: 60px; }
  .trainer_profile_page .bg {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%; }
    .trainer_profile_page .bg:after {
      content: "";
      position: absolute;
      display: block;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background: rgba(255, 255, 255, 0.8); }
    .trainer_profile_page .bg .pic {
      position: relative;
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      filter: grayscale(1) brightness(2) contrast(2) blur(4px); }
  .trainer_profile_page .trainer_pic {
    position: relative;
    display: block;
    width: 40%;
    height: 80vh;
    -webkit-box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.5);
    -khtml-box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.5);
    box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.5); }
    .trainer_profile_page .trainer_pic img {
      position: relative;
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center; }
  .trainer_profile_page .content {
    position: relative;
    display: block;
    width: 40%;
    padding: 20px;
    margin: 0 auto; }
    .trainer_profile_page .content .title {
      margin-bottom: 10px; }
    .trainer_profile_page .content .sub_title {
      position: relative;
      display: flex;
      align-items: center;
      margin-bottom: 10px;
      color: rgba(0, 0, 0, 0.5); }
      .trainer_profile_page .content .sub_title:after {
        content: "\f10e";
        font-family: FontAwesome;
        font-size: 14px;
        color: rgba(0, 0, 0, 0.2);
        margin-left: 10px; }
    .trainer_profile_page .content .follow {
      position: relative;
      margin-bottom: 20px;
      -webkit-transition: 0.3s;
      -khtml-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
      .trainer_profile_page .content .follow:hover {
        letter-spacing: 1px; }
      .trainer_profile_page .content .follow:before {
        position: relative;
        display: inline;
        content: "\f16d";
        margin: 10px 10px 10px 0px;
        font-family: FontAwesome; }
    .trainer_profile_page .content .text {
      padding: 20px 0; }
    .trainer_profile_page .content .btn_classic {
      margin-top: 30px; }

@media only screen and (max-width: 850px) {
  .trainers_grid {
    display: block; }
    .trainers_grid .trainer_block {
      width: 100%;
      margin: 0 auto 10px auto; }
  .trainer_profile_page {
    flex-flow: column;
    justify-content: flex-start; }
    .trainer_profile_page .trainer_pic {
      width: 100%;
      height: 300px;
      max-width: 100%; }
    .trainer_profile_page .content {
      width: 100%; } }

.location_page .country_title {
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
  font-family: "Rajdhani", sans-serif;
  font-size: 40px;
  font-weight: bold;
  margin-top: 20px; }

.block_location {
  text-align: center;
  display: flex;
  margin: 40px 0; }
  .block_location:nth-child(2n) {
    flex-flow: row-reverse; }
  .block_location .col {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    width: 100%; }
  .block_location .data .city {
    color: #7b797e; }
  .block_location .data .address {
    display: block; }
  .block_location .data .zip {
    display: block; }
  .block_location .data .phone {
    color: black;
    display: inline-block;
    margin-top: 5px;
    font-weight: bold; }
    .block_location .data .phone:before {
      position: relative;
      content: '\f095';
      font-family: FontAwesome;
      margin-right: 10px;
      font-weight: normal; }
    .block_location .data .phone:after {
      content: "";
      position: relative;
      display: block;
      width: 100%;
      height: 2px;
      background: transparent;
      width: 0;
      -webkit-transition: 0.3s;
      -khtml-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
    .block_location .data .phone:hover:after {
      content: "";
      background: black;
      width: 100%;
      height: 2px; }
  .block_location .data .actions {
    position: relative;
    display: flex;
    justify-content: space-around;
    margin-top: 15px; }
    .block_location .data .actions .btn_classic {
      max-width: 280px;
      width: auto;
      font-size: 14px;
      font-family: "Rajdhani", sans-serif;
      margin: 0 3px; }
  .block_location .location_map {
    position: relative;
    display: block;
    width: 600px;
    max-width: 90%;
    height: 300px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.5);
    -khtml-box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.5);
    box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.5);
    overflow: hidden; }

@media only screen and (max-width: 850px) {
  .block_location {
    flex-flow: column !important; } }

.sports_page .block {
  text-align: center;
  display: flex; }
  .sports_page .block:nth-child(2n + 1) {
    flex-flow: row-reverse; }
  .sports_page .block .col {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    width: 100%;
    background: black; }
  .sports_page .block .data {
    padding: 20px; }
    .sports_page .block .data .name {
      color: white; }
    .sports_page .block .data .duration {
      color: rgba(255, 255, 255, 0.6);
      margin-bottom: 30px; }
    .sports_page .block .data .content {
      display: block;
      max-width: 350px;
      color: rgba(255, 255, 255, 0.8);
      margin: 0 auto; }
    .sports_page .block .data .actions {
      position: relative;
      display: flex;
      justify-content: space-around;
      margin-top: 30px; }
      .sports_page .block .data .actions .btn_outline {
        padding: 10px 30px; }
      .sports_page .block .data .actions * {
        max-width: 250px; }
  .sports_page .block .image {
    position: relative;
    display: block;
    height: 100%;
    max-height: 60vh;
    width: 100%; }
    .sports_page .block .image img {
      position: relative;
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover; }

@media only screen and (max-width: 850px) {
  .sports_page .block {
    flex-flow: column-reverse !important; }
    .sports_page .block .image {
      height: 200px; } }

.faq_page {
  position: relative; }
  .faq_page .body {
    padding: 20px; }
    .faq_page .body .title_separator {
      position: relative;
      display: block;
      width: 100%;
      font-weight: bold;
      margin: 30px 0 20px 0; }
  .faq_page .faq_section {
    position: relative;
    display: block;
    width: 100%;
    padding: 10px;
    padding-left: 40px;
    margin: 5px auto;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.2); }
    .faq_page .faq_section:before {
      content: "\f0fe";
      font-family: FontAwesome;
      color: gray;
      position: absolute;
      left: 10px;
      top: 13px;
      width: 15px;
      height: 15px;
      cursor: pointer; }
    .faq_page .faq_section .section_title {
      background: white;
      width: 100%;
      z-index: 1;
      cursor: pointer; }
    .faq_page .faq_section .section_content {
      margin-top: 20px;
      color: black;
      line-height: 1.5em; }
  .faq_page .active .section_title {
    color: black; }
  .faq_page .active:before {
    content: "\f147";
    font-family: FontAwesome;
    color: gray; }

.about_layout {
  background: black;
  padding-bottom: 40px; }
  .about_layout .youtube_if {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 53%;
    margin-bottom: 20px; }
    .about_layout .youtube_if iframe {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 100%; }
  .about_layout .about_logo {
    position: relative;
    display: block;
    margin: 40 auto;
    height: 40px; }
  .about_layout .about_carousel {
    position: relative;
    display: block;
    width: 100%;
    height: auto; }
    .about_layout .about_carousel .about_pic_block {
      position: relative;
      display: block;
      width: 100%;
      height: 400px;
      overflow: hidden; }
      .about_layout .about_carousel .about_pic_block img {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover; }
  .about_layout .about_actions {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px; }
    .about_layout .about_actions .btn_outline {
      margin: 10px 20px; }
  .about_layout .separator {
    position: relative;
    display: block;
    width: 100%;
    height: 40px; }
  .about_layout .center_container {
    text-align: center;
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px; }
    .about_layout .center_container .img {
      position: relative;
      display: block;
      width: 600px;
      max-width: 100%;
      margin-bottom: 30px; }
      .about_layout .center_container .img img {
        position: relative;
        display: block;
        width: 100%; }
    .about_layout .center_container .paragraph {
      position: relative;
      display: block;
      width: 700px;
      max-width: 100%;
      margin-bottom: 30px; }
  .about_layout .double_container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center; }
    .about_layout .double_container .col {
      position: relative;
      display: flex;
      flex-flow: column;
      justify-content: center;
      align-items: center;
      width: 100%;
      padding: 10px; }
    .about_layout .double_container .paragraph {
      padding: 10px; }
    .about_layout .double_container .img {
      position: relative;
      display: block;
      width: 100%;
      height: 100%; }
      .about_layout .double_container .img img {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover; }
  .about_layout .partners {
    flex-flow: column; }
    .about_layout .partners .col {
      flex-flow: row;
      padding: 10px; }
      .about_layout .partners .col .img {
        position: relative;
        display: block;
        margin-bottom: 20px;
        margin-top: 20px;
        width: 100%; }
        .about_layout .partners .col .img img {
          position: relative;
          display: block;
          width: 100%;
          height: 100%;
          object-fit: contain; }
      .about_layout .partners .col .text {
        position: relative;
        display: block;
        width: 100%;
        padding: 10px; }
      .about_layout .partners .col .sub_title {
        position: relative;
        display: inline-block;
        width: 100%;
        color: white;
        margin-bottom: 5px; }
      .about_layout .partners .col:nth-child(2n) {
        flex-flow: row-reverse; }
  .about_layout .cont_big_title {
    display: block;
    width: 100%;
    color: white;
    margin-bottom: 10px;
    font-size: 40px; }
  .about_layout .cont_sub_title {
    display: block;
    width: 100%;
    color: white;
    margin-bottom: 20px; }
  .about_layout .cont_title {
    color: white;
    margin-bottom: 30px; }
  .about_layout .paragraph {
    color: rgba(255, 255, 255, 0.7);
    font-family: "Rajdhani", sans-serif;
    font-size: 20px; }
  .about_layout .cta_container {
    flex-flow: column; }

.popup_virtual_tour {
  display: flex;
  position: fixed;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: black;
  z-index: 10000;
  padding: 30px;
  padding-top: 100px; }
  .popup_virtual_tour .close {
    position: absolute;
    display: block;
    top: 30px;
    right: 30px;
    width: 40px;
    height: 40px;
    padding: 0.5em; }
    .popup_virtual_tour .close svg {
      position: relative;
      display: block;
      width: 100%;
      height: 100%;
      fill: white; }
  .popup_virtual_tour .if {
    position: relative;
    display: block;
    width: 100%;
    height: 100%; }
    .popup_virtual_tour .if iframe {
      position: relative;
      width: 100%;
      height: 100%; }

@media only screen and (max-width: 850px) {
  .double_container {
    flex-flow: column !important; }
    .double_container .col {
      flex-flow: column !important; }
  .cont_title {
    text-align: center; }
  .about_actions {
    flex-flow: column; } }

/**
 * react-bnb-gallery (https://github.com/peterpalau/react-bnb-gallery)
 * Licensed under MIT (https://github.com/peterpalau/react-bnb-gallery/blob/master/LICENSE)
 */
@keyframes GalleryLoadingSpinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.loading-spinner {
  margin: 60px auto;
  position: relative;
  border-top: 0.35em solid rgba(255, 255, 255, 0.2);
  border-right: 0.35em solid rgba(255, 255, 255, 0.2);
  border-bottom: 0.35em solid rgba(255, 255, 255, 0.2);
  border-left: 0.35em solid #fff;
  border-radius: 100%;
  width: 6em;
  height: 6em; }

.loading-spinner::after {
  width: 6em;
  height: 6em;
  border-radius: 100%; }

.loading-spinner,
.gallery-figcaption--thumbnails .caption-thumbnails ul.thumbnails-list li button.thumbnail-button::after {
  font-size: 10px;
  text-indent: -9999em;
  transform: translateZ(0);
  animation: GalleryLoadingSpinner 1.1s infinite linear; }

.mode-light .loading-spinner {
  border-top-color: rgba(0, 0, 0, 0.1);
  border-right-color: rgba(0, 0, 0, 0.1);
  border-bottom-color: rgba(0, 0, 0, 0.1);
  border-left-color: #111; }

.gallery-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2000; }

.gallery-modal .gallery-modal--overlay {
  background-color: black;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  right: 0;
  bottom: 0;
  z-index: 0; }

.gallery-modal--preload {
  display: none; }

.gallery-modal--container {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
  transform: translate3d(0, 0, 0);
  z-index: 1; }

.gallery-modal--table {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%; }

.gallery-modal--cell {
  display: table-cell;
  height: 100%;
  width: 100%;
  vertical-align: middle; }

.gallery-modal--content {
  position: relative;
  overflow: hidden;
  border-radius: 2px;
  margin-left: auto;
  margin-right: auto;
  background-color: transparent;
  height: 100%;
  max-width: 100%; }

.gallery-content {
  display: table;
  width: 100%;
  height: 100%; }

.gallery-top {
  display: table-row; }

.gallery-top--inner {
  padding: 60 15px 20; }

.gallery {
  display: table-cell;
  vertical-align: middle;
  font-size: 1rem;
  width: 100%;
  padding-bottom: 10; }

.gallery ul.gallery-images--ul li.gallery-media-photo.loading .loading-spinner,
.gallery ul.gallery-images--ul li.gallery-media-photo .picture.loading .loading-spinner {
  position: absolute;
  z-index: 1001;
  top: 50%;
  left: 50%;
  margin: -1.5rem 0 0 -1.5rem;
  /* visually centered */
  transform: translate(-50%, -50%); }

.gallery .gallery-main {
  position: relative;
  z-index: 9; }

.gallery .gallery-photos {
  width: 100%;
  max-width: 105vh;
  margin: 0 auto; }

.gallery .gallery-photos .gallery-empty {
  color: #fff;
  font-size: 1.45rem;
  display: block;
  text-align: center;
  padding: 25% 0; }

.gallery .gallery-photo {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 75%; }

.gallery .gallery-photo--current {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.gallery ul.gallery-images--ul {
  position: relative;
  height: 100%;
  list-style-type: none;
  margin: 0;
  padding: 0; }

.gallery ul.gallery-images--ul li.gallery-media-photo {
  opacity: 1;
  z-index: 2; }

.gallery ul.gallery-images--ul li.gallery-media-photo .picture {
  background-color: transparent;
  cursor: pointer;
  position: absolute;
  width: 100%;
  height: 100%; }

.gallery ul.gallery-images--ul li.gallery-media-photo .picture img.photo {
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 auto;
  z-index: 0;
  border-radius: 6px;
  transform: translateY(-50%);
  box-shadow: 0 0.6rem 1rem rgba(0, 0, 0, 0.25); }

@media (max-width: 900px) {
  .gallery ul.gallery-images--ul li.gallery-media-photo .picture img.photo {
    max-width: 95%; } }

.gallery ul.gallery-images--ul li.gallery-media-photo button.photo-button {
  display: block;
  background: none;
  border-width: 0;
  cursor: pointer;
  padding: 0 !important;
  -webkit-appearance: button; }

.gallery ul.gallery-images--ul li.gallery-media-photo button.photo-button:active, .gallery ul.gallery-images--ul li.gallery-media-photo button.photo-button:focus {
  outline: none;
  border-width: 0; }

.gallery .gallery-control {
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 100%;
  z-index: 3;
  font-size: 0.5em;
  width: 20%;
  background: none;
  border-width: 0;
  border-style: initial;
  border-color: initial;
  border-image: initial; }

.gallery .gallery-control:focus, .gallery .gallery-control:active {
  outline: none; }

.gallery .gallery-control--prev {
  left: 0; }

.gallery .gallery-control--prev svg {
  float: right; }

.gallery .gallery-control--next {
  right: 0; }

.gallery .gallery-control--next svg {
  float: left; }

@media (max-width: 767px) {
  .gallery .gallery-control {
    width: 10%; } }

@media (min-width: 1128px) {
  .gallery .gallery-control {
    width: 10%;
    font-size: medium; } }

.gallery-modal .gallery {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  padding-bottom: 0; }

.gallery-figcaption {
  background-image: none;
  background-color: transparent;
  position: relative;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  text-align: center;
  color: white;
  overflow: hidden;
  border-radius: 0; }

.gallery-figcaption .gallery-figcaption--thumbnails {
  position: relative;
  height: 58px;
  overflow: hidden;
  transition: 0.45s ease-in-out all; }

.gallery-figcaption .gallery-figcaption--thumbnails .caption-thumbnails {
  position: absolute;
  min-width: 100%;
  margin-left: -4px;
  margin-right: -4px; }

.gallery-figcaption .gallery-figcaption--thumbnails .caption-thumbnails ul.thumbnails-list {
  position: absolute;
  list-style-type: none;
  margin: 0;
  padding: 0;
  left: 0;
  transition: margin 0.3s ease-out 0s; }

.gallery-figcaption .gallery-figcaption--thumbnails .caption-thumbnails ul.thumbnails-list::after, .gallery-figcaption .gallery-figcaption--thumbnails .caption-thumbnails ul.thumbnails-list::before {
  content: "";
  display: table; }

.gallery-figcaption .gallery-figcaption--thumbnails .caption-thumbnails ul.thumbnails-list::after {
  clear: both; }

.gallery-figcaption .gallery-figcaption--thumbnails .caption-thumbnails ul.thumbnails-list li {
  float: left; }

.gallery-figcaption .gallery-figcaption--thumbnails .caption-thumbnails ul.thumbnails-list li + li {
  margin-left: 10; }

.gallery-figcaption .gallery-figcaption--thumbnails .caption-thumbnails ul.thumbnails-list li button.thumbnail-button {
  cursor: pointer;
  position: relative;
  display: block;
  overflow: hidden;
  background: transparent;
  margin: 0;
  padding: 0; }

.gallery-figcaption .gallery-figcaption--thumbnails .caption-thumbnails ul.thumbnails-list li button.thumbnail-button:focus, .gallery-figcaption .gallery-figcaption--thumbnails .caption-thumbnails ul.thumbnails-list li button.thumbnail-button:active {
  outline: none; }

.gallery-figcaption .gallery-figcaption--thumbnails .caption-thumbnails ul.thumbnails-list li button.thumbnail-button.active {
  cursor: default; }

.gallery-figcaption .gallery-figcaption--thumbnails .caption-thumbnails ul.thumbnails-list li button.thumbnail-button::after, .gallery-figcaption .gallery-figcaption--thumbnails .caption-thumbnails ul.thumbnails-list li button.thumbnail-button::before {
  border-radius: 50%; }

.gallery-figcaption .gallery-figcaption--thumbnails .caption-thumbnails ul.thumbnails-list li button.thumbnail-button div.picture {
  border-radius: 4px;
  border: 4px solid transparent;
  overflow: hidden; }

.gallery-figcaption .gallery-figcaption--thumbnails .caption-thumbnails ul.thumbnails-list li button.thumbnail-button div.picture img.thumbnail {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  z-index: 1;
  opacity: 0.3;
  filter: alpha(opacity=30);
  backface-visibility: hidden;
  object-fit: cover;
  border-radius: 4px;
  transition: 0.1s ease opacity; }

.gallery-figcaption .gallery-figcaption--thumbnails .caption-thumbnails ul.thumbnails-list li button.thumbnail-button div.loading-spinner {
  position: absolute;
  z-index: 1001;
  width: 2em;
  height: 2em;
  top: 50%;
  left: 50%;
  margin: -1em 0 0 -1em;
  border-top-width: 0.15em;
  border-right-width: 0.15em;
  border-bottom-width: 0.15em;
  border-left-width: 0.15em;
  transform: translate(-50%, -50%); }

.gallery-figcaption .gallery-figcaption--thumbnails .caption-thumbnails ul.thumbnails-list li button.thumbnail-button:hover div.picture img.thumbnail,
.gallery-figcaption .gallery-figcaption--thumbnails .caption-thumbnails ul.thumbnails-list li button.thumbnail-button.active div.picture img.thumbnail {
  opacity: 1;
  filter: alpha(opacity=100); }

.gallery-figcaption.hide .gallery-figcaption--thumbnails {
  height: 0; }

.mode-light .gallery-figcaption {
  color: #111; }

.gallery-figcaption--content {
  max-width: 105vh;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden; }

.gallery-figcaption--inner {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  transform: translateY(0);
  transition: -ms-transform 0.2s ease-out 0s, -webkit-transform 0.2s ease-out 0s, transform 0.2s ease-out 0s; }

.hide .gallery-figcaption--inner {
  transform: translateY(70); }

.gallery-figcaption--info {
  display: table;
  width: 100%; }

.gallery-figcaption--info .caption-left {
  text-align: left;
  vertical-align: middle;
  display: table-cell; }

.gallery-figcaption--info .caption-right {
  text-align: right;
  vertical-align: middle;
  display: table-cell; }

.gallery-figcaption--info .photo-caption,
.gallery-figcaption--info .photo-subcaption {
  margin: 0;
  line-height: 1.31; }

.gallery-figcaption--info .photo-caption {
  font-weight: 500;
  font-size: 1rem; }

.gallery-figcaption--info .photo-subcaption {
  color: rgba(255, 255, 255, 0.65);
  font-size: 0.851rem; }

.mode-light .gallery-figcaption--info .photo-subcaption {
  color: rgba(0, 0, 0, 0.65); }

.gallery-figcaption .gallery-thumbnails--toggle {
  cursor: pointer;
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: bottom;
  display: inline-block;
  color: inherit;
  font-weight: 400;
  font-size: 0.9rem;
  position: relative; }

.gallery-figcaption .gallery-thumbnails--toggle:focus, .gallery-figcaption .gallery-thumbnails--toggle:active {
  outline: none; }

.gallery-figcaption .gallery-thumbnails--toggle::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.181rem; }

.gallery-figcaption .gallery-thumbnails--toggle.hide::after {
  border-top: 6px solid #fff;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent; }

.mode-light .gallery-figcaption .gallery-thumbnails--toggle.hide::after {
  border-top-color: #111; }

.gallery-figcaption .gallery-thumbnails--toggle.open::after {
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent; }

.mode-light .gallery-figcaption .gallery-thumbnails--toggle.open::after {
  border-bottom-color: #111; }

.gallery-modal--close {
  position: absolute;
  z-index: 10;
  right: 0;
  top: 0;
  padding: 15px; }

.gallery-modal--close button.gallery-close {
  cursor: pointer;
  background: none transparent;
  border: 0;
  display: block;
  padding: 0.5rem; }

.gallery-modal--close button.gallery-close:active, .gallery-modal--close button.gallery-close:focus {
  outline: none; }

.gallery ul.gallery-images--ul li.gallery-media-photo.loading::before {
  z-index: 999;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: black; }

.mode-light .gallery ul.gallery-images--ul li.gallery-media-photo.loading::before {
  background-color: white; }

/* gallery animation */
.gallery__animation-appear {
  opacity: 0.01;
  transform: translateZ(0); }

.gallery__animation-appear-active {
  opacity: 1;
  transition: opacity 150ms ease-out; }

.gallery__image-transition--backwards-enter {
  opacity: 0.01;
  transform: translateX(-5px); }

.gallery__image-transition--forwards-enter {
  opacity: 0.01;
  transform: translateX(5px); }

.gallery__image-transition--backwards-enter-active,
.gallery__image-transition--forwards-enter-active {
  opacity: 1;
  transform: translateX(0);
  transition: opacity 150ms ease-out, transform 150ms ease-out; }

.gallery__image-transition--backwards-leave,
.gallery__image-transition--forwards-leave {
  opacity: 1;
  transform: translateZ(0); }

.gallery__image-transition--backwards-leave-active,
.gallery__image-transition--forwards-leave-active {
  opacity: 0.01;
  transition: opacity 150ms ease-out; }

@media (max-width: 743px) {
  .gallery-figcaption--info {
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem; }
  .gallery-figcaption .gallery-figcaption--info {
    display: block; }
  .gallery-figcaption .gallery-figcaption--info .caption-left,
  .gallery-figcaption .gallery-figcaption--info .caption-right {
    display: block;
    text-align: left; } }

@media (max-width: 743px) {
  .gallery-figcaption--info {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; } }

@media (min-width: 744px) {
  .gallery .gallery-photo {
    padding-bottom: 67%; }
  .gallery-figcaption--info {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; } }

.tv_page .tv_grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(301px, 3fr));
  justify-items: center;
  grid-gap: 20px 10px;
  padding: 20px 10px; }
  .tv_page .tv_grid .tv_item {
    position: relative;
    display: block;
    width: 300px;
    height: auto;
    overflow: hidden; }
    .tv_page .tv_grid .tv_item .video_title {
      font-size: 16px;
      text-align: center;
      color: white; }
    .tv_page .tv_grid .tv_item video {
      position: relative;
      width: 100%;
      height: 300px;
      background: black;
      outline: none; }
    .tv_page .tv_grid .tv_item .watter_mark_insta {
      position: absolute;
      display: flex;
      top: 10px;
      left: 10px;
      color: white;
      font-size: 40px;
      cursor: pointer;
      -webkit-transition: 0.3s;
      -khtml-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
      .tv_page .tv_grid .tv_item .watter_mark_insta:hover {
        color: #ffd518; }
    .tv_page .tv_grid .tv_item .overlay {
      position: absolute;
      display: flex;
      flex-flow: column;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: rgba(0, 0, 0, 0.4);
      z-index: 1;
      opacity: 0;
      -webkit-transition: 0.3s;
      -khtml-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
      .tv_page .tv_grid .tv_item .overlay .value {
        position: relative;
        display: flex;
        color: white;
        margin: 5px; }
        .tv_page .tv_grid .tv_item .overlay .value .icon {
          margin-right: 10px; }
        .tv_page .tv_grid .tv_item .overlay .value .nbr {
          position: relative;
          display: block;
          width: 40px; }
    .tv_page .tv_grid .tv_item:hover .overlay {
      opacity: 1; }
    .tv_page .tv_grid .tv_item .bg {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0; }
      .tv_page .tv_grid .tv_item .bg img {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover; }

.careers_en {
  position: relative;
  display: block;
  width: 500px;
  max-width: 90%;
  height: 100vh;
  background: black;
  color: white;
  text-align: left;
  padding-top: 50px; }
  .careers_en .top {
    padding-bottom: 10rem; }
    .careers_en .top .brand {
      font-size: 1.6rem;
      letter-spacing: 3px; }
    .careers_en .top h1 {
      font-size: 3.5rem;
      letter-spacing: 4px;
      text-transform: initial;
      font-family: "Open Sans", sans-serif;
      line-height: 100%; }
    .careers_en .top .logo_careers {
      position: absolute;
      top: 30px;
      right: 0; }
  .careers_en .content h2 {
    font-size: 2rem;
    letter-spacing: 4px;
    line-height: 100%; }
  .careers_en .content .location {
    font-size: 1.2rem; }
  .careers_en .content:after {
    content: "";
    position: relative;
    display: block;
    width: 300px;
    max-width: 80%;
    height: 3px;
    background: white;
    margin: 20px 0; }
  .careers_en .list {
    margin-bottom: 50px; }
    .careers_en .list .item {
      position: relative;
      display: flex;
      gap: 10px;
      align-items: center;
      padding: 10px 0; }
      .careers_en .list .item:before {
        content: "";
        position: relative;
        display: inline-block;
        width: 8px;
        height: 8px;
        border: 2px solid #ffd518;
        -webkit-border-radius: 30px;
        -khtml-border-radius: 30px;
        -moz-border-radius: 30px;
        -ms-border-radius: 30px;
        -o-border-radius: 30px;
        border-radius: 30px; }
  .careers_en .mail {
    position: relative;
    display: inline-block; }
    .careers_en .mail .mail_btn {
      position: relative;
      display: inline-flex;
      gap: 10px;
      justify-content: center;
      align-items: center;
      padding: 10px 30px;
      border: 2px solid #ffd518;
      color: white;
      font-weight: bold;
      -webkit-border-radius: 30px;
      -khtml-border-radius: 30px;
      -moz-border-radius: 30px;
      -ms-border-radius: 30px;
      -o-border-radius: 30px;
      border-radius: 30px;
      -webkit-transition: all 0.3s ease;
      -khtml-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .careers_en .mail .mail_btn span {
        font-size: 24px; }
      .careers_en .mail .mail_btn:hover {
        color: black;
        background: #ffd518; }
    .careers_en .mail .apply {
      position: absolute;
      display: block;
      top: 0;
      right: 0;
      width: 100px;
      height: 100px;
      -webkit-transform: translate(150%, -90%);
      -khtml-transform: translate(150%, -90%);
      -moz-transform: translate(150%, -90%);
      -ms-transform: translate(150%, -90%);
      -o-transform: translate(150%, -90%);
      transform: translate(150%, -90%); }
      .careers_en .mail .apply img {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
        font-weight: bold; }
      .careers_en .mail .apply span {
        position: relative;
        display: block;
        -webkit-transform: translateX(50%);
        -khtml-transform: translateX(50%);
        -moz-transform: translateX(50%);
        -ms-transform: translateX(50%);
        -o-transform: translateX(50%);
        transform: translateX(50%); }

.notFound-page {
  height: 100%;
  margin: 70px 0;
  padding: 11em;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column wrap; }
  .notFound-page h1 {
    font-size: 9em;
    text-shadow: -1px 1px 2px black; }
  .notFound-page h3 {
    font-size: 4em;
    text-shadow: 0px 1px 2px black; }
  .notFound-page p {
    text-align: center; }
  .notFound-page button {
    border-radius: 2px;
    padding: 5px;
    cursor: pointer;
    font-weight: 600;
    transition: all 0.3s;
    text-decoration: underline; }
    .notFound-page button:hover {
      opacity: 0.7; }

@media only screen and (max-width: 975px) and (min-width: 851px) {
  .notFound-page {
    padding: 4em 0;
    padding-left: 2em; } }

@media only screen and (max-width: 850px) {
  .notFound-page {
    gap: 10px;
    padding: 20% 1em; }
    .notFound-page h1 {
      font-size: 5em; }
    .notFound-page h3 {
      font-size: 2em;
      margin-bottom: 20px; } }

@media only screen and (max-height: 560px) {
  .notFound-page {
    gap: 10px;
    padding: 10% 1em; }
    .notFound-page h1 {
      font-size: 5em; }
    .notFound-page h3 {
      font-size: 2em;
      margin-bottom: 20px; } }

.MB_custom_modal .MB_modal_body {
  padding: 40px 20px;
  position: relative;
  height: 700px;
  overflow: hidden;
  max-width: 25%;
  border: 1px solid #ffd518;
  border-radius: 3px; }
  .MB_custom_modal .MB_modal_body.bg_img {
    background-image: linear-gradient(rgba(0, 0, 0, 0.849), rgba(0, 0, 0, 0)), url("/img/covers/19.jpg");
    background-size: cover; }
  .MB_custom_modal .MB_modal_body.bg_white {
    background-color: white; }
  .MB_custom_modal .MB_modal_body .body_slice {
    height: 100%;
    padding: 10px;
    text-align: center;
    display: flex;
    justify-content: space-between;
    position: relative;
    color: white;
    flex-direction: column; }
    .MB_custom_modal .MB_modal_body .body_slice .header_title h1 {
      color: #ffd518;
      font-size: 35px;
      margin-bottom: 10px;
      text-shadow: 1px 1px #ffd518; }
    .MB_custom_modal .MB_modal_body .body_slice .header_title h2 {
      font-size: 20px; }

.MB_custom_modal .btn_modal {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 5px;
  flex-wrap: wrap;
  justify-content: center;
  font-weight: bold;
  padding: 10px; }
  .MB_custom_modal .btn_modal.newsletter_btn_modal .title_content {
    width: 100%;
    display: flex;
    align-items: center; }
    .MB_custom_modal .btn_modal.newsletter_btn_modal .title_content p {
      margin: 0 10px;
      border: 1px solid white;
      padding: 2px 8px;
      border-radius: 5px; }
  .MB_custom_modal .btn_modal.newsletter_btn_modal:hover .title_content {
    color: #ffd518; }
    .MB_custom_modal .btn_modal.newsletter_btn_modal:hover .title_content p {
      border-color: #ffd518;
      color: white; }
  .MB_custom_modal .btn_modal .title_content {
    width: 50%;
    color: white; }
  .MB_custom_modal .btn_modal button.newsletter {
    position: relative;
    display: block;
    width: auto;
    padding: 6px 25px;
    margin-bottom: -2px;
    border: 3px solid rgba(255, 255, 255, 0.7);
    background: rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.7);
    font-weight: bold;
    cursor: pointer; }
    .MB_custom_modal .btn_modal button.newsletter.selected, .MB_custom_modal .btn_modal button.newsletter:hover {
      background: rgba(255, 255, 255, 0.897);
      color: black;
      transform: scale(1.02); }

@media (max-width: 986px) {
  .MB_custom_modal .btn_modal .title_content {
    width: 59%; } }

@media (max-width: 850px) {
  .MB_custom_modal .btn_modal .title_content {
    width: 50%; } }

@media (max-width: 585px) {
  .MB_custom_modal .btn_modal {
    width: 100%;
    flex-direction: column;
    gap: 10px;
    padding: 15px; }
    .MB_custom_modal .btn_modal button.newsletter {
      width: 100% !important; }
    .MB_custom_modal .btn_modal .title_content {
      display: none;
      width: 100%; } }

@media (max-width: 1429px) {
  .MB_custom_modal .MB_modal_body {
    max-width: 60%; } }

@media (max-width: 900px) {
  .MB_custom_modal .MB_modal_body {
    max-width: 60%; } }

@media (max-width: 619px) {
  .MB_custom_modal .MB_modal_body {
    padding: 20% 10% !important; } }

@media (max-width: 780px) and (min-width: 620px) {
  .MB_custom_modal .MB_modal_body {
    max-width: unset;
    padding: 15% 20px !important;
    width: 100%;
    height: 100%; }
    .MB_custom_modal .MB_modal_body .actions {
      flex-direction: column;
      align-items: center;
      gap: 30px; } }

@media (max-width: 780px) {
  .MB_custom_modal .MB_modal_body {
    max-width: unset;
    padding: 24px 20px;
    width: 100%;
    height: 100%; }
    .MB_custom_modal .MB_modal_body .header_title h1 {
      color: #ffd518;
      font-size: 165% !important;
      margin-bottom: 10px;
      text-shadow: 1px 1px #ffd518; }
    .MB_custom_modal .MB_modal_body .header_title h2 {
      font-size: 110% !important; }
    .MB_custom_modal .MB_modal_body .actions {
      flex-direction: column;
      align-items: center;
      gap: 30px; } }

@media (max-width: 896px) and (min-width: 414px) {
  .MB_custom_modal .MB_modal_body {
    max-width: unset;
    padding: 30% 20px;
    width: 100%;
    height: 100%; }
    .MB_custom_modal .MB_modal_body .header_title h1 {
      color: #ffd518;
      font-size: 33px !important;
      margin-bottom: 10px;
      text-shadow: 1px 1px #ffd518; }
    .MB_custom_modal .MB_modal_body .header_title h2 {
      font-size: 20px !important; } }

@media (max-width: 375px) {
  .MB_custom_modal .MB_modal_body {
    max-width: unset;
    width: 100%;
    height: 100%; }
    .MB_custom_modal .MB_modal_body .header_title h1 {
      color: #ffd518;
      font-size: 20px !important;
      margin-bottom: 10px;
      text-shadow: 1px 1px #ffd518; }
    .MB_custom_modal .MB_modal_body .header_title h2 {
      font-size: 18px !important; } }

.widget_default_padding {
  padding: 0 20px 100px 20px; }

.widget_hide_header .bw-widget__header {
  display: none; }

.schedule_widget.filters_open .bw-filters {
  display: block;
  overflow: hidden;
  height: auto; }

.schedule_widget.show_calendar table.bw-calendar {
  display: inline-table; }

.mdb_wrapper.hide_widget {
  display: none; }

.MB_modal_body .newsletter_container {
  position: relative; }
  .MB_modal_body .newsletter_container .hc-privacy-footer .privacy-policy-link {
    display: none; }
  .MB_modal_body .newsletter_container div.healcode img {
    display: none; }
  .MB_modal_body .newsletter_container div {
    height: 100%; }
    .MB_modal_body .newsletter_container div form {
      font-weight: bold;
      display: flex;
      width: 100%;
      align-items: center;
      justify-content: center; }
      .MB_modal_body .newsletter_container div form .hc_prospect {
        height: 100%;
        position: relative;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
        width: 100%;
        gap: 10px; }
        .MB_modal_body .newsletter_container div form .hc_prospect .hc-prospect-field input[type="text"] {
          padding: 7px 7px;
          outline-offset: 3px;
          border: none;
          width: 100%;
          box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
          border-radius: 3px;
          margin-bottom: 5px; }
        .MB_modal_body .newsletter_container div form .hc_prospect .hc-prospect-field select {
          width: 100%;
          position: relative;
          font-size: 12px;
          display: block;
          outline: none;
          border-radius: 3px;
          padding: 5px 5px;
          border: 1px solid #e5e5e5;
          background: white;
          color: black; }
        .MB_modal_body .newsletter_container div form .hc_prospect .hc-prospect-field input[type="checkbox"] {
          margin-top: -2px;
          vertical-align: middle; }
          .MB_modal_body .newsletter_container div form .hc_prospect .hc-prospect-field input[type="checkbox"]:hover {
            cursor: pointer; }
        .MB_modal_body .newsletter_container div form .hc_prospect .hc-actions {
          margin-top: 20px; }
          .MB_modal_body .newsletter_container div form .hc_prospect .hc-actions input[type="submit"] {
            position: relative;
            display: block;
            width: auto;
            padding: 5px 30px;
            width: 100%;
            border: 3px solid #ffd518;
            background: rgba(0, 0, 0, 0.5);
            backdrop-filter: blure(10px);
            text-transform: uppercase;
            font-size: 16px;
            color: #ffd518;
            font-weight: bold;
            cursor: pointer;
            transition: all 0.3s ease; }
            .MB_modal_body .newsletter_container div form .hc_prospect .hc-actions input[type="submit"].selected, .MB_modal_body .newsletter_container div form .hc_prospect .hc-actions input[type="submit"]:hover {
              transform: scale(1.02);
              color: rgba(0, 0, 0, 0.897);
              background: #ffd518; }

.bs-setup-variable ~ [class*="jss"] {
  display: none !important; }

.close_modal {
  color: red;
  width: 100%;
  position: absolute;
  height: 30px;
  width: 30px;
  top: 20px;
  cursor: pointer;
  right: 20px;
  z-index: 99999; }

.m-2 {
  margin: 10px !important; }

.terms_page,
.privacy_page {
  background-color: black;
  color: white;
  padding: 50px 20px;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  gap: 10px; }

.important {
  font-size: 24;
  font-weight: bold;
  padding: 10px; }

.privacy_ul_padding {
  padding: 10px 5%; }
  .privacy_ul_padding.without_dots {
    list-style-type: none;
    padding: 10px 3%; }
  .privacy_ul_padding.with_letters {
    list-style-type: lower-alpha; }
  .privacy_ul_padding li {
    margin-bottom: 5px; }

.privacy_section {
  font-size: 32px !important; }

@media only screen and (max-width: 599px) {
  .widget-6 {
    height: 80% !important; } }

.MuiIconButton-label {
  color: gray; }

.blog_header {
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 60px;
  padding: 0 20px;
  background: rgba(0, 0, 0, 0.6);
  text-align: center;
  color: rgba(255, 255, 255, 0.7);
  font-size: 12px;
  top: 60px;
  z-index: -1;
  -webkit-box-shadow: rgba(255, 255, 255, 0.3) 0px 1px 30px 5px;
  -khtml-box-shadow: rgba(255, 255, 255, 0.3) 0px 1px 30px 5px;
  -moz-box-shadow: rgba(255, 255, 255, 0.3) 0px 1px 30px 5px;
  -ms-box-shadow: rgba(255, 255, 255, 0.3) 0px 1px 30px 5px;
  -o-box-shadow: rgba(255, 255, 255, 0.3) 0px 1px 30px 5px;
  box-shadow: rgba(255, 255, 255, 0.3) 0px 1px 30px 5px; }
  .blog_header .left {
    padding: 5px 0;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%; }
    .blog_header .left img {
      position: relative;
      display: block;
      width: 100%;
      height: 50px;
      object-fit: cover; }
    .blog_header .left .pr {
      position: relative;
      display: inline-block;
      -webkit-transform: rotate(-18deg) scale(1.4);
      -khtml-transform: rotate(-18deg) scale(1.4);
      -moz-transform: rotate(-18deg) scale(1.4);
      -ms-transform: rotate(-18deg) scale(1.4);
      -o-transform: rotate(-18deg) scale(1.4);
      transform: rotate(-18deg) scale(1.4);
      font-size: 20px;
      color: #ffd518;
      margin-right: 8px;
      z-index: 0; }
    .blog_header .left .title {
      position: relative;
      display: inline-block;
      font-size: 20px;
      color: white; }
    .blog_header .left .text {
      position: relative;
      display: inline-block;
      font-size: 20px;
      color: white;
      z-index: 1; }
      .blog_header .left .text:after {
        content: "";
        position: absolute;
        display: block;
        bottom: 0;
        left: -20px;
        right: 0;
        height: 2px;
        background: #ffd518; }
  .blog_header .right {
    padding: 5px 0;
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center; }
    .blog_header .right .item {
      position: relative;
      display: block;
      margin: 0 10px;
      cursor: pointer; }
      .blog_header .right .item:hover {
        color: white; }
    .blog_header .right .active {
      color: #ffd518; }

.blog_section {
  margin-top: 60px;
  margin-bottom: 40px;
  padding: 0 10px; }
  .blog_section .title {
    text-transform: uppercase;
    margin-bottom: 30px;
    font-size: 2em;
    width: 100%;
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.latest_article {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh; }
  .latest_article:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 30%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: black;
    background: -moz-linear-gradient(0deg, black 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(0deg, black 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(0deg, black 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffffff",GradientType=1); }
  .latest_article .bg {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 0; }
    .latest_article .bg:after {
      content: "";
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.3); }
    .latest_article .bg img {
      position: relative;
      display: block;
      object-fit: cover;
      width: 100%;
      height: 100%; }
  .latest_article .fg {
    position: relative;
    display: flex;
    flex-flow: column;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    color: white;
    padding: 40px;
    z-index: 2; }
    .latest_article .fg .latest {
      font-size: 30px;
      text-transform: uppercase;
      font-weight: 300; }
    .latest_article .fg .title {
      font-size: 40px;
      margin: 20px 0;
      text-align: center; }
    .latest_article .fg .read_more {
      position: relative;
      padding: 10px 30px;
      background: white;
      color: black;
      border: 1px solid white;
      cursor: pointer;
      -webkit-transition: 0.3s;
      -khtml-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
      .latest_article .fg .read_more:hover {
        color: white;
        background: rgba(0, 0, 0, 0.3); }

.blog_article_card {
  position: relative;
  display: flex;
  flex-flow: column;
  width: 360px;
  height: 100%;
  max-width: 100%;
  background: #000;
  -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
  -khtml-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3); }
  .blog_article_card .top {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 70%; }
    .blog_article_card .top:hover .cover:before {
      opacity: 0;
      -webkit-transition: 1.5s;
      -khtml-transition: 1.5s;
      -moz-transition: 1.5s;
      -ms-transition: 1.5s;
      -o-transition: 1.5s;
      transition: 1.5s;
      -webkit-transform: translate(-50%, -50%) scale(2);
      -khtml-transform: translate(-50%, -50%) scale(2);
      -moz-transform: translate(-50%, -50%) scale(2);
      -ms-transform: translate(-50%, -50%) scale(2);
      -o-transform: translate(-50%, -50%) scale(2);
      transform: translate(-50%, -50%) scale(2); }
    .blog_article_card .top .cover {
      position: absolute;
      display: block;
      width: 100%;
      height: 100%;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      overflow: hidden;
      -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
      -khtml-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
      -ms-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
      -o-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
      box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
      -webkit-border-radius: 5px;
      -khtml-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }
      .blog_article_card .top .cover:before {
        content: "";
        display: block;
        position: absolute;
        width: 500px;
        height: 500px;
        background: white;
        z-index: 2;
        top: 50%;
        left: 50%;
        opacity: 0.2;
        -webkit-border-radius: 1000px;
        -khtml-border-radius: 1000px;
        -moz-border-radius: 1000px;
        -ms-border-radius: 1000px;
        -o-border-radius: 1000px;
        border-radius: 1000px;
        -webkit-transform: translate(-50%, -50%) scale(0);
        -khtml-transform: translate(-50%, -50%) scale(0);
        -moz-transform: translate(-50%, -50%) scale(0);
        -ms-transform: translate(-50%, -50%) scale(0);
        -o-transform: translate(-50%, -50%) scale(0);
        transform: translate(-50%, -50%) scale(0); }
      .blog_article_card .top .cover img {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .blog_article_card .top .date {
      position: absolute;
      top: 20px;
      right: -10px;
      display: flex;
      padding: 10px 20px;
      background: rgba(0, 0, 0, 0.5);
      color: white;
      text-transform: uppercase;
      font-size: 14px;
      -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
      -khtml-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
      -ms-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
      -o-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
      box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3); }
  .blog_article_card .body {
    position: relative;
    display: block;
    width: 100%;
    padding: 10px 10px 60px 10px; }
    .blog_article_card .body .article_title {
      position: relative;
      display: inline-block;
      width: 100%;
      font-size: 1.1em;
      overflow: hidden;
      color: white; }
  .blog_article_card .bottom {
    position: absolute;
    display: flex;
    justify-content: start;
    align-items: center;
    text-align: center;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: black;
    padding: 0 10px; }
    .blog_article_card .bottom .read_more {
      padding: 10px 0;
      color: #ffd518;
      font-weight: 500;
      cursor: pointer;
      font-family: "Rajdhani", sans-serif;
      text-transform: uppercase;
      -webkit-transition: 0.3s;
      -khtml-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
      letter-spacing: 1px; }
      .blog_article_card .bottom .read_more:hover {
        font-weight: bold; }
  .blog_article_card .meta_card {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 3px 0;
    margin-bottom: 5px; }
    .blog_article_card .meta_card .item {
      position: relative;
      display: inline-block; }
      .blog_article_card .meta_card .item .label {
        display: inline;
        margin-right: 5px;
        display: none; }
      .blog_article_card .meta_card .item .value {
        display: inline;
        text-transform: uppercase;
        color: grey; }
        .blog_article_card .meta_card .item .value a {
          padding: 2px 0px;
          -webkit-border-radius: 5px;
          -khtml-border-radius: 5px;
          -moz-border-radius: 5px;
          -ms-border-radius: 5px;
          -o-border-radius: 5px;
          border-radius: 5px;
          -webkit-transition: 0.3s;
          -khtml-transition: 0.3s;
          -moz-transition: 0.3s;
          -ms-transition: 0.3s;
          -o-transition: 0.3s;
          transition: 0.3s; }
          .blog_article_card .meta_card .item .value a:hover {
            padding: 2px 5px;
            background: #ffd518; }

.blog_category_card {
  position: relative;
  display: block;
  width: 250px;
  height: 150px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
  -khtml-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3); }
  .blog_category_card:hover .cover:before {
    opacity: 0;
    -webkit-transition: 1.5s;
    -khtml-transition: 1.5s;
    -moz-transition: 1.5s;
    -ms-transition: 1.5s;
    -o-transition: 1.5s;
    transition: 1.5s;
    -webkit-transform: translate(-50%, -50%) scale(2);
    -khtml-transform: translate(-50%, -50%) scale(2);
    -moz-transform: translate(-50%, -50%) scale(2);
    -ms-transform: translate(-50%, -50%) scale(2);
    -o-transform: translate(-50%, -50%) scale(2);
    transform: translate(-50%, -50%) scale(2); }
  .blog_category_card .cover {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden; }
    .blog_category_card .cover img {
      position: relative;
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .blog_category_card .cover:before {
      content: "";
      display: block;
      position: absolute;
      width: 500px;
      height: 500px;
      background: white;
      z-index: 2;
      top: 50%;
      left: 50%;
      opacity: 0.2;
      -webkit-border-radius: 1000px;
      -khtml-border-radius: 1000px;
      -moz-border-radius: 1000px;
      -ms-border-radius: 1000px;
      -o-border-radius: 1000px;
      border-radius: 1000px;
      -webkit-transform: translate(-50%, -50%) scale(0);
      -khtml-transform: translate(-50%, -50%) scale(0);
      -moz-transform: translate(-50%, -50%) scale(0);
      -ms-transform: translate(-50%, -50%) scale(0);
      -o-transform: translate(-50%, -50%) scale(0);
      transform: translate(-50%, -50%) scale(0); }
    .blog_category_card .cover:after {
      content: "";
      position: absolute;
      display: block;
      width: 100%;
      height: 100%;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background: rgba(0, 0, 0, 0.3); }
  .blog_category_card .name {
    position: absolute;
    bottom: 10px;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 10px 20px;
    z-index: 3; }

.blog_article_page {
  text-align: justify; }
  .blog_article_page .article_header {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 350px; }
    .blog_article_page .article_header .cover {
      position: absolute;
      display: block;
      width: 100%;
      height: 100%;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      overflow: hidden; }
      .blog_article_page .article_header .cover:after {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        top: 0;
        bottom: 0;
        left: 0;
        right: 0; }
      .blog_article_page .article_header .cover img {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover; }
  .blog_article_page .article_body {
    position: relative;
    display: block; }
    .blog_article_page .article_body .meta {
      position: relative;
      display: flex;
      flex-flow: column;
      justify-content: center;
      align-items: center;
      padding: 20px 0 10px 0;
      margin-bottom: -15px;
      background: black;
      -webkit-transform: translateY(-100px) scale(0.9);
      -khtml-transform: translateY(-100px) scale(0.9);
      -moz-transform: translateY(-100px) scale(0.9);
      -ms-transform: translateY(-100px) scale(0.9);
      -o-transform: translateY(-100px) scale(0.9);
      transform: translateY(-100px) scale(0.9);
      -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
      -khtml-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
      -ms-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
      -o-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
      box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); }
      .blog_article_page .article_body .meta .line {
        padding: 5px 10px; }
      .blog_article_page .article_body .meta .title {
        color: white;
        text-align: center;
        z-index: 10;
        font-size: 36px;
        padding: 20px 0;
        letter-spacing: 2px; }
      .blog_article_page .article_body .meta .category {
        color: rgba(255, 255, 255, 0.6);
        text-transform: uppercase;
        padding: 10px 0;
        -webkit-transition: 0.3s;
        -khtml-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        cursor: pointer; }
        .blog_article_page .article_body .meta .category:hover {
          color: #ffd518; }
      .blog_article_page .article_body .meta .plain-heading {
        font-size: inherit;
        font-weight: normal;
        margin: 0;
        padding: 0; }
      .blog_article_page .article_body .meta .date {
        text-transform: uppercase;
        font-style: italic;
        color: rgba(255, 255, 255, 0.6);
        padding: 10px 0; }
      .blog_article_page .article_body .meta .author {
        color: rgba(255, 255, 255, 0.6);
        text-transform: uppercase;
        padding: 10px 0; }
    .blog_article_page .article_body .article_content {
      max-width: 700px;
      margin: 0 auto;
      padding: 10px; }
      .blog_article_page .article_body .article_content h1 {
        text-align: center;
        padding: 30px 0; }
      .blog_article_page .article_body .article_content h2 {
        padding: 20px 0; }
      .blog_article_page .article_body .article_content h3 {
        padding: 15px 0; }
      .blog_article_page .article_body .article_content p {
        padding: 15px 0; }
      .blog_article_page .article_body .article_content .ce-delimiter:before {
        content: "" !important; }
      .blog_article_page .article_body .article_content .article_img {
        position: relative;
        display: block;
        margin: 10px auto;
        max-width: 100%;
        margin: 20px 0; }
      .blog_article_page .article_body .article_content .article_vid {
        position: relative;
        display: block;
        margin: 10px auto;
        max-width: 100%;
        margin: 20px 0; }
      .blog_article_page .article_body .article_content .img_stretched {
        width: 800px;
        max-width: 100%; }
      .blog_article_page .article_body .article_content .embed {
        position: relative;
        display: block;
        margin: 0 auto;
        width: 800px;
        max-width: 100%;
        padding-top: 37%;
        aspect-ratio: 16/9;
        margin: 20px 0; }
        .blog_article_page .article_body .article_content .embed iframe {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          width: 100%;
          height: 100%; }
  .blog_article_page .article_ext {
    position: relative;
    display: flex;
    width: 100%;
    padding: 0;
    margin: 0 auto; }
    .blog_article_page .article_ext img {
      width: 100%; }
  .blog_article_page .newsletter_sub {
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    background: #000;
    color: #ffd518;
    padding: 60px 10px; }
    .blog_article_page .newsletter_sub .text {
      position: relative;
      max-width: 400px;
      width: 90%;
      text-align: center;
      margin-bottom: 30px;
      font-weight: bold;
      letter-spacing: 2px;
      font-family: "Rajdhani", sans-serif;
      font-size: 25px;
      text-transform: uppercase; }
    .blog_article_page .newsletter_sub form {
      position: relative;
      display: flex;
      flex-flow: column;
      justify-content: center;
      align-items: center; }
      .blog_article_page .newsletter_sub form .field {
        background: transparent;
        text-align: center;
        width: 200px;
        margin: 10px 0;
        border-bottom: 2px solid #ffd518;
        font-size: 20px;
        margin-bottom: 50px;
        color: white;
        font-family: "Rajdhani", sans-serif; }
        .blog_article_page .newsletter_sub form .field::placeholder {
          color: white; }
      .blog_article_page .newsletter_sub form .button {
        border: 1px solid #ffd518;
        background: #ffd518;
        padding: 5px 15px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        letter-spacing: 1px;
        text-transform: uppercase;
        font-family: "Rajdhani", sans-serif; }

.blog_category_intro_text {
  position: relative;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  background: black;
  -webkit-transform: translateY(-100px) scale(0.9);
  -khtml-transform: translateY(-100px) scale(0.9);
  -moz-transform: translateY(-100px) scale(0.9);
  -ms-transform: translateY(-100px) scale(0.9);
  -o-transform: translateY(-100px) scale(0.9);
  transform: translateY(-100px) scale(0.9);
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  -khtml-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: -50px;
  text-align: center;
  line-height: 2em; }
  .blog_category_intro_text .title {
    color: white;
    text-align: center;
    z-index: 10;
    font-size: 36px;
    padding: 20px 0;
    letter-spacing: 2px; }

.blog_carousel_articles {
  position: relative;
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
  -khtml-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
  width: 100%;
  background: black; }
  .blog_carousel_articles .carousel_dots {
    position: absolute;
    bottom: 5%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 30px;
    padding: 0 30px; }
    .blog_carousel_articles .carousel_dots .dot {
      position: relative;
      display: flex;
      width: 20%;
      height: 7px;
      background: rgba(255, 255, 255, 0.7);
      margin: 0 10px;
      -webkit-border-radius: 10px;
      -khtml-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
      border-radius: 10px;
      -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 0 30px 5px;
      -khtml-box-shadow: rgba(0, 0, 0, 0.5) 0 0 30px 5px;
      -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 0 30px 5px;
      -ms-box-shadow: rgba(0, 0, 0, 0.5) 0 0 30px 5px;
      -o-box-shadow: rgba(0, 0, 0, 0.5) 0 0 30px 5px;
      box-shadow: rgba(0, 0, 0, 0.5) 0 0 30px 5px;
      cursor: pointer; }
    .blog_carousel_articles .carousel_dots .active {
      background: #ffd518; }
  .blog_carousel_articles .slider_arrow_left {
    font-size: 50px;
    top: 0;
    bottom: 0;
    left: 30px;
    text-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    color: rgba(0, 0, 0, 0.8); }
    .blog_carousel_articles .slider_arrow_left:hover {
      color: white;
      -webkit-transform: scale(1.2);
      -khtml-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -o-transform: scale(1.2);
      transform: scale(1.2); }
  .blog_carousel_articles .slider_arrow_right {
    font-size: 50px;
    top: 0;
    bottom: 0;
    right: 30px;
    text-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    color: rgba(0, 0, 0, 0.8); }
    .blog_carousel_articles .slider_arrow_right:hover {
      color: white;
      -webkit-transform: scale(1.2);
      -khtml-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -o-transform: scale(1.2);
      transform: scale(1.2); }
  .blog_carousel_articles .body {
    position: relative; }
    .blog_carousel_articles .body .slick-track {
      margin: inherit; }
    .blog_carousel_articles .body .carousel_container {
      position: relative;
      display: block !important;
      width: 100%;
      height: 600px;
      max-height: 100vh; }
      .blog_carousel_articles .body .carousel_container .carousel_item {
        position: relative;
        display: block;
        width: 100%;
        height: 600px;
        max-height: 100vh;
        overflow: hidden; }
        .blog_carousel_articles .body .carousel_container .carousel_item .block {
          position: relative;
          display: flex;
          align-items: center;
          width: 100%;
          height: 100%; }
        .blog_carousel_articles .body .carousel_container .carousel_item .cover {
          position: absolute;
          display: block;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0; }
          .blog_carousel_articles .body .carousel_container .carousel_item .cover img {
            position: relative;
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover; }
          .blog_carousel_articles .body .carousel_container .carousel_item .cover:after {
            content: "";
            position: absolute;
            display: block;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.3); }
        .blog_carousel_articles .body .carousel_container .carousel_item .meta {
          position: relative;
          display: flex;
          flex-flow: column;
          justify-content: center;
          align-items: center;
          background: white;
          width: 300px;
          min-height: 50%;
          max-height: 80%;
          margin-left: 15%;
          padding: 20px;
          -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
          -khtml-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
          -moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
          -ms-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
          -o-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
          box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); }
          .blog_carousel_articles .body .carousel_container .carousel_item .meta .trending {
            text-align: center;
            color: grey;
            font-family: "Rajdhani", sans-serif;
            text-transform: uppercase;
            font-weight: bold;
            letter-spacing: 2px; }
          .blog_carousel_articles .body .carousel_container .carousel_item .meta .title {
            text-align: center;
            margin: 15px 0; }
          .blog_carousel_articles .body .carousel_container .carousel_item .meta .read_more {
            position: relative;
            display: inline-block;
            text-align: center;
            text-transform: uppercase;
            letter-spacing: 2px;
            cursor: pointer;
            color: grey; }
            .blog_carousel_articles .body .carousel_container .carousel_item .meta .read_more:before {
              content: "";
              position: absolute;
              display: block;
              width: 00%;
              height: 5px;
              background: #ffd518;
              bottom: -5px;
              -webkit-transition: 0.5s;
              -khtml-transition: 0.5s;
              -moz-transition: 0.5s;
              -ms-transition: 0.5s;
              -o-transition: 0.5s;
              transition: 0.5s; }
            .blog_carousel_articles .body .carousel_container .carousel_item .meta .read_more:hover:before {
              width: 100%; }

.carousel_by_category {
  position: relative;
  width: 100%; }
  .carousel_by_category .slider_arrow_left {
    font-size: 50px; }
  .carousel_by_category .slider_arrow_right {
    font-size: 50px; }
  .carousel_by_category .body {
    position: relative; }
    .carousel_by_category .body .slick-track {
      margin: inherit; }
    .carousel_by_category .body .carousel_container {
      position: relative;
      display: block;
      width: 100%;
      height: 400px; }
      .carousel_by_category .body .carousel_container .carousel_item {
        position: relative;
        display: block;
        width: 100%;
        height: 400px;
        padding: 15px;
        overflow: hidden; }
        .carousel_by_category .body .carousel_container .carousel_item .block {
          position: relative;
          display: flex;
          align-items: center;
          width: 100%;
          height: 100%; }
        .carousel_by_category .body .carousel_container .carousel_item .cover {
          position: absolute;
          display: block;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0; }
          .carousel_by_category .body .carousel_container .carousel_item .cover img {
            position: relative;
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover; }
          .carousel_by_category .body .carousel_container .carousel_item .cover:after {
            content: "";
            position: absolute;
            display: block;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.3); }
        .carousel_by_category .body .carousel_container .carousel_item .meta {
          position: relative;
          display: flex;
          flex-flow: column;
          justify-content: center;
          align-items: center;
          background: white;
          width: 300px;
          min-height: 50%;
          max-height: 80%;
          margin-left: 15%;
          padding: 20px;
          -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
          -khtml-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
          -moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
          -ms-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
          -o-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
          box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); }
          .carousel_by_category .body .carousel_container .carousel_item .meta .trending {
            text-align: center;
            color: grey;
            font-family: "Rajdhani", sans-serif;
            text-transform: uppercase;
            font-weight: bold;
            letter-spacing: 2px; }
          .carousel_by_category .body .carousel_container .carousel_item .meta .title {
            text-align: center;
            margin: 15px 0; }
          .carousel_by_category .body .carousel_container .carousel_item .meta .read_more {
            position: relative;
            display: inline-block;
            text-align: center;
            text-transform: uppercase;
            letter-spacing: 2px;
            cursor: pointer;
            color: grey; }
            .carousel_by_category .body .carousel_container .carousel_item .meta .read_more:before {
              content: "";
              position: absolute;
              display: block;
              width: 00%;
              height: 5px;
              background: #ffd518;
              bottom: -5px;
              -webkit-transition: 0.5s;
              -khtml-transition: 0.5s;
              -moz-transition: 0.5s;
              -ms-transition: 0.5s;
              -o-transition: 0.5s;
              transition: 0.5s; }
            .carousel_by_category .body .carousel_container .carousel_item .meta .read_more:hover:before {
              width: 100%; }

.share_btns_container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap; }
  .share_btns_container .share_btn {
    margin: 5px; }

@media only screen and (max-width: 850px) {
  .blog_carousel_articles {
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
    -khtml-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3); }
    .blog_carousel_articles .body .carousel_container {
      height: 100vh; }
      .blog_carousel_articles .body .carousel_container .carousel_item {
        height: 100vh; }
        .blog_carousel_articles .body .carousel_container .carousel_item .block {
          display: block; }
        .blog_carousel_articles .body .carousel_container .carousel_item .meta {
          position: absolute;
          bottom: 0;
          width: 100%;
          margin: 0;
          min-height: 30%;
          background: rgba(0, 0, 0, 0.8); }
          .blog_carousel_articles .body .carousel_container .carousel_item .meta .trending {
            color: rgba(255, 255, 255, 0.6); }
          .blog_carousel_articles .body .carousel_container .carousel_item .meta .title {
            color: white; }
          .blog_carousel_articles .body .carousel_container .carousel_item .meta .read_more {
            color: rgba(255, 255, 255, 0.6); } }

.tv_layout {
  background: black;
  padding-top: 160px; }
  .tv_layout .horizontal_separator {
    position: relative;
    display: block;
    width: 100%;
    height: 40px; }
  .tv_layout .tv_header {
    position: relative;
    top: 0;
    display: flex;
    width: 100vw;
    height: 100vh;
    margin-top: -160px;
    z-index: 999;
    -webkit-transition: 0.5s;
    -khtml-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    background: black; }
    .tv_layout .tv_header .bg {
      position: absolute;
      display: block;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0; }
      .tv_layout .tv_header .bg img {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: right; }
      .tv_layout .tv_header .bg .image-DepthMap canvas {
        position: absolute;
        min-height: 100% !important;
        width: 100% !important;
        object-fit: cover; }
    .tv_layout .tv_header .wrapper {
      position: relative;
      display: flex;
      justify-content: space-evenly;
      align-items: center;
      padding: 10px; }
    .tv_layout .tv_header .intro {
      position: relative;
      display: flex;
      flex-flow: column;
      width: 40%; }
      .tv_layout .tv_header .intro .title {
        color: white;
        font-size: 40px;
        font-weight: bold;
        margin-bottom: 20px;
        letter-spacing: 2px; }
      .tv_layout .tv_header .intro .content {
        color: rgba(255, 255, 255, 0.7); }
  .tv_layout .tv_header_stick {
    position: fixed;
    z-index: 10001;
    top: -60px;
    left: 0;
    right: 0; }
  .tv_layout .top_menu {
    position: absolute;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100px;
    bottom: 0;
    left: 0;
    background: #000;
    background: black;
    background: -moz-linear-gradient(0deg, black 10%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(0deg, black 10%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(0deg, black 10%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#000000", endColorstr="#ffffff", GradientType=1 ); }
    .tv_layout .top_menu .header_left {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100px;
      height: 100%; }
      .tv_layout .top_menu .header_left .logo {
        position: relative;
        display: block;
        height: 90%;
        width: 90%;
        object-fit: contain;
        float: left;
        filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.3));
        -webkit-transition: 0.3s;
        -khtml-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s; }
        .tv_layout .top_menu .header_left .logo:hover {
          -webkit-transform: rotate(5deg) scale(1.1);
          -khtml-transform: rotate(5deg) scale(1.1);
          -moz-transform: rotate(5deg) scale(1.1);
          -ms-transform: rotate(5deg) scale(1.1);
          -o-transform: rotate(5deg) scale(1.1);
          transform: rotate(5deg) scale(1.1); }
    .tv_layout .top_menu .header_center {
      position: relative;
      display: flex;
      padding: 20px; }
      .tv_layout .top_menu .header_center .item {
        position: relative;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: column;
        height: 100%;
        padding: 0 20px 0 15px;
        white-space: nowrap;
        cursor: pointer; }
        .tv_layout .top_menu .header_center .item .list {
          position: absolute;
          display: flex;
          flex-flow: column;
          z-index: 1;
          opacity: 0;
          width: auto;
          min-width: 200px;
          top: 50%;
          background: black;
          text-align: center;
          height: 0;
          overflow: hidden;
          -webkit-transition: 0.3s;
          -khtml-transition: 0.3s;
          -moz-transition: 0.3s;
          -ms-transition: 0.3s;
          -o-transition: 0.3s;
          transition: 0.3s;
          -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
          -khtml-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
          -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
          -ms-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
          -o-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
          box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
          border: 1px solid #ffd518; }
          .tv_layout .top_menu .header_center .item .list .sub_item {
            color: rgba(255, 255, 255, 0.8);
            font-size: 14px;
            padding: 5px;
            width: auto;
            -webkit-transition: 0.1s;
            -khtml-transition: 0.1s;
            -moz-transition: 0.1s;
            -ms-transition: 0.1s;
            -o-transition: 0.1s;
            transition: 0.1s; }
            .tv_layout .top_menu .header_center .item .list .sub_item:hover {
              background: #ffd518;
              color: black; }
          .tv_layout .top_menu .header_center .item .list .active {
            background: #ffd518;
            color: black; }
        .tv_layout .top_menu .header_center .item:after {
          content: "";
          position: relative;
          display: block;
          width: 100%;
          height: 2px;
          background: transparent;
          width: 0;
          -webkit-transition: 0.3s;
          -khtml-transition: 0.3s;
          -moz-transition: 0.3s;
          -ms-transition: 0.3s;
          -o-transition: 0.3s;
          transition: 0.3s; }
        .tv_layout .top_menu .header_center .item:hover:after {
          content: "";
          background: #ffd518;
          width: 100%;
          height: 2px; }
        .tv_layout .top_menu .header_center .item:hover .list {
          top: 100%;
          opacity: 1;
          background: black;
          height: auto; }
      .tv_layout .top_menu .header_center .active {
        color: #ffd518; }
    .tv_layout .top_menu .header_right {
      padding: 0 20px;
      z-index: 10; }
      .tv_layout .top_menu .header_right .select_location {
        background: transparent;
        height: 60px; }
        .tv_layout .top_menu .header_right .select_location .selected {
          color: white;
          border: 1px solid transparent; }
          .tv_layout .top_menu .header_right .select_location .selected:hover {
            color: #ffd518;
            border-color: yellow;
            background: transparent; }
        .tv_layout .top_menu .header_right .select_location .list {
          background: #ffd518;
          padding-top: 0; }
          .tv_layout .top_menu .header_right .select_location .list .item {
            background: #ffd518; }
          .tv_layout .top_menu .header_right .select_location .list .item_link {
            background: black;
            border-color: #ffd518; }
      .tv_layout .top_menu .header_right .user {
        color: white;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 10px; }
        .tv_layout .top_menu .header_right .user .username {
          color: white; }
          .tv_layout .top_menu .header_right .user .username span {
            color: #ffd518; }
        .tv_layout .top_menu .header_right .user .signout {
          position: relative;
          display: flex;
          width: 40px;
          height: 40px;
          justify-content: center;
          align-items: center;
          cursor: pointer;
          font-size: 22px; }
          .tv_layout .top_menu .header_right .user .signout:hover {
            color: #ce0711; }

.home_tv_title {
  color: white;
  font-size: 35px;
  padding: 20px 0; }

.tv_auth {
  height: 100px !important;
  margin-top: 60px !important;
  position: fixed !important; }
  .tv_auth .bg canvas {
    opacity: 0; }
  .tv_auth .bg img {
    display: block; }

.local {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px; }
  .local:hover .selector {
    height: 40px;
    opacity: 1; }
  .local img {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain; }
  .local .current {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: 5px; }
  .local .selector {
    position: absolute;
    display: block;
    top: 40px;
    overflow: hidden;
    height: 0;
    opacity: 0;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -khtml-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
    .local .selector .lang {
      border: 1px solid transparent;
      -webkit-border-radius: 50px;
      -khtml-border-radius: 50px;
      -moz-border-radius: 50px;
      -ms-border-radius: 50px;
      -o-border-radius: 50px;
      border-radius: 50px;
      -webkit-transition: 0.3s;
      -khtml-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
      .local .selector .lang:hover {
        border-color: #ffd518; }

@media only screen and (max-width: 850px) {
  .home_tv_title {
    font-size: 25px; }
  .tv_layout .tv_header .header_left {
    width: 60px; }
    .tv_layout .tv_header .header_left .logo {
      width: 60px;
      height: auto; }
  .tv_layout .tv_header .header_center {
    padding-left: 2px;
    padding-right: 2px; }
  .tv_layout .tv_header .header_right {
    padding-right: 5px; }
    .tv_layout .tv_header .header_right .select_location {
      width: auto;
      font-size: 14px; }
      .tv_layout .tv_header .header_right .select_location .list {
        width: 90vw; }
    .tv_layout .tv_header .header_right .user .username {
      font-size: 14px; }
    .tv_layout .tv_header .header_right .mobile_menu {
      display: block;
      border-color: white;
      height: 50px;
      width: 50px; }
      .tv_layout .tv_header .header_right .mobile_menu .menu_btn {
        color: white; }
        .tv_layout .tv_header .header_right .mobile_menu .menu_btn .icon {
          color: white; }
  .tv_layout .tv_header .wrapper {
    flex-flow: column-reverse; }
    .tv_layout .tv_header .wrapper .intro {
      width: 100%; }
    .tv_layout .tv_header .wrapper .tv_signin_form {
      width: 100%; }
  .tv_layout .class_page_header {
    flex-flow: column;
    max-width: 100%; }
  .tv_layout .tv_page_content .page_title {
    font-size: 18px;
    max-width: 75%; } }

.home_tv {
  position: relative;
  display: block;
  width: 100%;
  min-height: 90vh;
  z-index: 0; }
  .home_tv .home_bg {
    position: fixed;
    display: block;
    width: 100%;
    height: 100vh; }
    .home_tv .home_bg:before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 2;
      background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.7) 20%, rgba(0, 0, 0, 0.39) 61%, black 100%);
      background: -webkit-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.7) 20%, rgba(0, 0, 0, 0.39) 61%, black 100%);
      background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0.7) 20%, rgba(0, 0, 0, 0.39) 61%, black 100%); }
    .home_tv .home_bg img {
      position: relative;
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: 0.3; }
  .home_tv .home_content {
    position: relative;
    display: block;
    width: 100%;
    z-index: 3;
    padding: 20px; }
    .home_tv .home_content .cat_section,
    .home_tv .home_content .carousel_section {
      position: relative;
      display: block;
      width: 100%;
      color: white;
      margin-bottom: 20px;
      padding: 5px 0 5px 0; }
      .home_tv .home_content .cat_section .top,
      .home_tv .home_content .carousel_section .top {
        position: relative;
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px; }
        .home_tv .home_content .cat_section .top .title,
        .home_tv .home_content .carousel_section .top .title {
          position: relative;
          display: inline-block;
          text-transform: uppercase;
          -webkit-transition: 0.2s;
          -khtml-transition: 0.2s;
          -moz-transition: 0.2s;
          -ms-transition: 0.2s;
          -o-transition: 0.2s;
          transition: 0.2s;
          cursor: pointer;
          font-size: 16px;
          z-index: 1;
          height: auto;
          -webkit-transition: 0.3;
          -khtml-transition: 0.3;
          -moz-transition: 0.3;
          -ms-transition: 0.3;
          -o-transition: 0.3;
          transition: 0.3; }
          .home_tv .home_content .cat_section .top .title:before,
          .home_tv .home_content .carousel_section .top .title:before {
            content: "";
            position: absolute;
            display: block;
            width: 3px;
            height: 100%;
            border-left: 5px solid #ffd518;
            border-right: 5px solid #ffd518;
            z-index: -1;
            top: 0px;
            right: -20px;
            -webkit-transition: 0.2s;
            -khtml-transition: 0.2s;
            -moz-transition: 0.2s;
            -ms-transition: 0.2s;
            -o-transition: 0.2s;
            transition: 0.2s;
            -webkit-transform: translate3d(0, 0, 0) skewX(-25deg);
            -khtml-transform: translate3d(0, 0, 0) skewX(-25deg);
            -moz-transform: translate3d(0, 0, 0) skewX(-25deg);
            -ms-transform: translate3d(0, 0, 0) skewX(-25deg);
            -o-transform: translate3d(0, 0, 0) skewX(-25deg);
            transform: translate3d(0, 0, 0) skewX(-25deg); }
          .home_tv .home_content .cat_section .top .title:hover,
          .home_tv .home_content .carousel_section .top .title:hover {
            color: #ffd518; }
        .home_tv .home_content .cat_section .top .filters,
        .home_tv .home_content .carousel_section .top .filters {
          position: relative;
          display: flex;
          justify-content: center;
          align-items: center; }
          .home_tv .home_content .cat_section .top .filters .filter,
          .home_tv .home_content .carousel_section .top .filters .filter {
            margin-left: 10px;
            cursor: pointer;
            font-size: 12px; }
            .home_tv .home_content .cat_section .top .filters .filter:hover,
            .home_tv .home_content .carousel_section .top .filters .filter:hover {
              color: #ffd518; }
          .home_tv .home_content .cat_section .top .filters .active,
          .home_tv .home_content .carousel_section .top .filters .active {
            text-decoration: underline; }
      .home_tv .home_content .cat_section .body,
      .home_tv .home_content .carousel_section .body {
        position: relative;
        display: block;
        width: 100%; }
        .home_tv .home_content .cat_section .body .list,
        .home_tv .home_content .carousel_section .body .list {
          position: relative;
          display: flex;
          width: 100%; }
          .home_tv .home_content .cat_section .body .list .block,
          .home_tv .home_content .carousel_section .body .list .block {
            position: relative;
            display: block;
            width: 200px;
            height: 130px;
            padding: 5px 10px; }
          .home_tv .home_content .cat_section .body .list .item,
          .home_tv .home_content .carousel_section .body .list .item {
            position: relative;
            display: block;
            width: 100%;
            height: 100%;
            -webkit-border-radius: 5px;
            -khtml-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            -o-border-radius: 5px;
            border-radius: 5px;
            overflow: hidden;
            -webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
            -khtml-box-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
            -moz-box-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
            -ms-box-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
            -o-box-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
            box-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
            -webkit-transition: 0.3s;
            -khtml-transition: 0.3s;
            -moz-transition: 0.3s;
            -ms-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
            cursor: pointer; }
            .home_tv .home_content .cat_section .body .list .item:hover,
            .home_tv .home_content .carousel_section .body .list .item:hover {
              -webkit-box-shadow: 0 0 12px rgba(255, 213, 24, 0.9);
              -khtml-box-shadow: 0 0 12px rgba(255, 213, 24, 0.9);
              -moz-box-shadow: 0 0 12px rgba(255, 213, 24, 0.9);
              -ms-box-shadow: 0 0 12px rgba(255, 213, 24, 0.9);
              -o-box-shadow: 0 0 12px rgba(255, 213, 24, 0.9);
              box-shadow: 0 0 12px rgba(255, 213, 24, 0.9); }
              .home_tv .home_content .cat_section .body .list .item:hover img,
              .home_tv .home_content .carousel_section .body .list .item:hover img {
                -webkit-transform: rotate(2deg) scale(1.1);
                -khtml-transform: rotate(2deg) scale(1.1);
                -moz-transform: rotate(2deg) scale(1.1);
                -ms-transform: rotate(2deg) scale(1.1);
                -o-transform: rotate(2deg) scale(1.1);
                transform: rotate(2deg) scale(1.1); }
            .home_tv .home_content .cat_section .body .list .item:before,
            .home_tv .home_content .carousel_section .body .list .item:before {
              content: "";
              position: absolute;
              display: block;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              z-index: 1;
              background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 20%, rgba(0, 0, 0, 0.5) 61%, black 100%);
              background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 20%, rgba(0, 0, 0, 0.5) 61%, black 100%);
              background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 20%, rgba(0, 0, 0, 0.5) 61%, black 100%); }
            .home_tv .home_content .cat_section .body .list .item img,
            .home_tv .home_content .carousel_section .body .list .item img {
              position: absolute;
              display: block;
              width: 100%;
              height: 100%;
              object-fit: cover;
              -webkit-transition: 0.3s;
              -khtml-transition: 0.3s;
              -moz-transition: 0.3s;
              -ms-transition: 0.3s;
              -o-transition: 0.3s;
              transition: 0.3s; }
            .home_tv .home_content .cat_section .body .list .item .name,
            .home_tv .home_content .carousel_section .body .list .item .name {
              position: absolute;
              bottom: 10px;
              right: 10px;
              z-index: 1;
              font-size: 14px;
              cursor: pointer; }
              .home_tv .home_content .cat_section .body .list .item .name:hover,
              .home_tv .home_content .carousel_section .body .list .item .name:hover {
                color: #ffd518; }
    .home_tv .home_content .carousel_section:before {
      content: "";
      position: absolute;
      display: block;
      top: 0;
      left: 10%;
      right: 10%;
      height: 5px;
      background: rgba(255, 255, 255, 0.02);
      -webkit-border-radius: 5px;
      -khtml-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }
    .home_tv .home_content .tv_horizontal_carousel {
      position: relative;
      width: 100%; }
      .home_tv .home_content .tv_horizontal_carousel .slider_arrow_left {
        font-size: 50px;
        top: 0;
        bottom: 0; }
      .home_tv .home_content .tv_horizontal_carousel .slider_arrow_right {
        font-size: 50px;
        top: 0;
        bottom: 0; }
      .home_tv .home_content .tv_horizontal_carousel .body {
        padding: 0 30px;
        position: relative; }
        .home_tv .home_content .tv_horizontal_carousel .body .slick-track {
          margin: inherit; }
        .home_tv .home_content .tv_horizontal_carousel .body .carousel_container {
          position: relative;
          display: block;
          width: 100%;
          height: 220px; }
          .home_tv .home_content .tv_horizontal_carousel .body .carousel_container .tv_carousel_item {
            position: relative;
            display: block;
            width: 300px;
            height: 220px;
            padding: 5px;
            overflow: hidden; }
            .home_tv .home_content .tv_horizontal_carousel .body .carousel_container .tv_carousel_item .block {
              position: relative;
              display: block;
              width: 100%;
              height: 100%;
              -webkit-border-radius: 5px;
              -khtml-border-radius: 5px;
              -moz-border-radius: 5px;
              -ms-border-radius: 5px;
              -o-border-radius: 5px;
              border-radius: 5px;
              overflow: hidden;
              -webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
              -khtml-box-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
              -moz-box-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
              -ms-box-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
              -o-box-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
              box-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
              -webkit-transition: 0.3s;
              -khtml-transition: 0.3s;
              -moz-transition: 0.3s;
              -ms-transition: 0.3s;
              -o-transition: 0.3s;
              transition: 0.3s; }
              .home_tv .home_content .tv_horizontal_carousel .body .carousel_container .tv_carousel_item .block:hover {
                -webkit-box-shadow: 0 0 12px #ffd518;
                -khtml-box-shadow: 0 0 12px #ffd518;
                -moz-box-shadow: 0 0 12px #ffd518;
                -ms-box-shadow: 0 0 12px #ffd518;
                -o-box-shadow: 0 0 12px #ffd518;
                box-shadow: 0 0 12px #ffd518; }
              .home_tv .home_content .tv_horizontal_carousel .body .carousel_container .tv_carousel_item .block .date {
                color: white;
                font-size: 10px;
                position: absolute;
                top: 5px;
                left: 5px;
                padding: 2px 5px;
                text-shadow: 0 0 2px rgba(0, 0, 0, 0.8), 0 0 5px rgba(0, 0, 0, 0.8); }
              .home_tv .home_content .tv_horizontal_carousel .body .carousel_container .tv_carousel_item .block .duration {
                color: white;
                font-size: 10px;
                position: absolute;
                bottom: 5px;
                right: 5px;
                color: #ffd518;
                padding: 2px 5px;
                background: rgba(0, 0, 0, 0.8);
                -webkit-border-radius: 2px;
                -khtml-border-radius: 2px;
                -moz-border-radius: 2px;
                -ms-border-radius: 2px;
                -o-border-radius: 2px;
                border-radius: 2px; }
              .home_tv .home_content .tv_horizontal_carousel .body .carousel_container .tv_carousel_item .block .title {
                position: absolute;
                display: inline;
                min-height: 40px;
                align-items: center;
                background: rgba(0, 0, 0, 0.8);
                bottom: 0px;
                font-size: 12px;
                padding: 10px 15px;
                left: 0;
                right: 60px;
                -webkit-border-radius: 0 100px 0 0;
                -khtml-border-radius: 0 100px 0 0;
                -moz-border-radius: 0 100px 0 0;
                -ms-border-radius: 0 100px 0 0;
                -o-border-radius: 0 100px 0 0;
                border-radius: 0 100px 0 0; }
                .home_tv .home_content .tv_horizontal_carousel .body .carousel_container .tv_carousel_item .block .title .nbr {
                  position: relative;
                  display: inline-flex;
                  justify-content: center;
                  align-items: center;
                  width: 18px;
                  height: 18px;
                  margin-right: 10px;
                  font-size: 12px;
                  color: black;
                  z-index: 1;
                  font-weight: bold; }
                  .home_tv .home_content .tv_horizontal_carousel .body .carousel_container .tv_carousel_item .block .title .nbr:before {
                    content: "";
                    position: absolute;
                    display: block;
                    width: 100%;
                    height: 100%;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    background: #ffd518;
                    z-index: -1;
                    -webkit-transform: translate3d(0, 0, 0) skewX(-25deg);
                    -khtml-transform: translate3d(0, 0, 0) skewX(-25deg);
                    -moz-transform: translate3d(0, 0, 0) skewX(-25deg);
                    -ms-transform: translate3d(0, 0, 0) skewX(-25deg);
                    -o-transform: translate3d(0, 0, 0) skewX(-25deg);
                    transform: translate3d(0, 0, 0) skewX(-25deg); }
                .home_tv .home_content .tv_horizontal_carousel .body .carousel_container .tv_carousel_item .block .title * {
                  display: inline;
                  white-space: unset;
                  word-break: keep-all; }
                .home_tv .home_content .tv_horizontal_carousel .body .carousel_container .tv_carousel_item .block .title .with {
                  position: relative;
                  display: inline;
                  margin: 0 10px;
                  color: #ffd518; }
              .home_tv .home_content .tv_horizontal_carousel .body .carousel_container .tv_carousel_item .block .bg {
                z-index: -1;
                position: absolute;
                display: block;
                width: 100%;
                height: 100%; }
                .home_tv .home_content .tv_horizontal_carousel .body .carousel_container .tv_carousel_item .block .bg img {
                  position: relative;
                  display: block;
                  width: 100%;
                  height: 100%;
                  object-fit: cover; }
    .home_tv .home_content .cat_section .body .list .carousel_container {
      height: 140px;
      padding: 10px 0;
      width: 100%; }

.cta_container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%; }
  .cta_container .cta_block {
    position: relative;
    display: flex;
    width: 100%;
    height: 300px;
    margin: 20px;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.5);
    -khtml-box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.5);
    -ms-box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.5);
    -o-box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.5);
    box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.5); }
    .cta_container .cta_block:hover .bg {
      -webkit-transform: rotate(3deg) scale(1.3);
      -khtml-transform: rotate(3deg) scale(1.3);
      -moz-transform: rotate(3deg) scale(1.3);
      -ms-transform: rotate(3deg) scale(1.3);
      -o-transform: rotate(3deg) scale(1.3);
      transform: rotate(3deg) scale(1.3);
      -webkit-filter: blur(5px);
      -moz-filter: blur(5px);
      -o-filter: blur(5px);
      filter: blur(5px); }
    .cta_container .cta_block:hover .data .title {
      -webkit-transform: translateY(15px);
      -khtml-transform: translateY(15px);
      -moz-transform: translateY(15px);
      -ms-transform: translateY(15px);
      -o-transform: translateY(15px);
      transform: translateY(15px); }
    .cta_container .cta_block:hover .data .actions {
      -webkit-transform: translateY(-15px);
      -khtml-transform: translateY(-15px);
      -moz-transform: translateY(-15px);
      -ms-transform: translateY(-15px);
      -o-transform: translateY(-15px);
      transform: translateY(-15px); }
    .cta_container .cta_block .bg {
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      width: 100%;
      height: 100%;
      object-fit: cover;
      -webkit-transition: 1s;
      -khtml-transition: 1s;
      -moz-transition: 1s;
      -ms-transition: 1s;
      -o-transition: 1s;
      transition: 1s;
      -webkit-filter: blur(0px);
      -moz-filter: blur(0px);
      -o-filter: blur(0px);
      filter: blur(0px); }
    .cta_container .cta_block .data {
      position: relative;
      display: flex;
      flex-flow: column;
      justify-content: space-between;
      width: 100%;
      height: 100%;
      z-index: 1;
      padding: 30px; }
      .cta_container .cta_block .data .title {
        position: relative;
        width: 100%;
        color: white;
        font-size: 40px;
        text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.9);
        -webkit-transition: 0.3s;
        -khtml-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s; }
        .cta_container .cta_block .data .title span {
          color: #ffd518;
          font-family: "Rajdhani", sans-serif; }
      .cta_container .cta_block .data .actions {
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        width: 100%;
        gap: 20px;
        -webkit-transition: 0.3s;
        -khtml-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s; }
        .cta_container .cta_block .data .actions .action {
          position: relative;
          display: block;
          width: auto;
          padding: 10px 30px;
          border: 3px solid #ffd518;
          background: rgba(0, 0, 0, 0.5);
          backdrop-filter: blure(10px);
          text-transform: uppercase;
          font-size: 16px;
          color: #ffd518;
          font-weight: bold;
          cursor: pointer; }
          .cta_container .cta_block .data .actions .action:disabled {
            opacity: 0.7;
            -webkit-filter: grayscale(100%);
            -moz-filter: grayscale(100%);
            -o-filter: grayscale(100%);
            filter: grayscale(100%); }
  .cta_container .cta_live .data .title span {
    color: #1abc9c; }
  .cta_container .cta_live .data .actions .action {
    color: #1abc9c;
    border-color: #1abc9c; }

.tv_page_content {
  position: relative;
  display: inline-block;
  width: 100%;
  background: #000;
  padding: 10px;
  padding-bottom: 50px; }
  .tv_page_content .page_title_filters {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start; }
    .tv_page_content .page_title_filters .filters {
      position: relative;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      align-items: center;
      margin-bottom: 30px;
      width: 100%; }
      .tv_page_content .page_title_filters .filters .reset {
        position: relative;
        display: block;
        width: 30px;
        height: 30px;
        font-size: 20px;
        color: rgba(255, 255, 255, 0.8);
        cursor: pointer; }
        .tv_page_content .page_title_filters .filters .reset:before {
          content: "\f0e2";
          font-family: FontAwesome; }
        .tv_page_content .page_title_filters .filters .reset:hover {
          color: #ffd518; }
      .tv_page_content .page_title_filters .filters .filter {
        outline: none;
        border: 1px solid rgba(255, 255, 255, 0.5);
        padding: 2px 10px;
        background: #000;
        color: white;
        margin: 5px 3px; }
        .tv_page_content .page_title_filters .filters .filter:hover {
          border-color: #ffd518; }
        .tv_page_content .page_title_filters .filters .filter:focus {
          border-color: #ffd518; }
  .tv_page_content .page_title {
    position: relative;
    color: white;
    letter-spacing: 2px;
    display: inline-block;
    white-space: nowrap;
    font-size: 30px;
    width: auto;
    height: auto;
    z-index: 1;
    padding-left: 20px;
    margin-bottom: 30px; }
    .tv_page_content .page_title:before {
      content: "";
      position: absolute;
      display: block;
      width: 7px;
      height: 100%;
      border-left: 7px solid #ffd518;
      border-right: 7px solid #ffd518;
      z-index: -1;
      top: 0px;
      right: -30px;
      -webkit-transform: skewX(-25deg);
      -khtml-transform: skewX(-25deg);
      -moz-transform: skewX(-25deg);
      -ms-transform: skewX(-25deg);
      -o-transform: skewX(-25deg);
      transform: skewX(-25deg); }

.tv_signin_form {
  position: relative;
  display: flex;
  flex-flow: column;
  width: 40%;
  background: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
  -khtml-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 20px;
  -webkit-transition: 0.3s;
  -khtml-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  overflow: hidden; }
  .tv_signin_form .form_title {
    color: white;
    font-size: 30px;
    margin-bottom: 30px; }
  .tv_signin_form .form_logo {
    position: absolute;
    display: block;
    width: 100px;
    height: 100px;
    top: 10px;
    right: 10px; }
    .tv_signin_form .form_logo img {
      position: relative;
      display: block;
      width: 100%;
      height: 100%;
      object-fit: contain;
      object-position: right; }
  .tv_signin_form .input_line {
    position: relative;
    display: flex;
    flex-flow: column;
    width: 100%;
    margin-bottom: 10px; }
    .tv_signin_form .input_line:focus-within .label {
      color: #ffd518;
      -webkit-transform: translateY(2px);
      -khtml-transform: translateY(2px);
      -moz-transform: translateY(2px);
      -ms-transform: translateY(2px);
      -o-transform: translateY(2px);
      transform: translateY(2px); }
    .tv_signin_form .input_line:focus-within .input_field {
      border-color: #ffd518; }
    .tv_signin_form .input_line .label {
      color: white;
      position: relative;
      display: block;
      width: 100%;
      margin-bottom: 10px;
      -webkit-transition: 0.3s;
      -khtml-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
    .tv_signin_form .input_line .input_field {
      position: relative;
      color: white;
      padding: 5px 10px;
      background: #000;
      border: 1px solid rgba(255, 255, 255, 0.4);
      -webkit-transition: 0.3s;
      -khtml-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
  .tv_signin_form .actions {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 5px 0; }
    .tv_signin_form .actions .form_links {
      position: relative;
      display: flex;
      flex-flow: column;
      color: rgba(255, 255, 255, 0.6);
      font-size: 12px; }
      .tv_signin_form .actions .form_links a:hover {
        color: white;
        text-decoration: underline !important; }
    .tv_signin_form .actions .signin_btn {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #ffd518;
      border: 1px solid #ffd518;
      color: black;
      width: 200px;
      height: 40px;
      letter-spacing: 2px;
      -webkit-transition: 0.3s;
      -khtml-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
      cursor: pointer; }
      .tv_signin_form .actions .signin_btn:hover {
        background: rgba(0, 0, 0, 0.6);
        color: #ffd518;
        letter-spacing: 3px; }

.video_sub {
  color: rgba(255, 255, 255, 0.7);
  position: absolute;
  left: 0;
  right: 0;
  padding: 10px;
  bottom: 50px;
  text-align: center;
  font-size: 20px; }
  .video_sub .page_empty_dark {
    height: auto;
    display: block;
    font-size: 20px; }

.is_free_vid {
  position: absolute;
  width: 120px;
  padding: 5px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: #ffd518;
  color: black;
  font-weight: bold;
  font-size: 14px;
  top: 12px;
  right: -32px;
  letter-spacing: 1px;
  -webkit-transform: rotate(45deg);
  -khtml-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.8);
  -khtml-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.8);
  -ms-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.8);
  -o-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.8);
  text-transform: uppercase;
  pointer-events: none; }

@media only screen and (max-width: 850px) {
  .tv_page_content .page_title_filters {
    flex-flow: column; }
    .tv_page_content .page_title_filters .filters {
      justify-content: center; }
      .tv_page_content .page_title_filters .filters .filter {
        width: 100%; }
  .video_sub {
    background: rgba(0, 0, 0, 0.7);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: 50px; }
    .video_sub .page_empty_dark {
      color: white; } }

.video_checkboxes {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  width: 100%;
  max-width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.2); }
  .video_checkboxes .label {
    margin: 10px 10px;
    color: white;
    position: relative;
    display: flex;
    align-items: center;
    white-space: nowrap; }
  .video_checkboxes .item {
    color: white;
    display: flex;
    align-items: center;
    margin: 10px 10px;
    cursor: pointer;
    text-transform: uppercase; }
    .video_checkboxes .item:before {
      content: "\f096";
      font-family: FontAwesome;
      color: white;
      margin-right: 5px;
      width: 20px;
      height: 20px;
      display: flex;
      justify-content: center;
      align-items: center; }
    .video_checkboxes .item:hover {
      color: #ffd518; }
  .video_checkboxes .active {
    color: #ffd518; }
    .video_checkboxes .active:before {
      content: "\f14a";
      color: #ffd518; }

@media only screen and (max-width: 850px) {
  .filters {
    width: 100% !important; }
  .video_checkboxes .label, .video_checkboxes .item {
    width: 100%; } }

.preview_player {
  background: rgba(255, 255, 255, 0.1);
  position: relative;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  color: white;
  padding: 3px; }
  .preview_player .video {
    position: relative;
    display: block;
    width: 100%;
    height: 180px;
    background: rgba(255, 255, 255, 0.1); }
  .preview_player .preview {
    position: relative;
    display: block;
    width: 100%;
    height: 180px;
    margin-bottom: 20px;
    overflow: hidden; }
    .preview_player .preview .holder {
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: url("/logo/r2tv-logo.png") center no-repeat;
      background-size: 100px; }
    .preview_player .preview img {
      position: relative;
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .preview_player .preview .duration {
      color: white;
      font-size: 10px;
      position: absolute;
      bottom: 5px;
      right: 5px;
      color: #ffd518;
      padding: 2px 5px;
      background: rgba(0, 0, 0, 0.8);
      -webkit-border-radius: 2px;
      -khtml-border-radius: 2px;
      -moz-border-radius: 2px;
      -ms-border-radius: 2px;
      -o-border-radius: 2px;
      border-radius: 2px; }

.player_data {
  color: white;
  position: relative;
  display: block;
  width: 1200px;
  max-width: 100%;
  margin: 0 auto; }
  .player_data .head {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
    padding: 5px 5px;
    min-height: 55px; }
    .player_data .head .flag {
      position: absolute;
      display: block;
      width: 20px;
      height: 12px;
      top: -10px;
      left: 5px; }
      .player_data .head .flag img {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .player_data .head .title {
      position: relative;
      display: inline;
      align-items: flex-end;
      flex-wrap: wrap;
      font-size: 14px;
      padding-top: 20px; }
      .player_data .head .title .order {
        position: relative;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 20px;
        height: 20px;
        margin-right: 10px;
        font-size: 12px;
        color: black;
        z-index: 1; }
        .player_data .head .title .order:before {
          content: "";
          position: absolute;
          display: block;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background: #ffd518;
          z-index: -1;
          -webkit-transform: translate3d(0, 0, 0) skewX(-25deg);
          -khtml-transform: translate3d(0, 0, 0) skewX(-25deg);
          -moz-transform: translate3d(0, 0, 0) skewX(-25deg);
          -ms-transform: translate3d(0, 0, 0) skewX(-25deg);
          -o-transform: translate3d(0, 0, 0) skewX(-25deg);
          transform: translate3d(0, 0, 0) skewX(-25deg); }
      .player_data .head .title .with {
        font-size: 12px;
        margin: 0 10px;
        color: rgba(255, 255, 255, 0.7); }
    .player_data .head .date {
      font-size: 11px;
      white-space: nowrap;
      position: absolute;
      top: -14px;
      right: 5px; }
  .player_data .body {
    position: relative;
    display: flex;
    flex-flow: column;
    width: 100%;
    justify-content: space-between;
    padding: 5px; }
    .player_data .body .tags {
      position: relative;
      display: inline-block;
      width: 100%;
      line-height: 20px; }
      .player_data .body .tags .item {
        margin: 2px;
        position: relative;
        display: inline-block;
        padding: 2px 8px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        background: gray;
        font-size: 12px; }
  .player_data .eq {
    position: relative;
    display: flex;
    justify-content: space-between;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 12px; }
    .player_data .eq .label {
      white-space: nowrap;
      margin-right: 10px; }
    .player_data .eq .cont {
      position: relative;
      display: flex;
      width: 100%;
      flex-wrap: wrap; }
      .player_data .eq .cont span {
        font-size: 12px;
        text-transform: uppercase;
        white-space: nowrap;
        color: #ffd518;
        margin-right: 5px; }
        .player_data .eq .cont span:after {
          font-size: 12px;
          content: ', ';
          color: white; }
        .player_data .eq .cont span:last-child:after {
          content: ""; }
  .player_data .desc {
    padding: 10px 0;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
    white-space: pre-wrap; }
    .player_data .desc a {
      color: #ffd518; }
  .player_data .cat {
    position: relative;
    display: flex;
    flex-flow: column; }
    .player_data .cat .category {
      position: relative;
      display: inline-block;
      -webkit-transition: 0.2s;
      -khtml-transition: 0.2s;
      -moz-transition: 0.2s;
      -ms-transition: 0.2s;
      -o-transition: 0.2s;
      transition: 0.2s;
      cursor: pointer;
      z-index: 1;
      font-size: 14px;
      font-family: "Rajdhani", sans-serif; }
      .player_data .cat .category:before {
        content: "";
        position: absolute;
        display: block;
        width: 3px;
        height: 100%;
        border-left: 5px solid #ffd518;
        border-right: 5px solid #ffd518;
        z-index: -1;
        top: 0px;
        right: -20px;
        -webkit-transition: 0.2s;
        -khtml-transition: 0.2s;
        -moz-transition: 0.2s;
        -ms-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
        -webkit-transform: translate3d(0, 0, 0) skewX(-25deg);
        -khtml-transform: translate3d(0, 0, 0) skewX(-25deg);
        -moz-transform: translate3d(0, 0, 0) skewX(-25deg);
        -ms-transform: translate3d(0, 0, 0) skewX(-25deg);
        -o-transform: translate3d(0, 0, 0) skewX(-25deg);
        transform: translate3d(0, 0, 0) skewX(-25deg); }
      .player_data .cat .category:hover {
        color: #ffd518; }
    .player_data .cat .trainer {
      margin-top: 8px;
      color: rgba(255, 255, 255, 0.5);
      font-size: 14px; }
      .player_data .cat .trainer a {
        color: #ffd518; }
      .player_data .cat .trainer .with {
        margin-right: 10px; }
  .player_data .actions {
    position: relative;
    display: flex;
    flex-flow: column;
    min-width: 80px;
    margin-top: 3px; }
    .player_data .actions .watch_later {
      width: 100%;
      background: black;
      color: rgba(255, 255, 255, 0.7);
      font-size: 10px;
      -webkit-border-radius: 3px;
      -khtml-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      padding: 3px 5px;
      border: 1px solid rgba(255, 255, 255, 0.2);
      -webkit-transition: 0.2s;
      -khtml-transition: 0.2s;
      -moz-transition: 0.2s;
      -ms-transition: 0.2s;
      -o-transition: 0.2s;
      transition: 0.2s;
      cursor: pointer;
      margin-bottom: 2px; }
      .player_data .actions .watch_later:before {
        font-size: 18px;
        content: "\f097";
        font-family: FontAwesome;
        color: #ffd518;
        margin-right: 10px;
        vertical-align: middle; }
      .player_data .actions .watch_later:hover {
        background: #ffd518;
        color: black; }
        .player_data .actions .watch_later:hover:before {
          content: "\f02e";
          color: black; }
    .player_data .actions .bookmarked {
      background: black;
      color: white; }
      .player_data .actions .bookmarked:before {
        content: "\f02e"; }
      .player_data .actions .bookmarked:hover {
        color: white;
        background: black; }
        .player_data .actions .bookmarked:hover:before {
          content: "\f00d";
          color: #ce0711; }
    .player_data .actions .achievement {
      background: black;
      color: rgba(255, 255, 255, 0.7);
      font-size: 10px;
      -webkit-border-radius: 3px;
      -khtml-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      padding: 3px 5px;
      width: 100%;
      border: 1px solid rgba(255, 255, 255, 0.2);
      -webkit-transition: 0.2s;
      -khtml-transition: 0.2s;
      -moz-transition: 0.2s;
      -ms-transition: 0.2s;
      -o-transition: 0.2s;
      transition: 0.2s;
      cursor: pointer; }
      .player_data .actions .achievement:before {
        font-size: 18px;
        content: "\f140";
        font-family: FontAwesome;
        color: #ce0711;
        margin-right: 10px;
        vertical-align: middle; }
      .player_data .actions .achievement:hover {
        background: #ce0711;
        color: black; }
        .player_data .actions .achievement:hover:before {
          content: "\f140";
          color: black; }
    .player_data .actions .achieved {
      background: black; }
      .player_data .actions .achieved:before {
        color: #1abc9c;
        content: "\f091"; }
      .player_data .actions .achieved:hover {
        color: white;
        background: black; }
        .player_data .actions .achieved:hover:before {
          content: "\f00d";
          color: #ce0711; }

.video_player_container {
  position: relative;
  display: flex;
  width: 100%;
  padding-right: 10px;
  z-index: 10; }
  .video_player_container .video_side_list {
    position: relative;
    display: flex;
    flex-flow: column;
    width: 250px;
    flex: 0 0 250px;
    height: auto;
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.1);
    margin-left: 5px; }
    .video_player_container .video_side_list .list_header .list_name {
      position: relative;
      background: black;
      padding: 10px; }
      .video_player_container .video_side_list .list_header .list_name .title {
        color: white; }
    .video_player_container .video_side_list .list_container {
      position: relative;
      display: block;
      width: 100%;
      height: auto;
      flex-grow: 1; }
      .video_player_container .video_side_list .list_container .video_list {
        position: relative;
        display: flex;
        width: 100%;
        overflow: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        flex-flow: column; }
        .video_player_container .video_side_list .list_container .video_list .video_item {
          position: relative;
          display: flex;
          width: 100%;
          height: 60px;
          margin-bottom: 2px; }
          .video_player_container .video_side_list .list_container .video_list .video_item:hover {
            background: rgba(255, 255, 255, 0.1); }
          .video_player_container .video_side_list .list_container .video_list .video_item .pic {
            position: relative;
            display: block;
            width: 80px;
            flex: 0 0 80px;
            height: 100%;
            background: black; }
            .video_player_container .video_side_list .list_container .video_list .video_item .pic img {
              position: relative;
              display: block;
              width: 100%;
              height: 100%;
              object-fit: contain; }
            .video_player_container .video_side_list .list_container .video_list .video_item .pic .time {
              position: absolute;
              bottom: 2px;
              right: 2px;
              font-size: 10px; }
          .video_player_container .video_side_list .list_container .video_list .video_item .data {
            position: relative;
            display: flex;
            flex-flow: column;
            justify-content: center;
            width: 100%;
            height: 100%;
            padding: 0 5px;
            line-height: 1; }
            .video_player_container .video_side_list .list_container .video_list .video_item .data .name {
              position: relative;
              display: flex;
              align-items: flex-end;
              flex-wrap: wrap;
              font-family: "Open Sans", sans-serif;
              font-size: 11px;
              font-weight: 200;
              padding-left: 20px; }
              .video_player_container .video_side_list .list_container .video_list .video_item .data .name .order {
                position: absolute;
                display: flex;
                justify-content: center;
                align-items: center;
                width: 15px;
                height: 15px;
                margin-right: 10px;
                font-size: 12px;
                color: black;
                font-weight: bold;
                z-index: 1;
                top: 0;
                left: 0; }
                .video_player_container .video_side_list .list_container .video_list .video_item .data .name .order:before {
                  content: "";
                  position: absolute;
                  display: block;
                  width: 100%;
                  height: 100%;
                  top: 0;
                  left: 0;
                  right: 0;
                  bottom: 0;
                  background: #ffd518;
                  z-index: -1;
                  font-weight: bold;
                  -webkit-border-radius: px;
                  -khtml-border-radius: px;
                  -moz-border-radius: px;
                  -ms-border-radius: px;
                  -o-border-radius: px;
                  border-radius: px; }
              .video_player_container .video_side_list .list_container .video_list .video_item .data .name .with {
                font-size: 12px;
                margin: 0 10px 0 0;
                color: rgba(255, 255, 255, 0.6); }
        .video_player_container .video_side_list .list_container .video_list .active .pic {
          border: 1px solid #ffd518; }
        .video_player_container .video_side_list .list_container .video_list .active .name {
          color: #ffd518; }

.video_player {
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 47%;
  background: url("/logo/r2tv-logo.png") center no-repeat;
  background-size: 200px; }
  .video_player iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    height: 100%;
    width: 100%;
    -webkit-box-shadow: 0 0 3px rgba(255, 255, 255, 0.3);
    -khtml-box-shadow: 0 0 3px rgba(255, 255, 255, 0.3);
    -moz-box-shadow: 0 0 3px rgba(255, 255, 255, 0.3);
    -ms-box-shadow: 0 0 3px rgba(255, 255, 255, 0.3);
    -o-box-shadow: 0 0 3px rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 3px rgba(255, 255, 255, 0.3); }

.video_meta {
  position: relative;
  display: block;
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
  padding: 50px 10px; }

.before_after_vids {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%; }
  .before_after_vids .curr_vid {
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
    flex: 0 0 80px;
    -webkit-border-radius: 200px;
    -khtml-border-radius: 200px;
    -moz-border-radius: 200px;
    -ms-border-radius: 200px;
    -o-border-radius: 200px;
    border-radius: 200px;
    border: 1px solid #ffd518;
    background: #ffd518;
    margin: 10px 40px;
    cursor: pointer;
    color: black;
    -webkit-transition: 0.3s;
    -khtml-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
    .before_after_vids .curr_vid:hover {
      color: #ffd518;
      background: #000; }
    .before_after_vids .curr_vid:before {
      content: "\f04b";
      font-family: FontAwesome;
      font-size: 40px;
      padding-left: 10%; }
    .before_after_vids .curr_vid span {
      text-align: center;
      font-size: 12px;
      font-weight: bold;
      text-transform: uppercase;
      position: absolute;
      width: 100%;
      top: 110%;
      color: white; }
  .before_after_vids .b_v_container {
    position: relative;
    display: block;
    width: 100%;
    padding: 5px; }
    .before_after_vids .b_v_container .title {
      color: white;
      position: relative;
      display: flex;
      align-items: center;
      white-space: nowrap; }
      .before_after_vids .b_v_container .title:after {
        content: "";
        position: relative;
        display: block;
        margin-left: 20px;
        width: 100%;
        height: 2px;
        background: #ffd518; }
      .before_after_vids .b_v_container .title:before {
        content: "";
        position: relative;
        display: block;
        margin-right: 20px;
        width: 100%;
        height: 2px;
        background: #ffd518; }
    .before_after_vids .b_v_container .vids {
      position: relative;
      display: flex;
      flex-wrap: wrap;
      width: 100%; }
      .before_after_vids .b_v_container .vids .b_a_item {
        position: relative;
        display: flex;
        width: 160px;
        height: 120px;
        margin: 2px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, 0.3);
        cursor: pointer;
        -webkit-transition: 0.3s;
        -khtml-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s; }
        .before_after_vids .b_v_container .vids .b_a_item:hover {
          border-color: #ffd518; }
          .before_after_vids .b_v_container .vids .b_a_item:hover img {
            -webkit-filter: grayscale(0);
            -moz-filter: grayscale(0);
            -o-filter: grayscale(0);
            filter: grayscale(0); }
        .before_after_vids .b_v_container .vids .b_a_item img {
          position: relative;
          display: block;
          width: 100%;
          height: 100%;
          object-fit: cover;
          -webkit-filter: grayscale(1);
          -moz-filter: grayscale(1);
          -o-filter: grayscale(1);
          filter: grayscale(1); }
        .before_after_vids .b_v_container .vids .b_a_item .name {
          color: white;
          position: absolute;
          left: 0;
          right: 0;
          bottom: 0;
          height: 60px;
          background: rgba(0, 0, 0, 0.8);
          text-align: center;
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 11px;
          padding: 3px; }
      .before_after_vids .b_v_container .vids .active {
        border-color: #ffd518; }
        .before_after_vids .b_v_container .vids .active .name {
          color: #ffd518; }
        .before_after_vids .b_v_container .vids .active img {
          -webkit-filter: grayscale(0);
          -moz-filter: grayscale(0);
          -o-filter: grayscale(0);
          filter: grayscale(0); }

@media only screen and (max-width: 850px) {
  .video_player_container {
    flex-flow: column; }
    .video_player_container .video_player {
      margin-bottom: 10px; }
    .video_player_container .video_side_list {
      width: 100%;
      margin: 0;
      padding: 0 10px;
      height: auto;
      flex: auto; }
      .video_player_container .video_side_list .list_container .video_list {
        position: relative;
        max-height: 190px; }
  .before_after_vids {
    flex-flow: column; } }

.class_page_header {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 700px;
  min-height: 200px;
  margin: 0 auto;
  -webkit-box-shadow: 1px 1px 8px rgba(255, 255, 255, 0.1);
  -khtml-box-shadow: 1px 1px 8px rgba(255, 255, 255, 0.1);
  -moz-box-shadow: 1px 1px 8px rgba(255, 255, 255, 0.1);
  -ms-box-shadow: 1px 1px 8px rgba(255, 255, 255, 0.1);
  -o-box-shadow: 1px 1px 8px rgba(255, 255, 255, 0.1);
  box-shadow: 1px 1px 8px rgba(255, 255, 255, 0.1);
  padding: 10px;
  margin-bottom: 20px; }
  .class_page_header .pic {
    position: relative;
    display: block;
    width: 100%;
    height: 100%; }
    .class_page_header .pic img {
      position: relative;
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .class_page_header .desc {
    font-size: 12px;
    position: relative;
    width: 100%;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    color: rgba(255, 255, 255, 0.7);
    padding: 10px; }
    .class_page_header .desc .title {
      margin-bottom: 15px;
      color: white; }

.achievements_recap {
  position: relative;
  display: flex;
  width: 100%;
  min-height: 200px;
  align-items: center;
  margin-bottom: 20px;
  background: url("/img/dirt.png") no-repeat center;
  background-size: cover; }
  .achievements_recap .trophee {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 300px;
    height: 100%;
    flex: 0 0 300px; }
    .achievements_recap .trophee .img {
      position: relative;
      display: block;
      width: 90%;
      height: 90%; }
      .achievements_recap .trophee .img img {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain; }
  .achievements_recap .general {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 100%;
    flex: 0 0 200px; }
    .achievements_recap .general .nbr {
      color: #ffd518;
      font-size: 40px;
      font-family: "Rajdhani", sans-serif;
      font-weight: bold; }
  .achievements_recap .levels {
    position: relative;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    height: 100%; }

.gauge {
  position: relative;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  -webkit-transition: 0.3s;
  -khtml-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  .gauge:hover {
    -webkit-transform: scale(1.1);
    -khtml-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  .gauge .back {
    position: relative;
    display: flex;
    width: 70px;
    height: 70px;
    background: black;
    margin: 5px;
    padding: 6px;
    -webkit-box-shadow: rgba(255, 255, 255, 0.3) 0 0 10px 8px;
    -khtml-box-shadow: rgba(255, 255, 255, 0.3) 0 0 10px 8px;
    -moz-box-shadow: rgba(255, 255, 255, 0.3) 0 0 10px 8px;
    -ms-box-shadow: rgba(255, 255, 255, 0.3) 0 0 10px 8px;
    -o-box-shadow: rgba(255, 255, 255, 0.3) 0 0 10px 8px;
    box-shadow: rgba(255, 255, 255, 0.3) 0 0 10px 8px;
    -webkit-box-shadow: rgba(255, 255, 255, 0.3) 0 0 10px 8px;
    -khtml-box-shadow: rgba(255, 255, 255, 0.3) 0 0 10px 8px;
    -moz-box-shadow: rgba(255, 255, 255, 0.3) 0 0 10px 8px;
    -ms-box-shadow: rgba(255, 255, 255, 0.3) 0 0 10px 8px;
    -o-box-shadow: rgba(255, 255, 255, 0.3) 0 0 10px 8px;
    box-shadow: rgba(255, 255, 255, 0.3) 0 0 10px 8px;
    -webkit-border-radius: 200px;
    -khtml-border-radius: 200px;
    -moz-border-radius: 200px;
    -ms-border-radius: 200px;
    -o-border-radius: 200px;
    border-radius: 200px; }
    .gauge .back .value {
      position: relative;
      display: flex;
      width: 100%;
      height: 100%;
      background: rgba(255, 255, 255, 0.2);
      padding: 6px;
      -webkit-border-radius: 200px;
      -khtml-border-radius: 200px;
      -moz-border-radius: 200px;
      -ms-border-radius: 200px;
      -o-border-radius: 200px;
      border-radius: 200px; }
      .gauge .back .value svg {
        position: relative;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        -webkit-transform: scaleY(-1) rotate(90deg);
        -khtml-transform: scaleY(-1) rotate(90deg);
        -moz-transform: scaleY(-1) rotate(90deg);
        -ms-transform: scaleY(-1) rotate(90deg);
        -o-transform: scaleY(-1) rotate(90deg);
        transform: scaleY(-1) rotate(90deg); }
        .gauge .back .value svg circle {
          position: relative;
          fill: none;
          stroke: #ffd518;
          stroke-width: 10;
          stroke-linecap: round;
          stroke-dasharray: 220;
          stroke-dashoffset: 220;
          -webkit-transition: 5s;
          -khtml-transition: 5s;
          -moz-transition: 5s;
          -ms-transition: 5s;
          -o-transition: 5s;
          transition: 5s; }
      .gauge .back .value .cap {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        background: black;
        -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);
        -khtml-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);
        -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);
        -ms-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);
        -o-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);
        box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);
        -webkit-border-radius: 200px;
        -khtml-border-radius: 200px;
        -moz-border-radius: 200px;
        -ms-border-radius: 200px;
        -o-border-radius: 200px;
        border-radius: 200px; }
        .gauge .back .value .cap .nbr {
          font-family: "Rajdhani", sans-serif;
          color: #ffd518;
          font-weight: bold; }
  .gauge .title {
    display: block;
    position: relative;
    color: white;
    width: 100%;
    width: 70px;
    height: 30px;
    font-size: 12px;
    text-align: center;
    white-space: pre-wrap; }

.preview_player_list {
  position: relative;
  display: flex;
  width: 100%;
  height: 100px;
  margin-bottom: 10px;
  -webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
  -khtml-box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
  -ms-box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
  -o-box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: 0.3s;
  -khtml-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  overflow: hidden; }
  .preview_player_list:hover {
    background: rgba(255, 255, 255, 0.15); }
  .preview_player_list .preview {
    position: relative;
    width: 160px;
    flex: 0 0 160px;
    height: 100%; }
    .preview_player_list .preview .holder {
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: url("/logo/r2tv-logo.png") center no-repeat;
      background-size: 100px; }
    .preview_player_list .preview img {
      position: relative;
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .preview_player_list .preview .flag {
      position: absolute;
      bottom: 5px;
      right: 5px;
      width: 18px;
      height: 10px; }
  .preview_player_list .data {
    position: relative;
    display: flex;
    justify-content: space-evenly;
    width: 100%;
    height: 100%;
    padding: 5px 5px;
    color: white; }
    .preview_player_list .data .col {
      position: relative;
      display: flex;
      flex-flow: column;
      justify-content: center;
      width: 100%;
      padding: 0 10px;
      max-width: 400px; }
    .preview_player_list .data .line {
      position: relative;
      display: flex;
      width: 100%;
      justify-content: space-between;
      align-items: center;
      padding: 5px 0; }
      .preview_player_list .data .line .label {
        white-space: nowrap;
        color: rgba(255, 255, 255, 0.7); }
      .preview_player_list .data .line .spacer {
        position: relative;
        display: block;
        width: 100%;
        height: 2px;
        background: rgba(255, 255, 255, 0.2);
        margin: 0 5px; }
      .preview_player_list .data .line .value {
        white-space: nowrap; }
        .preview_player_list .data .line .value a {
          text-transform: uppercase;
          font-family: "Rajdhani", sans-serif;
          color: #ffd518; }
          .preview_player_list .data .line .value a:hover {
            text-decoration: underline !important; }
      .preview_player_list .data .line .done {
        color: #1abc9c; }
  .preview_player_list .actions {
    position: relative;
    width: 60px;
    height: 100%;
    flex: 0 0 60px; }
    .preview_player_list .actions .delete {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 100%;
      color: rgba(255, 255, 255, 0.5);
      cursor: pointer;
      -webkit-transition: 0.3s;
      -khtml-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
      background: rgba(255, 255, 255, 0.2);
      font-size: 24px; }
      .preview_player_list .actions .delete:before {
        position: relative;
        display: block;
        content: "\f00d";
        font-family: FontAwesome; }
      .preview_player_list .actions .delete:hover {
        color: white;
        background: #ffd518;
        color: black; }

@media only screen and (max-width: 850px) {
  .preview_player_list {
    flex-flow: column;
    height: auto; }
    .preview_player_list .preview {
      width: 100%; }
    .preview_player_list .data {
      flex-flow: column; }
    .preview_player_list .actions {
      width: 100%;
      height: 40px; }
  .achievements_recap {
    flex-flow: column; }
    .achievements_recap .trophee {
      width: 100%; }
    .achievements_recap .general {
      width: 100%; } }

.playlist_preview {
  position: relative;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  padding: 5px; }
  .playlist_preview .images {
    position: relative;
    width: 100%;
    height: 200px;
    display: flex;
    overflow: hidden;
    background: gray;
    border: 1px solid gray;
    -webkit-transition: 0.3s;
    -khtml-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
    .playlist_preview .images .image {
      position: relative;
      display: block;
      width: 100%;
      height: 100%;
      border: 1px solid black; }
      .playlist_preview .images .image img {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover; }
  .playlist_preview .name {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    text-transform: uppercase;
    margin-top: 5px;
    -webkit-transition: 0.3s;
    -khtml-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    bottom: 0;
    left: 0;
    font-size: 18px;
    padding: 5px;
    width: 100%;
    height: 60px;
    background: rgba(0, 0, 0, 0.6); }
  .playlist_preview:hover .images {
    border-color: #ffd518; }
  .playlist_preview:hover .name {
    color: #ffd518; }

.carousel_playlists {
  background: white;
  background: -moz-linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.15) 50%, transparent 100%);
  background: -webkit-linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.15) 50%, transparent 100%);
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.15) 50%, transparent 100%); }

.playlist_collapse {
  background: rgba(255, 255, 255, 0.1);
  position: relative;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 240px;
  color: white;
  padding: 3px;
  z-index: 1; }
  .playlist_collapse .bg {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0; }
    .playlist_collapse .bg img {
      position: relative;
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .playlist_collapse .bg:after {
      content: "";
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.6); }
  .playlist_collapse .top {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0px 10px;
    height: 40px;
    text-align: center;
    background: #7b797e;
    color: white;
    z-index: 1;
    border-bottom: 2px solid #ffd518; }
    .playlist_collapse .top .title {
      font-weight: bold; }
    .playlist_collapse .top .nbr {
      background: black;
      padding: 3px 15px;
      color: white;
      -webkit-border-radius: 50px;
      -khtml-border-radius: 50px;
      -moz-border-radius: 50px;
      -ms-border-radius: 50px;
      -o-border-radius: 50px;
      border-radius: 50px; }
  .playlist_collapse .spacer {
    position: relative;
    display: block;
    width: 100%;
    flex-grow: 1; }
  .playlist_collapse .list {
    padding: 5px;
    position: absolute;
    display: block;
    width: 100%;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto; }
    .playlist_collapse .list .item {
      position: relative;
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      height: 60px;
      cursor: pointer;
      border-bottom: 2px solid rgba(255, 255, 255, 0.3);
      -webkit-transition: 0.3s;
      -khtml-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
      .playlist_collapse .list .item .img {
        position: relative;
        display: block;
        padding: 3px 0;
        height: 100%;
        margin-right: 10px;
        border: 1px solid black;
        -webkit-transition: 0.3s;
        -khtml-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s; }
        .playlist_collapse .list .item .img img {
          position: relative;
          display: block;
          height: 100%; }
      .playlist_collapse .list .item .name {
        position: relative;
        display: block;
        width: 100%;
        padding: 3px;
        text-transform: uppercase;
        -webkit-transition: 0.3s;
        -khtml-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s; }
      .playlist_collapse .list .item .nbr {
        position: relative;
        display: block;
        width: 50px;
        flex: 0 0 50px; }
      .playlist_collapse .list .item:hover {
        background: #000; }
        .playlist_collapse .list .item:hover .img {
          border-color: #ffd518; }
        .playlist_collapse .list .item:hover .name, .playlist_collapse .list .item:hover .duration {
          color: #ffd518; }
    .playlist_collapse .list::-webkit-scrollbar {
      width: 4px;
      height: 10px;
      background: transparent; }
    .playlist_collapse .list::-webkit-scrollbar-thumb {
      margin: 2px 0;
      background: #ffd518;
      -webkit-border-radius: 15px;
      -khtml-border-radius: 15px;
      -moz-border-radius: 15px;
      -ms-border-radius: 15px;
      -o-border-radius: 15px;
      border-radius: 15px; }

.video_side_chat {
  display: flex;
  position: relative;
  width: 250px;
  height: auto;
  flex: 0 0 250px;
  margin-left: 5px; }

.chat_block {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  flex-flow: column;
  color: white;
  border: 1px solid rgba(255, 255, 255, 0.1); }
  .chat_block .chat_header .chat_name {
    position: relative;
    background: black;
    padding: 10px; }
    .chat_block .chat_header .chat_name .title {
      color: white; }
  .chat_block .live_signin {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40px; }
    .chat_block .live_signin .btn {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #ffd518;
      color: black;
      padding: 3px 20px;
      text-transform: uppercase;
      letter-spacing: 1px;
      width: 90%;
      border: 1px solid #ffd518;
      -webkit-border-radius: 3px;
      -khtml-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      -webkit-transition: 0.3;
      -khtml-transition: 0.3;
      -moz-transition: 0.3;
      -ms-transition: 0.3;
      -o-transition: 0.3;
      transition: 0.3;
      cursor: pointer; }
      .chat_block .live_signin .btn:hover {
        background: #000;
        color: #ffd518; }
  .chat_block .chat_input {
    position: relative;
    display: flex;
    height: 40px;
    width: 100%;
    border-top: 1px solid #ffd518;
    justify-content: center;
    align-items: center; }
    .chat_block .chat_input input,
    .chat_block .chat_input textarea {
      background: none;
      color: white;
      padding: 5px;
      width: 100%;
      height: 100%; }
    .chat_block .chat_input .actions {
      position: relative;
      display: block;
      width: 40px;
      height: 100%; }
      .chat_block .chat_input .actions button {
        position: relative;
        display: flex;
        width: 100%;
        height: 100%;
        justify-content: center;
        align-items: center;
        background: #ffd518;
        color: black;
        outline: none;
        border: 1px solid #ffd518;
        cursor: pointer;
        -webkit-transition: 0.3s;
        -khtml-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s; }
        .chat_block .chat_input .actions button:before {
          content: "\f1d8";
          font-size: 18px;
          font-family: FontAwesome; }
        .chat_block .chat_input .actions button:hover {
          background: #000;
          color: #ffd518; }
  .chat_block .chat_container {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    flex-grow: 1; }
    .chat_block .chat_container .chat_messages {
      position: relative;
      display: flex;
      flex-flow: column;
      width: 100%;
      overflow: auto;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      padding: 10px; }
      .chat_block .chat_container .chat_messages .message {
        font-size: 14px; }
        .chat_block .chat_container .chat_messages .message .user {
          font-weight: bold;
          margin-right: 10px; }

.live_home_heading {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 250px; }
  .live_home_heading .title {
    position: absolute;
    display: block;
    padding: 10px 40px;
    background: #ffd518;
    border: 1px solid #ffd518;
    bottom: 20px;
    right: 20px;
    text-transform: uppercase;
    -webkit-box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.5);
    -khtml-box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.5);
    -o-box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.5);
    box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    -webkit-transition: 0.3s;
    -khtml-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
    .live_home_heading .title:hover {
      color: #ffd518;
      background: rgba(0, 0, 0, 0.5); }
  .live_home_heading .bg {
    position: absolute;
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: -1; }

.live_card {
  position: relative;
  display: block;
  width: 300px;
  height: 220px;
  padding: 5px;
  overflow: hidden; }
  .live_card .card {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    width: 100%;
    height: 100%;
    flex-flow: column;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
    -khtml-box-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
    -moz-box-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
    -ms-box-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
    -o-box-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
    -webkit-transition: 0.3s;
    -khtml-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
    .live_card .card:hover {
      -webkit-box-shadow: 0 0 12px #ffd518;
      -khtml-box-shadow: 0 0 12px #ffd518;
      -moz-box-shadow: 0 0 12px #ffd518;
      -ms-box-shadow: 0 0 12px #ffd518;
      -o-box-shadow: 0 0 12px #ffd518;
      box-shadow: 0 0 12px #ffd518; }
    .live_card .card .bg {
      position: absolute;
      display: block;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      object-fit: cover; }
    .live_card .card .name {
      position: relative;
      text-align: center;
      margin-bottom: 10px; }
    .live_card .card .duration {
      position: relative;
      display: block;
      padding: 5px 20px;
      background: rgba(0, 0, 0, 0.5);
      -webkit-border-radius: 50px;
      -khtml-border-radius: 50px;
      -moz-border-radius: 50px;
      -ms-border-radius: 50px;
      -o-border-radius: 50px;
      border-radius: 50px;
      color: #ffd518;
      font-size: 14px;
      font-weight: bold;
      margin-bottom: 10px;
      text-transform: uppercase; }
    .live_card .card .date_time {
      position: relative;
      display: flex; }
      .live_card .card .date_time .date {
        position: relative;
        display: block;
        background: black;
        padding: 2px 10px;
        color: #ffd518;
        font-size: 14px;
        font-weight: bold; }
      .live_card .card .date_time .time {
        position: relative;
        display: block;
        background: #ffd518;
        padding: 2px 10px;
        color: black;
        font-size: 14px;
        font-weight: bold; }
    .live_card .card .is_live {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      background: rgba(0, 0, 0, 0.6);
      width: 100%;
      padding: 10px; }
      .live_card .card .is_live .label {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        animation-name: animate_live;
        animation-duration: 0.8s;
        animation-timing-function: ease-out;
        animation-iteration-count: infinite;
        animation-fill-mode: both;
        animation-direction: alternate; }
        .live_card .card .is_live .label:before {
          content: '';
          position: relative;
          z-index: 1;
          display: block;
          width: 15px;
          height: 15px;
          background: #ce0711;
          -webkit-border-radius: 50px;
          -khtml-border-radius: 50px;
          -moz-border-radius: 50px;
          -ms-border-radius: 50px;
          -o-border-radius: 50px;
          border-radius: 50px;
          margin-right: 10px; }
    .live_card .card .lang {
      position: absolute;
      display: block;
      top: 10px;
      left: 10px; }
      .live_card .card .lang img {
        height: 20px; }
    .live_card .card .access {
      position: absolute;
      top: 10px;
      right: 10px;
      width: 20px;
      height: 20px; }
      .live_card .card .access .access_ok:before {
        content: "\f13e";
        font-family: FontAwesome;
        color: #1abc9c; }
      .live_card .card .access .access_ko:before {
        content: "\f023";
        font-family: FontAwesome;
        color: #ce0711; }

.live_page_content .video_meta {
  padding: 0; }
  .live_page_content .video_meta .player_data .head {
    align-items: center; }
    .live_page_content .video_meta .player_data .head .title {
      padding: 0; }
    .live_page_content .video_meta .player_data .head .date {
      position: relative;
      top: initial;
      right: initial;
      font-size: 16px; }
      .live_page_content .video_meta .player_data .head .date:before {
        content: "\f017";
        font-family: FontAwesome;
        color: #ffd518;
        margin-right: 5px;
        font-size: 18px; }

.countdown_live {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
  color: #ffd518;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10;
  font-size: 30px; }
  .countdown_live * {
    font-family: "Black Ops One", sans-serif !important;
    letter-spacing: 2px; }
  .countdown_live span {
    position: relative;
    display: flex;
    width: 50px;
    justify-content: center; }
  .countdown_live .dots {
    width: 30px; }

.countdown_live_end {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 5px;
  color: #1abc9c;
  font-size: 16px; }
  .countdown_live_end * {
    font-family: "Black Ops One", sans-serif !important;
    letter-spacing: 1px; }
  .countdown_live_end span {
    position: relative;
    display: flex;
    width: 20px;
    justify-content: center; }
  .countdown_live_end .dots {
    width: 20px; }

.all_live_schedule {
  position: relative;
  display: block;
  width: 100%; }
  .all_live_schedule .day {
    position: relative;
    width: 100%;
    margin-top: 10px; }
    .all_live_schedule .day:nth-child(2n) .content {
      background: rgba(0, 0, 0, 0); }
    .all_live_schedule .day .title {
      position: relative;
      display: block;
      width: 100%;
      border-bottom: 1px solid white;
      padding: 5px; }
    .all_live_schedule .day .content {
      padding: 5px;
      position: relative;
      display: flex;
      flex-wrap: wrap;
      background: rgba(255, 255, 255, 0.1); }
      .all_live_schedule .day .content .item {
        position: relative;
        display: flex;
        width: 220px;
        min-height: 120px;
        padding: 3px;
        overflow: hidden; }
        .all_live_schedule .day .content .item .card {
          position: relative;
          display: flex;
          justify-content: center;
          align-items: center;
          color: white;
          width: 100%;
          height: 100%;
          flex-flow: column;
          padding-bottom: 20px;
          -webkit-border-radius: 5px;
          -khtml-border-radius: 5px;
          -moz-border-radius: 5px;
          -ms-border-radius: 5px;
          -o-border-radius: 5px;
          border-radius: 5px;
          overflow: hidden;
          -webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
          -khtml-box-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
          -moz-box-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
          -ms-box-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
          -o-box-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
          box-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
          -webkit-transition: 0.3s;
          -khtml-transition: 0.3s;
          -moz-transition: 0.3s;
          -ms-transition: 0.3s;
          -o-transition: 0.3s;
          transition: 0.3s;
          cursor: pointer; }
          .all_live_schedule .day .content .item .card:hover {
            -webkit-box-shadow: 0 0 12px #ffd518;
            -khtml-box-shadow: 0 0 12px #ffd518;
            -moz-box-shadow: 0 0 12px #ffd518;
            -ms-box-shadow: 0 0 12px #ffd518;
            -o-box-shadow: 0 0 12px #ffd518;
            box-shadow: 0 0 12px #ffd518; }
            .all_live_schedule .day .content .item .card:hover .time {
              background: #ffd518; }
          .all_live_schedule .day .content .item .card .bg {
            position: absolute;
            display: block;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 0; }
            .all_live_schedule .day .content .item .card .bg img {
              position: relative;
              display: block;
              width: 100%;
              height: 100%;
              object-fit: cover; }
            .all_live_schedule .day .content .item .card .bg:after {
              content: "";
              position: absolute;
              display: block;
              top: 0;
              bottom: 0;
              left: 0;
              right: 0;
              background: rgba(0, 0, 0, 0.5); }
          .all_live_schedule .day .content .item .card .data {
            position: relative;
            display: flex;
            flex-flow: column;
            justify-content: center;
            align-items: center; }
            .all_live_schedule .day .content .item .card .data .name {
              text-transform: uppercase;
              padding: 10px 5px 5px 5px;
              font-weight: bold;
              text-align: center; }
            .all_live_schedule .day .content .item .card .data .trainer {
              text-transform: uppercase;
              padding: 5px 5px 10px 5px;
              text-align: center; }
          .all_live_schedule .day .content .item .card .time {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            display: flex;
            width: 100%;
            justify-content: space-around;
            align-items: center;
            background: white;
            color: black;
            font-weight: bold; }

.card_disabled {
  opacity: 50%;
  pointer-events: none; }

@media only screen and (max-width: 850px) {
  .countdown_live {
    width: 100%;
    height: 50px;
    font-size: 20px; }
  .video_side_chat {
    width: 100%;
    height: 40vh; }
  .all_live_schedule .day .content .item {
    width: 100%; } }

.admin_layout .header_right .username {
  font-size: 20px; }

.admin_layout .header_right .signout {
  margin: 0 20px;
  font-size: 28px;
  cursor: pointer; }
  .admin_layout .header_right .signout:hover {
    color: #ce0711; }

.admin_layout main {
  position: relative;
  display: block;
  margin: 0 auto;
  min-height: 100vh;
  width: 100%;
  padding-left: 200px;
  background: white; }

.admin_wrap_container {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 10px; }

.admin_page_header {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  height: 40px;
  padding: 3px; }
  .admin_page_header .title {
    line-height: 37px;
    font-family: "Open Sans", sans-serif;
    font-size: 1.5em;
    color: black;
    font-weight: bold; }
    .admin_page_header .title::before {
      color: #ffd518;
      font-family: FontAwesome;
      margin-right: 20px;
      font-size: 30px;
      font-weight: normal;
      text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6); }
  .admin_page_header .btn_zone {
    padding: 0 10px;
    position: relative;
    display: flex;
    justify-content: space-evenly;
    align-items: center; }
    .admin_page_header .btn_zone .btn {
      position: relative;
      min-width: 30px;
      height: 30px;
      padding: 0 10px;
      line-height: 30px;
      text-align: center;
      color: white;
      background: black;
      border: 1px solid black;
      font-family: "Open Sans", sans-serif;
      font-size: 1em;
      -webkit-border-radius: 5px;
      -khtml-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      margin-left: 10px;
      cursor: pointer; }
      .admin_page_header .btn_zone .btn::before {
        font-family: FontAwesome;
        margin-right: 15px; }
      .admin_page_header .btn_zone .btn:hover {
        background: white;
        color: black; }
    .admin_page_header .btn_zone .green {
      background: #1abc9c;
      border-color: #1abc9c; }
      .admin_page_header .btn_zone .green:hover {
        background: white;
        color: #1abc9c; }
    .admin_page_header .btn_zone .red {
      background: #ce0711;
      border-color: #ce0711; }
      .admin_page_header .btn_zone .red:hover {
        background: white;
        color: #ce0711; }
    .admin_page_header .btn_zone .blue {
      background: #0b4368;
      border-color: #0b4368; }
      .admin_page_header .btn_zone .blue:hover {
        background: white;
        color: #0b4368; }

.roles_in_tab .roles {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr; }
  .roles_in_tab .roles .item .name {
    font-size: 14px;
    font-weight: normal; }
  .roles_in_tab .roles .item .fields {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: center;
    font-size: 16px; }
    .roles_in_tab .roles .item .fields .read {
      color: #ce0711;
      padding: 0 10px;
      cursor: pointer; }
      .roles_in_tab .roles .item .fields .read:before {
        content: "\f06e";
        font-family: FontAwesome; }
    .roles_in_tab .roles .item .fields .write {
      color: #ce0711;
      padding: 0 10px;
      cursor: pointer; }
      .roles_in_tab .roles .item .fields .write:before {
        content: "\f040";
        font-family: FontAwesome; }
    .roles_in_tab .roles .item .fields .active {
      color: #1abc9c; }

.popup_admin {
  position: fixed;
  display: flex;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  justify-content: center;
  align-items: center;
  z-index: 1000000; }
  .popup_admin .popup_container {
    position: relative;
    display: flex;
    flex-flow: column;
    width: 600px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
    -khtml-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    max-height: 90vh; }
    .popup_admin .popup_container .top {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 60px;
      background: #000;
      flex: 0 0 60px; }
      .popup_admin .popup_container .top .title {
        color: #ffd518; }
    .popup_admin .popup_container .main {
      position: relative;
      display: block;
      width: 100%;
      background: white;
      overflow: auto;
      max-height: 60vh; }
      .popup_admin .popup_container .main .chat_container {
        background: #000;
        padding: 10px; }
        .popup_admin .popup_container .main .chat_container .message {
          padding: 5px; }
          .popup_admin .popup_container .main .chat_container .message:hover {
            background: #0b4368; }
        .popup_admin .popup_container .main .chat_container .data {
          position: relative;
          display: flex;
          justify-content: space-between;
          align-items: center;
          width: 100%; }
          .popup_admin .popup_container .main .chat_container .data .date {
            font-size: 12px;
            color: rgba(255, 255, 255, 0.5); }
        .popup_admin .popup_container .main .chat_container .content {
          color: white; }
    .popup_admin .popup_container .actions {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 60px;
      background: #000;
      flex: 0 0 60px; }
      .popup_admin .popup_container .actions .close {
        cursor: pointer;
        color: red;
        font-size: 30px; }

.admin_menu {
  position: fixed;
  display: block;
  top: 60px;
  left: 0;
  bottom: 0;
  width: 200px;
  background: black;
  z-index: 10;
  border-right: 1px solid #7b797e;
  -webkit-box-shadow: 2px 0 6px rgba(0, 0, 0, 0.2);
  -khtml-box-shadow: 2px 0 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 0 6px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 2px 0 6px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 2px 0 6px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 0 6px rgba(0, 0, 0, 0.2);
  -webkit-transition: 0.3s;
  -khtml-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  .admin_menu .item {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 50px;
    color: white;
    padding-left: 50px;
    font-family: "Open Sans", sans-serif;
    font-size: 1em;
    background: black;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) inset 2px -2px 6px;
    -khtml-box-shadow: rgba(0, 0, 0, 0.2) inset 2px -2px 6px;
    -moz-box-shadow: rgba(0, 0, 0, 0.2) inset 2px -2px 6px;
    -ms-box-shadow: rgba(0, 0, 0, 0.2) inset 2px -2px 6px;
    -o-box-shadow: rgba(0, 0, 0, 0.2) inset 2px -2px 6px;
    box-shadow: rgba(0, 0, 0, 0.2) inset 2px -2px 6px; }
    .admin_menu .item:before {
      font-family: FontAwesome;
      color: white;
      position: absolute;
      display: block;
      text-align: center;
      width: 50px;
      line-height: 50px;
      left: 0; }
    .admin_menu .item:hover {
      background: rgba(255, 255, 255, 0.2); }
  .admin_menu .active {
    background: white;
    color: black;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); }
    .admin_menu .active:before {
      color: #ffd518; }
    .admin_menu .active:hover {
      background: white; }

.nav_tabs {
  position: relative;
  display: flex;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  padding: 10px 10px 0 10px;
  overflow: auto;
  background: url("/img/nav.png") repeat no-repeat center bottom;
  background-size: contain;
  background-color: black; }
  .nav_tabs:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: #ffd518;
    mix-blend-mode: multiply; }
  .nav_tabs .tab {
    position: relative;
    display: block;
    font-family: "Rajdhani", sans-serif;
    line-height: 30px;
    padding: 5px 20px;
    background: black;
    color: white;
    margin: 0 5px;
    overflow: hidden;
    cursor: pointer;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    -webkit-border-radius: 5px 5px 0 0;
    -khtml-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -webkit-box-shadow: 0px -2px 6px rgba(255, 255, 255, 0.3);
    -khtml-box-shadow: 0px -2px 6px rgba(255, 255, 255, 0.3);
    -moz-box-shadow: 0px -2px 6px rgba(255, 255, 255, 0.3);
    -ms-box-shadow: 0px -2px 6px rgba(255, 255, 255, 0.3);
    -o-box-shadow: 0px -2px 6px rgba(255, 255, 255, 0.3);
    box-shadow: 0px -2px 6px rgba(255, 255, 255, 0.3);
    -webkit-transition: 0.2s;
    -khtml-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s; }
  .nav_tabs .active {
    background: white;
    border-color: transparent;
    color: black;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -khtml-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -o-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0); }

.tab_content {
  position: relative;
  padding: 10px; }

.admin_layout .form {
  width: 100%;
  position: relative;
  padding: 20px; }
  .admin_layout .form .form_title {
    position: relative;
    text-align: center;
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
    color: black; }
  .admin_layout .form .fields_zone {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between; }
  .admin_layout .form .col {
    position: relative;
    width: 100%;
    padding: 0 20px; }
  .admin_layout .form .input_line {
    position: relative;
    width: 100%;
    max-width: 100%; }
    .admin_layout .form .input_line .label {
      position: relative;
      display: block;
      width: 100%;
      color: gray;
      margin-bottom: 5px;
      font-family: "Rajdhani", sans-serif; }
    .admin_layout .form .input_line .input_field {
      position: relative;
      display: block;
      width: 100%;
      padding: 10px 10px;
      outline-offset: 3px;
      border: none;
      -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
      -khtml-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
      -ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
      -o-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
      box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
      -webkit-border-radius: 3px;
      -khtml-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px; }
    .admin_layout .form .input_line textarea {
      min-height: 150px;
      position: relative;
      display: block;
      width: 100%;
      margin-bottom: 10px;
      padding: 10px 10px;
      outline-offset: 3px;
      border: none;
      -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
      -khtml-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
      -ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
      -o-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
      box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
      -webkit-border-radius: 3px;
      -khtml-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px; }
    .admin_layout .form .input_line select {
      display: block;
      width: 100%;
      padding: 10px;
      outline: 1px solid transparent;
      outline-offset: 4px;
      border: none;
      -webkit-transition: 0.2s;
      -khtml-transition: 0.2s;
      -moz-transition: 0.2s;
      -ms-transition: 0.2s;
      -o-transition: 0.2s;
      transition: 0.2s;
      -webkit-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
      -khtml-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
      -ms-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
      -o-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
      box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3); }
      .admin_layout .form .input_line select option {
        padding: 10px; }
  .admin_layout .form .btn_zone {
    display: block;
    width: 100%;
    padding: 20px; }
  .admin_layout .form .sub_form {
    padding: 10px 0;
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.8em; }
    .admin_layout .form .sub_form a {
      color: white;
      text-decoration: underline; }
  .admin_layout .form .listed_fields .listed_field {
    position: relative;
    display: flex; }
    .admin_layout .form .listed_fields .listed_field .sub_field_label {
      position: relative;
      display: flex;
      align-items: center;
      margin: 0 5px;
      margin-bottom: 10px;
      width: 200px;
      color: black;
      font-weight: bold;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.admin_layout .file_upload {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 350px;
  max-width: 100%;
  height: 190px;
  background: transparent url(../img/placeholder.jpg) center center no-repeat;
  background-size: cover;
  -webkit-transition: 0.2s;
  -khtml-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  -webkit-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
  -khtml-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
  overflow: hidden; }
  .admin_layout .file_upload input {
    width: 100%;
    height: 100%;
    opacity: 0; }
  .admin_layout .file_upload img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: auto; }

.admin_layout .drop_selector {
  position: relative;
  display: block;
  width: 100%;
  line-height: 60px;
  padding: 20px auto; }
  .admin_layout .drop_selector label {
    font-size: 1.3em;
    margin-right: 20px; }
  .admin_layout .drop_selector select {
    width: 200px;
    text-align: center;
    height: 30px;
    font-size: 1.1em;
    padding: 0 10px; }

.admin_layout .form_media {
  display: flex;
  position: relative;
  padding: 20px; }
  .admin_layout .form_media .file_select {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: black;
    font-size: 20px;
    color: white;
    -webkit-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
    -khtml-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    margin-right: 20px;
    padding-left: 10px;
    cursor: pointer; }
    .admin_layout .form_media .file_select:before {
      margin-right: 300px; }
    .admin_layout .form_media .file_select:hover {
      background: #ffd518;
      color: black; }
  .admin_layout .form_media .file_select_active {
    background: #1abc9c; }
  .admin_layout .form_media .comment {
    width: 200px;
    padding: 0 10px;
    height: 40px;
    outline: 1px solid transparent;
    outline-offset: 4px;
    margin-right: 20px;
    -webkit-transition: 0.2s;
    -khtml-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    -webkit-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
    -khtml-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3); }
    .admin_layout .form_media .comment:focus {
      outline: 1px solid black; }
  .admin_layout .form_media button {
    color: white;
    padding: 10px;
    background: black;
    -webkit-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
    -khtml-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
    cursor: pointer; }
    .admin_layout .form_media button:hover {
      background: #ffd518;
      color: black; }

.admin_layout .form_line_separator {
  display: block;
  width: 100%;
  line-height: 40px;
  border-bottom: 1px solid black;
  color: black;
  margin-bottom: 10px;
  font-size: 1.3em;
  font-family: "Rajdhani", sans-serif; }

.admin_table {
  font-size: 12px;
  color: black;
  width: 100%;
  border-color: rgba(0, 0, 0, 0.1);
  border-collapse: collapse;
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3) 2px 5px rgba(0, 0, 0, 0.4);
  -khtml-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3) 2px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3) 2px 5px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3) 2px 5px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3) 2px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3) 2px 5px rgba(0, 0, 0, 0.4);
  word-wrap: break-word; }
  .admin_table th {
    font-size: 14px;
    background-color: white;
    border-width: 1px;
    padding: 2px 8px;
    border-style: none;
    border-bottom: 2px solid;
    border-color: black;
    text-align: center;
    color: black;
    height: 40px;
    text-align: left; }
  .admin_table tr {
    background-color: white;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    .admin_table tr:hover {
      background-color: rgba(0, 0, 0, 0.2); }
    .admin_table tr:nth-child(2n) {
      background-color: #e8e8e8; }
  .admin_table td {
    position: relative;
    font-size: 14px;
    border-width: 1px;
    line-height: 20px;
    padding: 8px 5px;
    border-style: none;
    text-align: left;
    border-color: rgba(0, 0, 0, 0.1); }
  .admin_table tbody:nth-child(2n + 1) {
    background-color: white; }
  .admin_table .actions {
    position: relative;
    display: flex;
    flex-wrap: wrap; }
    .admin_table .actions * {
      margin: 3px; }
    .admin_table .actions .add_link {
      cursor: pointer;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 25px;
      height: 25px;
      background: #1abc9c;
      color: white;
      -webkit-border-radius: 5px;
      -khtml-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }
      .admin_table .actions .add_link:before {
        content: "\f27d";
        font-family: FontAwesome;
        font-size: 14px; }
    .admin_table .actions .go_live {
      cursor: pointer;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 25px;
      height: 25px;
      background: #ffd518;
      color: black;
      -webkit-border-radius: 5px;
      -khtml-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }
      .admin_table .actions .go_live:before {
        content: "\f04b";
        font-family: FontAwesome;
        font-size: 14px; }
    .admin_table .actions .remove {
      cursor: pointer;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 25px;
      height: 25px;
      background: #ce0711;
      color: white;
      -webkit-border-radius: 5px;
      -khtml-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }
      .admin_table .actions .remove:before {
        content: "\f00d";
        font-family: FontAwesome;
        font-size: 14px; }
    .admin_table .actions .chat {
      cursor: pointer;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 25px;
      height: 25px;
      background: #0b4368;
      color: white;
      -webkit-border-radius: 5px;
      -khtml-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }
      .admin_table .actions .chat:before {
        content: "\f0e6";
        font-family: FontAwesome;
        font-size: 14px; }
  .admin_table .state {
    width: 30px; }
    .admin_table .state .ok {
      position: relative;
      display: block;
      width: 15px;
      height: 15px;
      background: #1abc9c;
      -webkit-border-radius: 50px;
      -khtml-border-radius: 50px;
      -moz-border-radius: 50px;
      -ms-border-radius: 50px;
      -o-border-radius: 50px;
      border-radius: 50px; }
    .admin_table .state .ko {
      position: relative;
      display: block;
      width: 15px;
      height: 15px;
      background: #f7941e;
      -webkit-border-radius: 50px;
      -khtml-border-radius: 50px;
      -moz-border-radius: 50px;
      -ms-border-radius: 50px;
      -o-border-radius: 50px;
      border-radius: 50px; }
  .admin_table .live_url {
    padding-top: 0;
    padding-bottom: 0;
    width: 200px; }
    .admin_table .live_url form {
      position: relative;
      display: flex;
      width: 100%; }
      .admin_table .live_url form input {
        position: relative;
        display: block;
        border: 1px solid rgba(0, 0, 0, 0.3);
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        height: 25px;
        padding: 0 5px;
        margin-right: 5px; }
      .admin_table .live_url form button {
        position: relative;
        display: flex;
        width: 25px;
        height: 25px;
        background: gray;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        color: white;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        -webkit-transition: 0.3s;
        -khtml-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s; }
        .admin_table .live_url form button:hover {
          background: #ffd518;
          color: black; }
        .admin_table .live_url form button:before {
          content: "\f061";
          font-family: FontAwesome; }

.admin_currently_live {
  position: relative;
  display: block;
  width: 100%;
  background: rgba(0, 0, 0, 0.1);
  padding: 10px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .admin_currently_live .section_header {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center; }
    .admin_currently_live .section_header .title {
      position: relative;
      display: inline-block;
      height: 100%;
      z-index: 2;
      margin: 3px; }
    .admin_currently_live .section_header .nbr {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 40px;
      height: 40px;
      font-weight: bold;
      background: #ffd518;
      -webkit-border-radius: 50px;
      -khtml-border-radius: 50px;
      -moz-border-radius: 50px;
      -ms-border-radius: 50px;
      -o-border-radius: 50px;
      border-radius: 50px; }
  .admin_currently_live .items {
    position: relative;
    display: flex;
    flex-wrap: wrap; }
  .admin_currently_live .block_current {
    position: relative;
    display: block;
    background: #000;
    color: white;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
    margin: 3px; }
    .admin_currently_live .block_current .item_title {
      margin-bottom: 10px;
      position: relative; }
      .admin_currently_live .block_current .item_title:after {
        content: '';
        width: 15px;
        height: 15px;
        position: absolute;
        top: 0px;
        right: 0px;
        background: red;
        -webkit-border-radius: 50px;
        -khtml-border-radius: 50px;
        -moz-border-radius: 50px;
        -ms-border-radius: 50px;
        -o-border-radius: 50px;
        border-radius: 50px;
        animation-name: animate_live;
        animation-duration: 0.8s;
        animation-timing-function: ease-out;
        animation-iteration-count: infinite;
        animation-fill-mode: both;
        animation-direction: alternate; }
    .admin_currently_live .block_current .fields {
      position: relative;
      display: flex;
      width: 100%;
      flex-wrap: wrap; }
      .admin_currently_live .block_current .fields .field {
        position: relative;
        display: flex;
        font-size: 12px;
        width: 100%;
        justify-content: space-between; }
        .admin_currently_live .block_current .fields .field .value {
          color: #ffd518; }
    .admin_currently_live .block_current .actions {
      position: relative;
      display: flex;
      width: 100%;
      justify-content: flex-end;
      padding-top: 10px;
      font-size: 12px; }
      .admin_currently_live .block_current .actions > * {
        position: relative;
        display: block;
        padding: 5px 10px;
        background: white;
        color: #000;
        -webkit-border-radius: 50px;
        -khtml-border-radius: 50px;
        -moz-border-radius: 50px;
        -ms-border-radius: 50px;
        -o-border-radius: 50px;
        border-radius: 50px;
        margin: 0 2px;
        cursor: pointer; }
      .admin_currently_live .block_current .actions .action_archive {
        background: #ce0711;
        color: white; }
        .admin_currently_live .block_current .actions .action_archive:before {
          content: '\f187';
          margin-right: 10px;
          font-family: FontAwesome; }
      .admin_currently_live .block_current .actions .action_undo {
        background: #0b4368;
        color: white; }
        .admin_currently_live .block_current .actions .action_undo:before {
          content: '\f0e2';
          margin-right: 10px;
          font-family: FontAwesome; }

.form_article {
  position: relative;
  display: flex;
  padding: 0 10px; }
  .form_article .vertical_separator {
    position: relative;
    display: block;
    width: 2px;
    flex: 0 0 2px;
    background: rgba(0, 0, 0, 0.1);
    margin: 0 3px; }
  .form_article .left {
    position: relative;
    display: flex;
    flex-flow: column;
    width: 100%; }
  .form_article .right {
    position: relative;
    display: flex;
    flex-flow: column;
    width: 100%;
    flex: 0 0 350px;
    padding: 0 10px; }
  .form_article .section_title {
    text-align: center;
    margin-bottom: 10px; }
  .form_article .codex-editor {
    background: white; }
  .form_article .ce-block {
    padding: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
    -khtml-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
    margin-bottom: 5px; }

.admin_preview_media {
  position: relative;
  display: block;
  width: 200px;
  height: 200px;
  color: white; }
  .admin_preview_media img {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .admin_preview_media span {
    font-size: 10px;
    text-align: center;
    margin: 20px 0; }
  .admin_preview_media .file_video {
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: #ce0711;
    padding: 10px; }
    .admin_preview_media .file_video:before {
      content: "\f03d";
      font-family: FontAwesome;
      font-size: 30px; }
  .admin_preview_media .file_audio {
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: #1abc9c;
    padding: 10px; }
    .admin_preview_media .file_audio:before {
      content: "\f001";
      font-family: FontAwesome;
      font-size: 30px; }
  .admin_preview_media .file {
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: grey;
    padding: 10px; }
    .admin_preview_media .file:before {
      content: "\f15b";
      font-family: FontAwesome;
      font-size: 30px; }
  .admin_preview_media:hover:after {
    content: "COPY LINK";
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    color: white;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(255, 213, 24, 0.5);
    cursor: pointer; }

.admin_blog_card {
  position: relative;
  display: flex;
  flex-flow: column;
  width: 250px;
  -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
  -khtml-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden; }
  .admin_blog_card .top {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 100%; }
    .admin_blog_card .top .cover {
      position: absolute;
      display: block;
      width: 100%;
      height: 100%;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0; }
      .admin_blog_card .top .cover img {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover; }
  .admin_blog_card .body {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px; }
    .admin_blog_card .body .desc {
      display: block;
      max-height: 150px;
      overflow: hidden; }
  .admin_blog_card .bottom {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: flex-end;
    padding: 10px; }
    .admin_blog_card .bottom .btns {
      position: relative;
      display: flex; }

.toggle_card {
  padding: 5px 10px;
  position: absolute;
  display: inline-block;
  top: 10px;
  right: 10px;
  background: rgba(0, 0, 0, 0.7);
  width: 120px;
  z-index: 1;
  color: white;
  line-height: 25px;
  font-size: 12px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }
  .toggle_card .check {
    position: relative;
    display: block;
    width: 100%;
    cursor: pointer; }
    .toggle_card .check:after {
      content: '\f096';
      font-family: FontAwesome;
      color: rgba(255, 255, 255, 0.5);
      float: right;
      font-size: 16px; }
  .toggle_card .active:after {
    content: '\f14a';
    color: #ffd518; }

.push_notif_btn_card {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  bottom: 5px;
  left: 5px;
  background: grey;
  -webkit-border-radius: 50px;
  -khtml-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
  -khtml-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
  color: white;
  cursor: pointer; }
  .push_notif_btn_card .nbr {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    background: #ce0711;
    top: -5px;
    right: -5px;
    font-size: 12px;
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
    -khtml-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3); }
  .push_notif_btn_card:hover {
    background: #000; }
  .push_notif_btn_card:before {
    content: "\f0a2";
    font-family: FontAwesome;
    font-size: 20px; }

.push_notif_btn_card_active {
  background: #1abc9c; }
  .push_notif_btn_card_active:before {
    content: "\f0f3"; }

.admin_quote_card {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 20px;
  background: rgba(0, 0, 0, 0.9);
  margin-bottom: 10px;
  color: white;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
  -khtml-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3); }
  .admin_quote_card .author {
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
    color: #ffd518; }
    .admin_quote_card .author img {
      height: 50px; }
    .admin_quote_card .author:after {
      content: "";
      position: relative;
      display: block;
      width: 2px;
      height: 100%;
      background: grey; }
  .admin_quote_card .content {
    position: relative;
    display: block;
    width: 100%; }
  .admin_quote_card .actions {
    position: relative;
    display: flex; }
    .admin_quote_card .actions .action {
      position: relative;
      display: flex;
      width: 30px;
      height: 30px;
      justify-content: center;
      align-items: center;
      cursor: pointer; }
      .admin_quote_card .actions .action:hover {
        background: #ffd518; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

@media only screen and (max-width: 850px) {
  .home_nav_is_live {
    margin: 0; }
  html {
    padding-bottom: 60px; }
  .scroll_down {
    bottom: 60px; }
    .scroll_down .text {
      font-size: 11px; }
  .form_page {
    flex-flow: column-reverse;
    min-height: auto; }
    .form_page .col {
      min-height: 300px; }
  .form_page_reversed {
    flex-flow: row; }
  .contact_page {
    width: 100%;
    overflow: hidden;
    padding-bottom: 30px; }
    .contact_page .form_page {
      flex-flow: column;
      min-height: auto; }
      .contact_page .form_page .col {
        min-height: 300px; }
  .back_to_top {
    bottom: 70px; }
  .fb_reset > div {
    bottom: 70px !important;
    right: 10px !important;
    height: 0 !important; }
  .cookie_warning {
    padding: 10px;
    padding-bottom: 80px;
    flex-flow: column; }
    .cookie_warning p {
      margin-bottom: 20px;
      margin-top: 10px;
      padding: 0; }
  .hide_mobile {
    display: none !important; }
  .cta_container {
    flex-flow: column; }
  .tv_page_content {
    display: flex !important;
    flex-flow: column !important; } }

.react-tabs {
  -webkit-tap-highlight-color: transparent; }
  .react-tabs__tab-list {
    border-bottom: 1px solid #aaa;
    margin: 0 0 10px;
    padding: 0; }
  .react-tabs__tab {
    display: inline-block;
    border: 1px solid transparent;
    border-bottom: none;
    bottom: -1px;
    position: relative;
    list-style: none;
    padding: 6px 12px;
    cursor: pointer; }
    .react-tabs__tab--selected {
      background: #fff;
      border-color: #aaa;
      color: black;
      border-radius: 5px 5px 0 0; }
    .react-tabs__tab--disabled {
      color: GrayText;
      cursor: default; }
    .react-tabs__tab:focus {
      outline: none; }
      .react-tabs__tab:focus:after {
        content: "";
        position: absolute;
        height: 5px;
        left: -4px;
        right: -4px;
        bottom: -5px;
        background: #fff; }
  .react-tabs__tab-panel {
    display: none; }
    .react-tabs__tab-panel--selected {
      display: block; }

.faq_admin_page .no_data_found {
  height: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: bold; }

.faq_admin_page .create_new_faq {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center; }
  .faq_admin_page .create_new_faq .add_new_faq {
    display: flex;
    height: 100%;
    gap: 25px;
    align-items: center; }
    .faq_admin_page .create_new_faq .add_new_faq .input_line label {
      color: white; }
    .faq_admin_page .create_new_faq .add_new_faq button.btn_faq_admin {
      width: 30%;
      height: 30%;
      border: 1px solid black;
      background-color: white;
      color: black;
      font-weight: 600; }
      .faq_admin_page .create_new_faq .add_new_faq button.btn_faq_admin:hover {
        opacity: 0.7; }

.faq_admin_page .faq_page .body .delete_section {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 30px;
  border-radius: 5px;
  font-weight: 600;
  color: white;
  font-size: 14px;
  transition: all .3s ease;
  border: 3px solid red;
  margin-top: 10px;
  background-color: red; }
  .faq_admin_page .faq_page .body .delete_section:hover {
    background-color: white;
    border: 3px solid red;
    color: red;
    cursor: pointer; }

.faq_admin_page .faq_page .body .admin_faq_section_title {
  display: flex;
  align-items: center;
  gap: 10px; }
  .faq_admin_page .faq_page .body .admin_faq_section_title .add_new_section {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 30px;
    border-radius: 5px;
    font-weight: 600;
    color: white;
    font-size: 14px;
    transition: all .3s ease;
    border: 3px solid black;
    margin-top: 10px;
    background-color: black; }
    .faq_admin_page .faq_page .body .admin_faq_section_title .add_new_section:hover {
      background-color: white;
      border: 3px solid black;
      color: black;
      cursor: pointer; }
  .faq_admin_page .faq_page .body .admin_faq_section_title .title_separator {
    width: auto; }

.faq_admin_page .faq_page .body .subSectionTitle {
  position: relative;
  display: flex;
  justify-content: space-between; }
  .faq_admin_page .faq_page .body .subSectionTitle .btn {
    margin: unset; }

.faq_admin_page .faq_page .body .new_faq_section_data {
  position: relative;
  display: block;
  width: 100%;
  padding: 10px;
  padding-left: 40px;
  margin: 5px auto;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.2); }
  .faq_admin_page .faq_page .body .new_faq_section_data form.add_new_faq_section_form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column; }
    .faq_admin_page .faq_page .body .new_faq_section_data form.add_new_faq_section_form .form_inputs {
      width: 100%; }
      .faq_admin_page .faq_page .body .new_faq_section_data form.add_new_faq_section_form .form_inputs .input_line {
        width: 100%;
        max-width: unset; }
    .faq_admin_page .faq_page .body .new_faq_section_data form.add_new_faq_section_form .btn_form_actions {
      width: 100%;
      display: flex;
      justify-content: space-between; }
      .faq_admin_page .faq_page .body .new_faq_section_data form.add_new_faq_section_form .btn_form_actions button {
        width: 10%;
        height: 35px;
        text-transform: uppercase;
        font-weight: 400; }
      .faq_admin_page .faq_page .body .new_faq_section_data form.add_new_faq_section_form .btn_form_actions .btn_save {
        background-color: black;
        color: white;
        border: 3px solid black; }
        .faq_admin_page .faq_page .body .new_faq_section_data form.add_new_faq_section_form .btn_form_actions .btn_save:hover {
          background-color: white;
          color: black;
          border-color: black; }
      .faq_admin_page .faq_page .body .new_faq_section_data form.add_new_faq_section_form .btn_form_actions .btn_cancel {
        background-color: red;
        color: white;
        border: 3px solid red; }
        .faq_admin_page .faq_page .body .new_faq_section_data form.add_new_faq_section_form .btn_form_actions .btn_cancel:hover {
          background-color: white;
          color: red; }

.extra_data_admin_container {
  display: flex;
  position: relative;
  width: 100%;
  padding: 100px;
  flex-direction: column;
  gap: 50px; }
  .extra_data_admin_container .media_items {
    display: flex;
    flex-wrap: wrap;
    gap: 70px; }
    .extra_data_admin_container .media_items .extra_data_card_items {
      height: 500px;
      width: 300px;
      border-radius: 10px;
      box-shadow: 5px 7px 9px 1px #00000070;
      padding: 20px;
      display: flex;
      align-items: center;
      flex-direction: column;
      gap: 50px; }
      .extra_data_admin_container .media_items .extra_data_card_items div.header_img {
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        height: 300px;
        width: 90%;
        border-radius: 10px;
        opacity: 0.7;
        transition: 0.5s 0.05s;
        position: relative;
        overflow: hidden; }
        .extra_data_admin_container .media_items .extra_data_card_items div.header_img i.fa {
          position: absolute;
          bottom: -1rem;
          right: 3rem;
          border-radius: 100%;
          padding: 1rem;
          font-size: 44px;
          color: white;
          z-index: 1;
          transform: translateX(70%) translateY(60%);
          text-align: center;
          transition: 0.25s; }
        .extra_data_admin_container .media_items .extra_data_card_items div.header_img:hover img {
          opacity: 1;
          transform: scale(1.1); }
        .extra_data_admin_container .media_items .extra_data_card_items div.header_img:hover i.fa {
          background-color: #000000c2;
          transform: translateY(0); }
        .extra_data_admin_container .media_items .extra_data_card_items div.header_img img {
          object-fit: contain;
          width: 90%;
          height: 90%;
          transition: 0.25s; }
      .extra_data_admin_container .media_items .extra_data_card_items .input_to_update {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        height: 200px;
        padding: 20px 0; }
    .extra_data_admin_container .media_items .switch {
      position: relative;
      display: inline-block;
      width: 60px;
      height: 34px; }
      .extra_data_admin_container .media_items .switch input {
        opacity: 0;
        width: 0;
        height: 0; }
  .extra_data_admin_container .other_media {
    display: flex;
    width: 100%;
    position: relative;
    box-shadow: 5px 7px 9px 1px #00000070;
    padding: 20px;
    border-radius: 10px;
    flex-direction: column;
    gap: 20px; }
    .extra_data_admin_container .other_media.without_shadow {
      box-shadow: unset; }
    .extra_data_admin_container .other_media .input_line {
      width: 100%; }
      .extra_data_admin_container .other_media .input_line.max_w {
        max-width: unset; }
      .extra_data_admin_container .other_media .input_line label.bg {
        font-size: 24px;
        padding: 10px 0; }
    .extra_data_admin_container .other_media button {
      width: 20%;
      height: 50%;
      margin: 0 auto;
      margin-right: 0; }
    .extra_data_admin_container .other_media .flex {
      display: flex;
      align-items: center;
      gap: 50px; }

.custom_switch_btn .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px; }
  .custom_switch_btn .switch input {
    opacity: 0;
    width: 0;
    height: 0; }

.custom_switch_btn .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px; }

.custom_switch_btn .switch input {
  display: none; }

.custom_switch_btn .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s; }

.custom_switch_btn .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s; }

.custom_switch_btn input:checked + .slider {
  background-color: #2196F3; }

.custom_switch_btn input:focus + .slider {
  box-shadow: 0 0 1px #2196F3; }

.custom_switch_btn input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px); }

.custom_switch_btn .slider.round {
  border-radius: 34px; }

.custom_switch_btn .slider.round:before {
  border-radius: 50%; }

.no_data_found {
  height: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: bold; }

.admin_classes_page {
  padding: 50px; }
  .admin_classes_page .chip {
    display: inline-block;
    padding: 0 25px;
    height: 50px;
    font-size: 16px;
    line-height: 50px;
    border-radius: 25px;
    background-color: #f1f1f1; }
  .admin_classes_page .clickable_row:hover {
    cursor: pointer; }
  .admin_classes_page .order_action {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px; }
    .admin_classes_page .order_action i {
      font-size: 24px;
      padding: 5px;
      border-radius: 2px;
      color: #ce0711; }
      .admin_classes_page .order_action i.disabled {
        opacity: 0.3; }
        .admin_classes_page .order_action i.disabled:hover {
          cursor: not-allowed; }
      .admin_classes_page .order_action i:first-child {
        color: #246d40; }
        .admin_classes_page .order_action i:first-child :hover {
          cursor: pointer;
          opacity: 0.7; }
      .admin_classes_page .order_action i:not(.disabled):hover {
        cursor: pointer;
        opacity: 0.7; }

.edit_class_type {
  width: 100%;
  position: relative; }
  .edit_class_type .page_header {
    position: relative;
    color: #f0f0f0;
    background-size: unset;
    padding: 20px;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
    .edit_class_type .page_header .duration {
      color: #00ff16;
      font-weight: bold;
      font-size: 18px; }
      .edit_class_type .page_header .duration.offline {
        color: #ff0000; }
    .edit_class_type .page_header .up {
      font-weight: bold;
      text-transform: uppercase;
      margin-left: 10px;
      position: relative;
      display: flex; }
      .edit_class_type .page_header .up h1 {
        display: flex;
        gap: 10px;
        color: #ffd518; }
        .edit_class_type .page_header .up h1 i {
          margin-top: 5px; }
    .edit_class_type .page_header .bottom {
      padding: 0 60px;
      position: relative;
      width: 100%;
      display: flex;
      align-items: center;
      flex-direction: row;
      justify-content: space-between; }
      .edit_class_type .page_header .bottom .left .title {
        display: flex; }
  .edit_class_type .page_body {
    position: relative;
    width: 100%;
    padding: 50px 50px; }
    .edit_class_type .page_body .card {
      box-shadow: 0px 2px 12px 0px #2e2b2b30;
      border-radius: 10px;
      width: 100%;
      display: flex;
      padding: 50px;
      align-items: center;
      justify-content: space-between;
      min-width: 80em; }
      .edit_class_type .page_body .card .card_editor {
        border: 1px solid #7b7a7a30;
        box-shadow: 0px 2px 12px 0px #2e2b2b14;
        border-radius: 10px;
        height: 450px;
        width: 100%;
        padding: 20px;
        overflow: auto; }
      .edit_class_type .page_body .card .left {
        width: 30%;
        height: 100%;
        position: relative; }
      .edit_class_type .page_body .card .middle {
        width: 45%;
        /* 
                              textarea {
                                    width: 700px;
                              } */ }
      .edit_class_type .page_body .card .right {
        display: flex;
        position: relative;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        height: 100%;
        width: 30%; }
        .edit_class_type .page_body .card .right .class_image {
          width: 27em;
          height: 28em; }
          .edit_class_type .page_body .card .right .class_image img {
            border-radius: 10px;
            box-shadow: 5px 3px 12px 0px #2e2b2b4a;
            width: 27em;
            height: 28em; }
    .edit_class_type .page_body .footer {
      display: flex;
      justify-content: space-between; }
    .edit_class_type .page_body .sites_table .btn_custom_size {
      width: 100%; }
    .edit_class_type .page_body .sites_table .btn_classic {
      width: 200px;
      display: block;
      margin: 0; }
    .edit_class_type .page_body .sites_table i.checked {
      font-size: 39px;
      color: green; }
    .edit_class_type .page_body .sites_table i.banned {
      font-size: 39px;
      color: red; }
    .edit_class_type .page_body .btn_custom_size {
      width: 250px; }
    .edit_class_type .page_body .btn_red {
      border: 1px solid white;
      background-color: red; }
      .edit_class_type .page_body .btn_red:hover {
        border: 1px solid red;
        color: red;
        background-color: white; }
    .edit_class_type .page_body section {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .edit_class_type .page_body section .full_description {
        width: 60%; }
      .edit_class_type .page_body section .class_image {
        width: 30%; }
        .edit_class_type .page_body section .class_image input,
        .edit_class_type .page_body section .class_image img {
          width: 100%; }

.space_btw_card {
  padding: 50px;
  gap: 50px; }

.scale_hover_card {
  transition: all .3s ease; }
  .scale_hover_card:hover {
    transform: scale(1.1); }

.sites_table .btn_custom_size {
  width: 100%; }

.sites_table .btn_classic {
  width: 200px;
  display: block;
  margin: 0; }

.sites_table i.checked {
  font-size: 39px;
  color: green; }

.sites_table i.banned {
  font-size: 39px;
  color: red; }

.btn_custom_size {
  width: 250px; }

.btn_red {
  border: 1px solid white;
  background-color: red; }
  .btn_red:hover {
    border: 1px solid red;
    color: red;
    background-color: white; }

.trainer_edit {
  position: relative;
  width: 100%;
  padding: 50px 50px; }
  .trainer_edit .card {
    box-shadow: 5px 3px 12px 0px #2e2b2b4a;
    border-radius: 10px;
    width: 100%;
    display: flex;
    padding: 50px;
    align-items: center;
    justify-content: space-between;
    min-width: 80em; }
    .trainer_edit .card .card_editor {
      border: 1px solid #7b7a7a30;
      box-shadow: 0px 2px 12px 0px #2e2b2b14;
      border-radius: 10px;
      height: 450px;
      width: 100%;
      padding: 10px; }
    .trainer_edit .card .left {
      width: 30%;
      height: 100%;
      position: relative; }
    .trainer_edit .card .middle {
      width: 60%;
      /* 
                  textarea {
                        width: 700px;
                  } */ }
    .trainer_edit .card .right {
      display: flex;
      position: relative;
      justify-content: center;
      flex-direction: column;
      align-items: center;
      height: 100%;
      width: 30%; }
      .trainer_edit .card .right .trainer_preview.trainer_preview {
        width: 27em;
        height: 28em; }
        .trainer_edit .card .right .trainer_preview.trainer_preview img {
          border-radius: 10px;
          box-shadow: 5px 3px 12px 0px #2e2b2b4a;
          width: 27em;
          height: 28em; }
  .trainer_edit .footer {
    display: flex;
    justify-content: space-between; }
    .trainer_edit .footer .btn_custom_size {
      width: 250px; }
    .trainer_edit .footer .btn_red {
      border: 1px solid white;
      background-color: red; }
      .trainer_edit .footer .btn_red:hover {
        border: 1px solid red;
        color: red;
        background-color: white; }