:root {
    --main-color-primary: #2E3760;
    --main-color-primary50: #2E376088;
    --main-color-primary75: #2E3760BB;
    --main-color-secondary: #CB2527;
    --main-color-secondary50: #CB252788;
    --main-color-secondary75: #CB2527BB;
    --main-color-lightgrey: #AAAAAA;
    --main-color-grey: #888888;
    --main-color-darkgrey: #2D2D2D;
}

body {
    padding-top:20px;
}

/********** MIDDLE ***********/

    .middle__sections {
        display: flex;
        flex-wrap: wrap;
    }

    
    /****************************/
    /*       BOCNI NOVINKY      */
    /****************************/

    .content_main {
        background-color: #FFF6;
        padding: 20px;
    }

    .content_side {
        background-image: linear-gradient(90deg, #444 0%, #222 100%);
        color: #FFF;
        padding: 20px;
    }

    .content_side h2 {
        margin-top: 0;
    }
    .content_side .side-news {
        border-top: 1px solid;
        padding: 8px;
    }
    .content_side .title {
        font-size: 16px;
        max-height: 100%;
        margin: 0;
    }
    .content_side .title a {
        color: #FFF;
    }
    .content_side .text {
        margin: 0;
        max-height: 60px;
        overflow: hidden;
    }
    @media (max-width: 768px) {
        .content_main {
            padding: 0;
        }
        .content_main .game-list {
            padding: 0;
        }
        .max-width--500 {
            max-width: 100%;
        }

    }

    
    /****************************/
    /*       MODAL HOMEPAGE     */
    /****************************/

    .modal--hc {
        z-index: 9999;
        top: 0;
        bottom: 0;
        overflow: visible;
        background-color: rgba(0,0,0,0.4);
        height: 100%;
        width: 100%;
      }

      .modal .close {
        background-color: #FFF;
        border-radius: 50%;
        padding: 0 5px;
        position: absolute;
        top: -12px;
        right: -12px;
        font-size: 28px;
        font-weight: bold;
      }

      .modal .close:hover,
      .modal .close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
      }

      .modal-header {
        padding: 16px;
        background-color: var(--main-color-secondary);
        color: white;
        border: 0;
      }

      .modal-header h2 {
        font-size: 24px;
        margin-top: 5px;
        margin-bottom: 5px;
      }
      a.modal-content:hover {
        text-decoration: none;
      }

      .modal-footer {
        padding: 10px 16px 0;
        background-color: var(--main-color-secondary);
        color: white;
        border:0;
      }

      .modal-body {
        padding: 0
      }

      .modal-body .banner {
        max-height: 80vh;
      }

      .modal-content {
        margin: auto;
        width: 80%;
        max-width: 1024px;
        animation-name: animatetop;
        animation-duration: 0.4s;
        border: 0;
      }

      @keyframes animatetop {
        from {top: -300px; opacity: 0}
        to {top: 0; opacity: 1}
      }


    
    /****************************/
    /*       LAYOUT ARTICLE     */
    /****************************/

    .layout-article,
    .layout {
        background-color: #FFF6;
        padding: 0 20px 20px;
    }

    .content_side.content_side--no-padding {
        padding: 0;
        background-color: transparent;
    }
    .middle--article .game-list__in {
        padding: 5px 0;
    }
    @media (max-width: 768px) {
        .middle--article .content.flex {
            display: block !important;
        }
        .middle--draft .content.flex {
            display: block !important;
        }
        .middle--news-detail .content.flex {
            display: block !important;
        }
        .middle--article .content_side {
            padding: 20px;
        }
        .middle--article .infos {
            padding: 0;
        }
        .middle--article .infos h3 {
            margin-left: 20px;
        }
        .middle--article .infos .info {
            padding-left: 0;
            padding-right: 0;
        }


    }



    /****************************/
    /*          MICROCYKLY      */
    /****************************/

    .infos.micro .info__in {
        min-height: 0;
        background-color: #FFF;
        color: #000;
    }
    .infos.micro .info_icon {
        padding: 10px 10px 0;
    }
    .infos.micro a {
        color: #000;
    }
    .infos.micro .info__text {
        height: auto;
    }


  /****************************/
  /*          GAMES           */
  /****************************/
  .middle--game .game-list {
    padding: 0;
  }

  .middle--game .game-item__teams {
    order: 1;
    width: 100%;
  }
  .middle--game .game-item__category {
    order: 3;
    width: 50%;
    text-align: right;
  }
  .middle--game .game-item__date {
    order: 2;
    width: 50%;
  }


  @media (max-width: 991px) {
    .middle--games .content_side { display:none; }
    .middle--games .content_main { width:100%; }
  }
  @media (max-width: 768px) {
    .middle--game .content.flex { display: block !important; }
    .middle--partners .content.flex { display: block !important; }
    .middle--games .content.flex { display: block !important; }
  }
  
  
    



  .middle--game .game-item__logo {
    height: 60px;
  }
  .game-item.game-item--layout-article.game-item--buttons {
    padding: 10px 20px 20px;
  }
  .game-item.game-item--layout-article.game-item--noborder {
    border-bottom: 0;
    padding-top: 10px;
  }
  .game-item--layout-article .button {
    margin: 0 auto;
  }
  .game-item__desc {
    line-height: 23px;
    text-align: center;
  }
  .game-item.game-item--small {
    padding: 5px 0;
    line-height: 24px;
  }
  .game-item.game-item--small .button--small {
    margin: 5px auto;
  }
  .game-item.game-item--small .game-item__logo {
    height: 46px;
    margin: 2px auto;
  }

  .game-item.game-item--middle {
    line-height: 20px;
    padding: 5px 0;
  }
  .game-item.game-item--middle .game-item__logo {
    margin: auto;
  }

  .game-item.game-item--large .button--small {
    margin: 5px auto;
  }

  .game-item__in {
    align-items: center;
    width: 100%;
  }
  .game-title {
    font-size: 24px !important;
    margin-top: 10px !important;
    text-align: center !important;
  }
  .game-table {
    background-color: #2d2d2d;
    color: #FFF;
    margin-bottom: 20px;
  }
  .game-table__row {
    border-bottom: 1px solid #FFF;
    margin: 10px;
    padding: 5px 0;
  }
  .game-table__row:last-child {
    border-bottom: none;
  }
  .game-table__cell.flex {
    align-items: center;
  }
  .game-table__logo {
    height: 36px;
  }
  .game-table__desc {
    margin: 0 20px;    
  }
  .game-table--buttons .button {
    margin: 0 auto;
  }

  .middle--games .game--list .headers, 
  .middle--games .game--list .texts {
    max-width: 100%;
  }
  .middle__sections .game-list__in,
  .middle--games .game-list__in {
    background-image: linear-gradient(90deg, #444 0%, #222 100%);
    height: 100%;     
    padding: 5px 20px;
  }

  a.game:hover {
    color: #FFF;
    text-decoration: none;
    filter: drop-shadow(0px 5px 3px #0009);
  }
  .game,
  .game-list {
    color: #FFF;
    padding: 0 5px 10px;
  }
  .game__in{
    background-repeat: no-repeat;
    background-color: var(--main-color-darkgrey);  
    background-size: cover;
    height: 100%;
    background-position: center;
  }

  .game--actual .game__in {
      background-image: url(../images/backgrounds/background-secondary-color.png);
  }
  .game--last .game__in {
      background-image: url(../images/backgrounds/background-primary-color.png);
  }

  .game-item {
    color: #FFF;
    display: block;
    border-bottom: #fff 1px solid;
    line-height: 36px;
  }
  .game-item__logo {
    height: 36px;
    margin: 5px 10px;
  }
  .game-item:last-child {
    border-bottom: none;
  }


  .game-item__date,
  .game-item__teams {
    padding: 0 5px;
    white-space: nowrap;
  }
  .game-item__teams {
      justify-content: space-between;
  }

        .game__in img{
            height: 90px;
        }

        .game__in .home{
            order: 2;
        }
        .game__in .guest{
            order: 4;
        }

        .game__in p{
            font-size: 15px;
            margin-top: 0;    
        }

        .game--time p{
            font-size: 15px;
            margin: 0 auto;
            max-width: 80px      
        }

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

        .game--time{
            text-align: center;
            order: 3;
            flex-grow: 2;
        }
        .game--time h4{
            font-size: 30px;
            margin-top: 10px;
            margin-bottom: 4px;
            font-weight: 600;
        }
        .game__in h3{
            padding: 0;
            text-align: center;
            font-size: 19px;
            width: 100%;
            order: 1;
        }

        .game .date {
            color: #fff;
            font-size: 13px;
            line-height: 25px;
        }

        .game__inner {
            display: flex;
            justify-content: center;
            align-items: stretch;
            flex-wrap: wrap;
            padding: 5px 15px;
            height: 100%;
            align-content: space-between;
        }

        .game-report-button {
            max-width: 200px;
            height: 36px;
            margin: 5px auto;
        }
        .game-list-button {
            margin: 5px auto;
            max-width: 200px;
        }
        .game-list-button a:hover {
            text-decoration: none;
        }
        .game-no-report {
            height: 41px;
            width: 100%;
            order: 10;
        }
        .game-report {
            width: 100%;
            order: 10;
        }

        @media only screen and (max-width: 992px) {
            .header__top .header__cups {
                display: none;
            }
        }



    @media (max-width: 768px) {

        .game-item__in > .flex {
            display: block !important;
        }
        .gil__header { text-align: center }
        .gil__body .col-xs-2 { padding:0 }
        .gil__body .game-item__logo { margin: 0 auto} 

    }

    @media (max-width: 550px) {
        .game__inner {
            justify-content: space-between;
        }
        .game__in .game--info.guest {
            order: 3;
        }
        .game__in .game--time {
            order: 4;
        }
        .game--info {
            width: 50%;
        }
    }

    /****************************/
    /*          INFO            */
    /****************************/    
        .info--main {
            transition: all 500ms; 
        }
        .info--main .gal-item.gal--medium {
            height: 300px;
        }

        @media only screen and (min-width: 1200px) {
            .middle--hp .info-list:hover .info--main { 
                width:25%; 
            }
            .middle--hp .info-list .info--main:nth-child(1):hover,
            .middle--hp .info-list .info--main:nth-child(2):hover,
            .middle--hp .info-list .info--main:nth-child(3):hover {
                width: 50%;
            }

            .middle--hp .info-list {
                max-height: 756px;
                overflow-y: hidden;
            }
        }

        .middle--infos .info__in:hover {
            transform: scale(1.025);            
        }
        .info__in:hover {
            z-index: 1;
            filter: drop-shadow(0px 10px 6px #0009);
        }

      .infos .gal-item { width:100%; position: relative; overflow: hidden; cursor: pointer; border: none; }
        .info {            
            padding: 0 4px 8px;
            color: #fff;
        }

        .info__logo .gal-item .gal-img img {
            min-width: 50%;
            height: 80%;
            position: absolute;
            left: 50%;
            top: 50%;
            object-fit: contain;
            transform: translateX(-50%) translateY(-50%);        }

        .infos a{
            color: #fff;
            text-decoration: none;
        }

        .infos .info__text {
            padding: 10px;
            height: 100px;
            overflow: hidden;
        }

        .infos .info__in{
            padding-bottom: 10px;
            min-height: 260px;
            background-image: linear-gradient(90deg, #444 0%, #222 100%);
            position: relative;
            height: 100%;
            transition: 0.4s;
        }

        .info__image {
            width: 100%;
            height: 300px;
            overflow: hidden;
        }

        .info__image .img {
            width: 100%;
        }

        .info__in .image-frame__logo{
            width: 100%;
            min-height: 200px;
            overflow: hidden;
        }

        .info__in .image-frame__logo img{
            width: 50%;            
            transform: translateX(50%) translateY(50%);
        }

        
        .infos--image {
            justify-content: center;
        }

        .infos--image img{
            max-width: 70%;
            justify-content: center;
        }

        .info__button {
            color: #FFF;
            text-decoration: none;
            padding: 0 10px 10px;
            display: block;
            position: absolute;
            bottom: 0;
        }
        .info__button:hover {
            color: #AAA;            
            text-decoration: none;
        }

        .info__logo .img{
            width: 50%;
            transform: translateX(50%) translateY(50%);
        }

        .title {
            max-height: 20px;
            overflow: hidden;
        }

        .infos__in {
            padding: 0 4px;
        }
        .infos__header {
            align-items: center;
            justify-content: space-between;
            background-color: var(--main-color-darkgrey);
            padding: 10px 20px;
            border-bottom: 1px solid #FFF6;
        }
        .infos__header .button {
            margin:0;
        }
        .infos__header h3 {
            margin: 0;
            font-size: 22px;
            color: #FFF;
        }

        .galleries h3{
            margin: 20px 0;
        }

        .info__header {
            margin: -20px -20px 10px;
            position: relative;
          }
          .info__header .gal-item.gal--big {
            height: 500px;
          }
          .info__header .gal-item {
            border:0;
          }
          .info__h {
            position: absolute;
            bottom: 0;
            width: 100%;
            background-color: #FFF8;
            color: #000;
            padding: 20px 20px;
            margin: 0;
          }
          

          @media (max-width: 768px) {
            .infos__news {
                padding: 0 10px;
            }
            .info__header {
                margin: 0;
            }
            .info__h {
                padding: 20px 10px;
                position: static;
            }
            .info__header .gal-item.gal--big {
                height: 350px;
            }
          }


        /****************************/
        /*          RESULTS          */
        /****************************/
        .facebook{
            max-height: 350px;
            overflow: hidden;
        }

        .facebook p{
            font-size: 50px;
            transform: rotate(-62deg);
        }

        .facebook .result__in{
            margin-top: 155px;
        }

        .facebook .result__in{            
            background-color: #fff;
        }
        
        .result, .facebook{  
            padding: 0 4px 8px;                
        }

        .results{
            color: #fff;
        }

        .result__in h3{
            margin: 0;
            padding: 20px 0;
        }

        .result__in{
            min-height: 350px;     
            background-color: var(--main-color-darkgrey);               
            padding: 0 30px;
        }

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

        .result .texts .team{
            text-align: left;
        }

        .result .texts{
            border-top: #fff 1px solid;
            padding-top: 10px;
        }

        .result .team img{
            max-height: 25px;
            margin-right: 10px;
        }

        .facebook p{
            color: #000;
        }


    /****************************/
    /*        PARTNERS          */
    /****************************/
        .partners{
            background-color: #000;
            min-height: 350px;
            margin-top: 10px;
        }
        .middle--partners .content_main {
            background-color: #FFF;
        }
        .logo__partners {
            padding: 0 4px;
            margin-top: 10px;
        }
        .logo__partners .content {
            background-color: #fff;
            padding: 20px;
            margin-bottom: 10px;
        }


    /****************************/
    /*          BUTTON          */
    /****************************/



        /*  Zakladni styl buttonu HC  */
        .button-hc.year {
            background-color: #ffffff8c;
            padding: 8px 4px;
            border-radius: 5px;
            margin: 4px;
        }

        /*  Zakladni ohraniceni buttonu HC  */
        .button-hc.year a {
            border: 2px solid #2E3760;
            padding: 5px 15px;
            border-radius: 5px;
        }

        .button-hc.year.flex{
            flex-wrap: wrap;
        }

        .button-hc:hover {
            background-color: #ffffffcf;
        }

        .button-hc{
            transition: 0.4s;
        }

        .news__button {
            position: absolute;
            top: 290px;
            right: 0;
        }  
        
        /****************************/
        /*           TEAMS          */
        /****************************/
        .teams {
            padding: 0 4px;
        }
        .teams .content {
            justify-content: center;
            background-color: #fff;
            padding: 20px 0;
        }

        .teams img{
            height: 28px;
            padding: 0px 4px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translateX(-50%) translateY(-50%);
            transition: 0.4s;
        }

        .teams img:hover {
            height: 60px;
            z-index: 10;
        }

        .teams .flex{
            flex-wrap: wrap;
            justify-content: center;
        }

        .teams .flex a{
            position: relative;
            width: 30px;
            padding: 20px 0;
        }


    /****************************/
    /*           TABLE          */
    /****************************/

    .result-table h3 {
        margin: 0 0 10px;
        font-size: 22px;
    }
    .result-table .icon {
        width: 20px;
        height: 20px;
        margin-right: 5px;
    }
    .result-table__row,
    .result-table__header {
        border-bottom: 1px solid #CCC;
        margin-bottom: 5px;
        padding-bottom: 5px;
    }
    .result-table__header {
        font-size: 10px;
        color: #CCC;
    }
    .result-table {
        padding: 0 4px;
        height: 100%;
    }
    .result-table .content {
        background-image: linear-gradient(90deg, #444 0%, #222 100%);
        color: #FFF;
        padding: 20px;
        height: 100%;
    }
    .result-table .col-xs-10,
    .result-table .col-xs-1 {
        padding:0;
    }
    

    @media only screen and (max-width: 992px) {
        .result-table {
            height: auto;
            margin-bottom: 8px;
        }
    }

    @media only screen and (max-width: 768px) {
        .game-item__date {
            width: 100%;
            text-align: center;
        }
        .game-item__teams {
            width: 100%;
            margin-bottom: 10px;
        }
        .game-item__desc {
            max-width: 160px;
            white-space: normal;
            font-weight: 600;
            line-height: 24px;
            text-align: center;
        }
        .game-item:last-child .glyphicon {
            margin-left: 10px;
        }
    }




    /****************************/
    /*           DRAFT          */
    /****************************/
    
    .draft__list .info__in {
        min-height: 260px;
        background-color: var(--main-color-primary);
        position: relative;
    }
    .draft__list .info__text {
        padding: 5px 10px;
    }
    .draft__list .gal-item {
        width: 100%;
        position: relative;
        overflow: hidden;
        cursor: pointer;
        border: none;
    }
    .draft__list .info__image.img--default img {
        max-width: 90%;
        max-height: 100%;
        min-width: auto;
        height: auto;
        position: absolute;
        top: 40%;
        left: 50%;
        object-fit: cover;
        transform: translateY(-50%) translateX(-50%);
    }


    /****************************/
    /*           PARTNERS       */
    /****************************/

    .logo__partners--side img {
        height: 26px;
        position: absolute;
        padding: 0px 4px;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        transition: 0.4s;
    }
    .logo__partners--side a {
        position: relative;
        width: 150px;
        padding: 16px 0;
    }
    .logo__partners--side .flex{
        flex-wrap: wrap;
    }
    .logo__partners--main img {
        max-height: 99px;
    }
    .logo__partners--main{
        text-align: center;
    }
    .logo__partners--main p {
        padding-top: 8px;
        margin: 0;
    }
    .logo__partners--side img:hover {
        height: 65px;
    }
    @media only screen and (max-width: 768px) {
        .logo__partners .content .flex {
            justify-content: center;
        }
    }



    /****************************/
    /*       NAVIGACE           */
    /****************************/


    .navigation__navbar { transition: all 500ms; }
    .navigation--custom .navbar { background-color: var(--main-color-secondary); border-bottom: 6px solid #FFF; min-height: 46px; }
    .navigation--custom .nav-link { color: #FFF !important; text-decoration: none; font-weight: bold; padding: 10px 15px; }
    .navigation--custom li a:hover { color: #999 !important; }

    .navigation--custom .dropdown-menu.show { background-color: var(--main-color-primary); }
    .navigation--custom .dropdown-menu>li>a:focus,
    .navigation--custom .dropdown-menu>li>a:hover { color: #262626 !important; }
    .navigation--custom .nav-link:hover { color: #262626 !important; background-color: #eee; }
    .navigation--custom .nav .open>a, .nav .open>a:focus, .nav .open>a:hover { background-color: transparent; border-color: transparent; color: #999 !important; }

    .navbar-header-logo .icon { position: absolute; height: 76px; top: -40px; transition: all 500ms; }

    .navigation--sticky .navbar-fixed-top { top: 66px; }
    .navigation--sticky .sticky +.navigation__navbar { top:0 !important; }
    .navigation--sticky .sticky +.navigation__navbar .navbar-brand { visibility: visible; }
    .navigation--sticky .sticky +.navigation__navbar .navbar-header-logo .icon { top: 6px; height: 70px; }
    .navigation--sticky .sticky .header__top { top: -100px; }

    .navigation__navbar .navbar-brand { visibility: hidden; }
    .navigation--custom .navbar-toggle { background-color: var(--main-color-primary); border-color: transparent; cursor: pointer; }
    .navigation--custom .navbar-toggle .icon-bar { background-color: #FFF }
    .navigation .dropdown-submenu { position: relative; }
    .navigation .dropdown-submenu .dropdown-menu { top: 30px; right: 10px; margin-top: -1px; }
    .navigation--cross .navbar-toggle .icon-bar:nth-child(1) { transform: rotate(-43deg); transform-origin: top right; position: absolute; top: 8px; left: 7px; }
    .navigation--cross .navbar-toggle .icon-bar:nth-child(2) { opacity: 0; }
    .navigation--cross .navbar-toggle .icon-bar:nth-child(3) { transform: rotate(43deg); transform-origin: bottom right; position: absolute; top: 18px; left: 7px; }
    .navigation--cross .navbar-toggle { height: 34px; }
    .navigation .navbar-toggle .icon-bar { transition: all 0.25s linear; }

    .navbar-socials { display:none }

    @media (min-width: 768px) {
        .navigation .navbar-collapse.collapse { display: flex!important; align-items: center; justify-content: flex-start; padding-left: 120px; }
        .navigation .navbar-collapse.collapse .navbar-nav { display: flex; justify-content: center; flex-wrap: wrap; }
    }

    @media (max-width: 768px) {
        .navigation--custom .nav>li,
        .navigation--custom .dropdown-menu li { text-align: center; }
        .navigation--custom .navbar-nav .open .dropdown-menu { background-color: var(--main-color-primary); }
        .navigation--sticky .navbar-fixed-top { top: 46px; }
        body {padding:0}
        .navbar-header-logo .icon { left:10px }
        .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
            max-height: 100%;
        }
        .navigation--custom .dropdown-menu {
            position: static;
            width: 100%;
            margin: 10px 0 0;
            padding: 0;
            box-shadow: none;
            border-radius: 0;
            border: 0;
        }
        .navigation--custom .dropdown.show>.nav-link {
            color: #262626 !important; 
            background-color: #eee;
        }
        .navbar-socials { 
            display: flex;
            flex-wrap: wrap;
            justify-content: space-evenly;
            margin: -10px -15px;
            background-color: var(--main-color-primary);
            padding: 10px 5px;
            border-top: 1px solid #ccc;
        }
        .navbar-socials a {
            color:#FFF
        }

    }





    /****************************/
    /*          HEADER          */
    /****************************/

    .header {
        margin-top: 0;
        position: relative;
        min-height: 96px;
    }

    /*-----   Socials  -----*/

    .header__top a {
        font-weight: normal;
        color: #FFF;
        text-decoration: none;
    }
    .header__top a:hover {
        color: #999;
    }
    .header__top {
        background-color: var(--main-color-primary);
        padding: 10px;
        border-bottom: 6px solid #FFF;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        transition: all 500ms;
        min-height: 46px;
    }
    .header__socials {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
        padding-left: 120px;
    }

    .socials__item {
        font-size: 14px;
        line-height: 20px;
        padding: 0 15px;
        display: flex;
        align-items: center;
    }

    .socials__item .icon {
        max-height: 20px;
        margin-right: 8px;
    }

    /*-----   Pohary  -----*/

    .header__cups {
        position: absolute;
        display: flex;
        z-index: 9999;
        right: 0;
        top: 0;
        bottom: -50px;
    }
    .cup__item {
        width: 60px;
    }
    .cup__item .icon {
        max-height: 70px;
    }






/********** RES **************/

    @media only screen and (max-width: 1700px) {
        .logo-hc img {
            max-height: 70px;
        }

        .loga img {
            max-height: 70px;
        }

        .logo-hc {
            position: absolute;
            top: 40px;
            right: 350px;
            left: auto;
        }

        .loga {
            position: absolute;
            top: 40px;
            right: 60px;
        }
    }

    @media only screen and (max-width: 992px) {
        .header__socials .fb {
            margin-left: none;
        }

        .header__socials .row {
            justify-content: center;
        }

        .insubnav-content {
            border-bottom: none;
        }

        .logos {
            position: absolute;
            display: flex;
            flex-direction: row;
            align-items: center;
            top: 155px;
            left: 50%;
            transform: translateX(-50%);
        }

        .loga {
            position: unset !important;
        }

        .logo-hc {
            position: unset !important;
        }
    }

    @media only screen and (max-width: 769px) {
        .header__socials{
            display: none;
        }

        .header__navigation {
            display: block;
        }

        .insubnav {
            display: flex;
            justify-content: center;
            width: 100%;
        }
        .navbar-default .navbar-nav>li>a {
            width: 100%;
        }
        .insubnav-content {
            border-bottom: 1px solid #fff;
        }        

        .insubnav{
            transition: 0.6s;
        }
        .insubnav .insubnavbtn {
            padding: 10px 6px !important;
            font-size: 18px !important;          
            line-height: 20px;
        }

        .insubnav:hover {
            margin-bottom: 55px;
        }

        .insubnav:hover .insubnav-content {
            margin-top: 40px;
        }

        .header__socials .row {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .socials__item {
            margin: 10px 0;
        }

        .socials__item + .socials__item {
            margin-left: 0;
        }

        .logo-hc img {
            max-height: 45px;
        }

        .loga img {
            max-height: 50px;
        }
        
        .logos {
            top: 177px;
        }
        
        .header__navigation {
            padding: 20px 0;
        }

        .game--list .headers, .game--list .texts{
            max-width: unset;
        }

        @media only screen and (max-width: 532px){
            .logos {
                top: 185px;
            }

            .logo-hc img {
                max-height: 30px;
            }
    
            .loga img {
                max-height: 35px;
            }
        }

        @media only screen and (max-width: 400px){
            .logos {
                top: 190px;
            }

            .logo-hc img {
                max-height: 20px;
            }
    
            .loga img {
                max-height: 25px;
            }
        }
    }

    .link--btn {
        border: 1px solid #FFF;
        border-radius: 4px;
        margin-left: 20px;
        font-size: 12px;
        padding: 2px 7px;
        position: relative;
        top: -2px;
    }
    a.game-item:hover {
        text-decoration: none;
        color: #FFF;
        background-image: linear-gradient(90deg, #444 0%, #666 50%, #222 100%);
    }
    a.game-item:hover .link--btn {
        background-color: #666;
    }
    

    .hp-2023.hp-table-partners .content>.col-md-6 {
        width: 100%
    }

    .hp-2023.hp-table-partners .content>.col-md-6 .col-md-2.col-sm-2 {
        width: 33.333%;
    }
    .hp-2023.hp-banner .flex {
        flex-direction: column;
    }