* {
    box-sizing: border-box;
    font-family: 'Source Sans 3', sans-serif;
}

html,
body {
    font-weight: 400;
    padding: 0;
    margin: 0;
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

body {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #474F53 !important;
    background-color: #fff;
    font-family: 'Source Sans 3', sans-serif;
    overflow-x: hidden;
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

*::-moz-selection,
*::selection {
    color: #fff;
    background: #FA7C0C;
}

input,
select,
textarea {
    font-family: 'Source Sans 3', sans-serif;
}

img {
    max-width: 100%;
    height: auto;
    outline: 0;
}

ul,
li {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    text-shadow: none;
    line-height: 110%;
}

h1 {
    font-size: 64px;
    line-height: 72px;
    font-weight: 600;
    letter-spacing: -1.28px;
}

h2 {
    font-size: 48px;
    line-height: normal;
    font-weight: 400;
    letter-spacing: -2%;
}

h3 {
    font-size: 30px;
    line-height: normal;
    font-weight: 400;
    letter-spacing: -1%;
}

h4 {
    font-size: 25px;
    line-height: normal;
    font-weight: 400;
    letter-spacing: -1%;
}

p {
    padding: 0 0 25px 0;
    margin: 0px;
}

a {
    text-decoration: none;
    outline: 0;
    transition: ease-in-out 0.5s;
    color: #047eb9;
}

.inner-content p a,
.gen-list li a,
.txt-box a,
.accordion-content a,
body a {
    color: #047eb9;
}

a:hover {
    text-decoration: none;
    transition: ease-in-out 0.5s;
}

::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
::-ms-input-placeholder,
:placeholder-shown {
    opacity: 1;
}

a,
a:focus,
button,
button:focus {
    outline: 0;
    outline-width: 0;
    cursor: pointer;
}

.clear {
    clear: both;
    padding: 0;
    margin: 0;
    line-height: 0;
}

.container {
    max-width: 1470px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}

.container-full {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 100%;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
    display: flex;
}

.container-full .row {
    justify-content: center;
}

.col {
    padding-left: 15px;
    padding-right: 15px;
}

.col-full {
    width: 100%;
}

.col-50 {
    width: 50%;
}

.col-25 {
    width: 25%;
}

.col-75 {
    width: 75%;
}

.col-60 {
    width: 60%;
}

.col-40 {
    width: 40%;
}

.col-30 {
    width: 33.3%;
}

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

.for-destop {
    display: flex;
}

.for-mob {
    display: none;
}

/* Common btn */
.gen-btn, .submit_button_mollie_form,
.wpforms-submit-container .wpforms-submit[type=submit] {
    width: 220px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 80px;
    color: #fff;
    font-family: 'Source Sans 3', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}

.orange-btn, .submit_button_mollie_form,
.wpforms-submit-container .wpforms-submit[type=submit] {
    background-color: #FA7C0C !important;
    color: #fff;
}

.navbar li > a.gen-btn.orange-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 80px;
    color: #fff !important;
    font-family: 'Source Sans 3', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    height: auto;
    background: #FA7C0C !important;
    padding: 12px 20px;
}

.navbar li > a.gen-btn.orange-btn:hover {
    background-color: #aa5002 !important;
}
.navbar li:hover > a.gen-btn.orange-btn::after {
    display:none;
}

.orange-btn:hover, .submit_button_mollie_form:hover,
.wpforms-submit-container .wpforms-submit[type=submit]:hover {
    background-color: #aa5002 !important;
}

.blue-btn {
    background-color: #1D549D;
}

.blue-btn:hover {
    background-color: #073064;
    color: #fff;
}

.desktop-view {
    display: block;
}

.mob-view {
    display: none;
}

/* Common btn end */

/* Custom scroll bar */

/* width */
::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}

/* Track */
::-webkit-scrollbar-track {
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #FA7C0C;
    border-radius: 10px;
}

/* Custom scroll bar */

/* Listing Start */

ul.gen-list, .single-ourteam .match-list ul, .page-template-template-anyinnerpage .innerpage-container .inner-content ul, .txt-box ul {
    margin: 0;
    padding: 0 0 26px;
    margin-left: 35px;
}

ul.gen-list li, .single-ourteam .match-list ul li, .page-template-template-anyinnerpage .innerpage-container .inner-content ul li, .txt-box ul li {
    color: #474F53;
    font-size: 18px;
    font-weight: 400;
    line-height: 29.7px;
    padding-left: 37px;
    position: relative;
    margin-bottom: 14px;
}
.new-faq-data .accordion-content ul{
    margin: 0 0 0 35px;
    padding: 0 0 26px;
}
.new-faq-data .accordion-content ul li{
    position: relative;
    padding-left: 37px;
    margin-bottom: 14px;
}

.new-faq-data .accordion-content ul ul{
    margin: 0;
    padding: 0 0 10px;
}
.new-faq-data .accordion-content ul ul li{
    position: relative;
    padding-left: 30px;
    margin-bottom: 5px;
}


ul.gen-list li:before, .single-ourteam .match-list ul li:before, .page-template-template-anyinnerpage .innerpage-container .inner-content ul li:before,
 .new-faq-data .accordion-content ul li:before, .txt-box ul li:before{
    position: absolute;
    top: 7px;
    left: 0;
    content: "";
    background: url(../images/bullet-2.svg) 0 0 no-repeat;
    width: 18px;
    height: 18px;
    border-radius: 50%;
}

ol.number li, .single-ourteam .match-list ol li, .page-template-template-anyinnerpage .innerpage-container .inner-content ol li, .txt-box ol li {
    list-style-type: none;
    counter-increment: list;
    position: relative;
    padding-left: 30px;
    padding-bottom: 10px;
}

ol.number li:before, .single-ourteam .match-list ol li:before, .page-template-template-anyinnerpage .innerpage-container .inner-content ol li:before, .txt-box ol li:before {
    content: counter(list) ".";
    position: absolute;
    left: -1.5em;
    width: 2em;
    text-align: right;
    color: #474F53;
    font-weight: 600;
}

/* Listing end */

/**common css**/

/* Top part start */
header {
    position: relative;
    /* z-index: 99; */
}

.top-part {
    background-color: #073D86;
    color: #fff;
    min-height: 72px;
}

.playlist {
    display: flex;
    margin-top: 22px;
    margin-left: 254px;
}

.playlist li {
    display: inline-flex;
    align-items: center;
    padding-right: 32px;
    font-size: 16px;
    line-height: 100%;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
}

.playlist li:after {
    position: absolute;
    content: "";
    width: 11.5px;
    height: 1px;
    background-color: #fff;
    top: 15px;
    left: -22px;
}

.playlist li:first-child:after,
.top-list li:first-child:after {
    display: none;
}

.playlist li img {
    margin-right: 10px;
    height: 32px;
    width: auto!important;
}

.top-list {
    display: flex;
    justify-content: flex-end;
    margin-top: 24px;
}

.top-list li {
    font-size: 16px;
    margin-left: 50px;
    position: relative;
}

.top-list li:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 24px;
    background: rgba(255, 255, 255, 0.10);
    top: 0px;
    left: -25px;
}

.top-list li a {
    color: #fff;
}

.top-list li a:hover {
    color: #FA7C0C;
}

.social-icon i {
    width: 20px;
    height: 20px;
    background-color: #fff;
    color: #073D86;
    display: inline-block;
    border-radius: 100px;
    line-height: 20px;
    text-align: center;
    margin-left: 10px;
    font-size: 14px;
}

.social-icon i:hover {
    background-color: #FA7C0C;
    color: #fff;
}

.social-icon {
    margin-left: -10px;
}

.logo {
    margin-top: -72px;
    /* width: 224px; */
    width: 150px;
    height: 312px;
    display: flex;
    align-items: flex-start;
}

.logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.logo {
    position: relative;
    z-index: 3;
}

.logo-tag {
    width: 217px;
    background-color: #1D549D;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 0;
    position: absolute;
    top: 71px;
    left: 224px;
}

/* Top part start end*/

/* Top Menu Part */

nav {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 64px;
    z-index: 99;
}

nav .navbar {
    height: 100%;
    max-width: 1250px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: auto;
}

.navbar .logo a {
    font-size: 30px;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}

nav .navbar .nav-links {
    line-height: 80px;
    height: 100%;
}

nav .navbar .links {
    display: flex;
}

nav .navbar .links li {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style: none;
    padding: 0 14px;
}

nav .navbar .links li a {
    height: 100%;
    text-decoration: none;
    white-space: nowrap;
    color: #04141E;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
}

nav .navbar .links li:hover a,
nav .navbar .links li.active a {
    color: #FA7C0C;
}

nav .navbar .links li:hover a:after,
nav .navbar .links li.active a:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 4px;
    background-color: #FA7C0C;
    left: 0;
    bottom: 0;
}

nav .navbar .links li li a:after {
    display: none;
}

.links li:hover .htmlcss-arrow,
.links li:hover .js-arrow {
    transform: rotate(180deg);
}

nav .navbar .links li .arrow {
    /* background: red; */
    height: 100%;
    width: 22px;
    line-height: 80px;
    text-align: right;
    display: inline-block;
    color: #000;
    transition: all 0.3s ease-in-out;
}

nav .navbar .links li .sub-menu {
    position: absolute;
    top: 80px;
    left: 0;
    line-height: 48px;
    background: #FFF;
    box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.03);
    border-radius: 0 0 4px 4px;
    display: none;
    z-index: 3;
    width: 185px;
}

nav .navbar .links li .sub-menu a {
    text-transform: none;
}

nav .navbar .links li:hover .htmlCss-sub-menu,
nav .navbar .links li:hover .js-sub-menu {
    display: block;
}

.navbar .links li .sub-menu li {
    padding: 0 22px;
    /* margin-bottom: 1px; */
}

.navbar .links li .sub-menu li:hover {
    background-color: #F97C0D;
    top: 1px;
}

.navbar .links li .sub-menu li li:hover {
    top: 0;
}

.navbar .links li .sub-menu li:last-child:hover {
    border-radius: 0 0 4px 4px;
}

.navbar .links li .sub-menu a {
    color: #13222C !important;
    font-size: 16px;
    font-weight: 500;
}

.navbar .links li .sub-menu li:hover>a {
    color: #fff !important;
}

.navbar .links li .sub-menu .more-arrow {
    line-height: 40px;
}


.navbar .links li .sub-menu .more-sub-menu {
    position: absolute;
    top: 0;
    left: 100%;
    border-radius: 0 4px 4px 4px;
    z-index: 1;
    display: none;
    color: #13222C;
}

.navbar .links li .sub-menu .more-sub-menu a {
    color: #13222C !important;
}

.navbar .links li .sub-menu .more-sub-menu li:hover a {
    color: #fff !important;
}

.links li .sub-menu .more:hover .more-sub-menu {
    display: block;
}

.navbar .nav-links .sidebar-logo,
.navbar .fa-bars, .mobile-bar {
    display: none;
}


.owl-carousel {
    display: block;
}
 
 .owl-carousel .item:not(:first-child) {
    display: none;
}
 
 .owl-carousel img {
    width: 100%;
}


/* Top Menu Part end */

/* Home banner part start start */

.home-banner {
    margin-top: -160px;
}

.home-banner .container {
    position: absolute;
    bottom: 100px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 9;
}

.home-banner .caption {
    color: #fff;
    max-width: 65%;
}


.home-banner .caption p {
    margin: 23px 0;
    padding-bottom: 0;
}

#homemobSlider .item {
    position: relative;
}

#homeSlider .item:after,
.inner-banner .item:after,
#homemobSlider .item:after {
    position: absolute;
    content: "";
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(95deg, #000 -6.03%, rgba(0, 0, 0, 0.00) 71.65%);
    /* backdrop-filter: blur(2px); */
}

#homeSlider .item:after {
    width: 60%;
}

#homeSlider.owl-carousel .owl-item .item {
    height: 656px;
}

/* Home banner part start end */

/* Home logo slide start */

#homelogoSlider {
    margin: 40px 0;
}

#homelogoSlider .owl-nav,
.livestream .owl-nav {
    position: absolute;
    top: 3px;
    width: 100%;
}

#homelogoSlider .owl-nav .owl-prev,
.livestream .owl-nav .owl-prev {
    position: absolute;
    left: -50px;
}

#homelogoSlider .owl-nav .owl-next,
.livestream .owl-nav .owl-next {
    position: absolute;
    right: -50px;
}

#homelogoSlider .owl-nav button span,
.livestream .owl-nav button span {
    font-size: 62px;
    /* line-height: 44px; */
    color: rgba(142, 142, 142, 0.15);
    ;
}

#homelogoSlider .xl img{
    width: 149px;
    margin: 0 auto;
}

#homelogoSlider .lg img,
.newsAreainrgt ul.lg li {
    width: 127px;
    margin: 0 auto;
}
.newsAreainrgt ul.xl li{
    width: 135px;
    margin: 0 auto;
}

#homelogoSlider .md img,
.newsAreainrgt ul.md li {
    width: 80px;
    margin: 0 auto;
}

.newsAreainrgt ul li {
    margin: 15px 0 !important;
}


/* Home logo slide end */

.home .newsAreainrgt tr .games-won,
.home .newsAreainrgt tr .games-lost,
.home .newsAreainrgt tr .games-draw,
.home .newsAreainrgt tr .games-drawn {
    display: none;
}

.home .newsAreainrgt thead tr {
    background-color: transparent;
}

.home .newsAreainrgt thead tr th {
    color: #073D86;
    font-weight: 600;
}

/* Livestream Tab area start */

.livestream {
    background-color: #073D86;
    padding: 78px 0;
}

.livestream h3 {
    color: white;
}

.livestream #tabs-nav {
    display: flex;
    align-items: center;
    justify-content: center;
}

.livestream #tabs-nav li {
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    padding: 0 60px;
    position: relative;
}

.livestream #tabs-nav li a {
    color: #FFF;
}

.livestream #tabs-nav li:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 70px;
    background: rgba(255, 255, 255, 0.15);
    left: 0;
    top: 0;
}

.livestream #tabs-nav li:first-child:after,
.streamArea ul li:first-child:after,
.switchbtn li:first-child:after {
    display: none;
}

.livestream #tabs-nav li.active a {
    color: #FA7C0C;
    font-weight: 400;
}

.streamArea ul {
    display: flex;
    justify-content: space-around;
    position: relative;
}

.streamArea ul li {
    position: relative;
    width: 50%;
}

.streamArea ul:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 160px;
    background: #F3F3F3;
    top: 0;
    left: 50%;
}

.streamArea ul li img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.streamArea ul li span {
    color: #04141E;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    display: block;
    margin-bottom: 5px;
}

.st-logo {
    height: 100px;
}

.streamArea ul li .st-logo {
    width: 80px;
    margin: 0 auto;
}

.logoBox {
    background-color: #fff;
    text-align: center;
    border-radius: 10px;
}

.streamDate {
    background-color: #1D549D;
    border-radius: 10px 10px 0px 0px;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 18px 0;
}

.streamArea {
    padding: 35px;
}

.match-list-rgt .streamArea ul li:after {
    display: none;
}

.match-list-rgt .streamArea {
    position: relative;
}

.match-list-rgt .streamArea ul:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 160px;
    background: #F3F3F3;
    top: 15px;
    left: 50%;
}

.streamAreafooter {
    padding-top: 26px;
    margin-top: 40px;
    border-top: 1px solid #F3F3F3;
}

.score {
    color: #04141E;
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    text-transform: uppercase;
}

.streamAreafooter p {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding-bottom: 0;
}

.streamAreafooter p a {
    color: #073D86;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}

.livestream #tabs-content {
    margin-top: 40px;
}

.switchbtn {
    border-radius: 80px;
    max-width: 394px;
    height: 50px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    margin-top: 40px;
}

.switchbtn a {
    color: #fff;
    padding: 0 50px;
}

.switchbtn li {
    position: relative;
    background: #1D549D;
    height: 100%;
    display: flex;
    align-items: center;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
}

.switchbtn li:hover {
    background: #FA7C0C;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
}

.switchbtn li:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 50px;
    background: rgba(255, 255, 255, 0.15);
    left: 0;
    top: 0px;
}

.switchbtn li:first-child {
    border-radius: 100px 0 0 100px;
}

.switchbtn li:last-child {
    border-radius: 0 100px 100px 0;
}

.livestream .owl-nav {
    top: 50%;
}

.livestream .owl-nav button span {
    color: #fff;
    line-height: 37px;
}

.livestream .owl-nav button {
    width: 48px;
    height: 48px;
    border: 3px solid #fff !important;
    border-radius: 1000px;
}

.livestream .owl-nav .owl-next {
    right: -80px;
}

.livestream .owl-nav .owl-prev {
    position: relative;
    left: -80px;
}

/* Livestream Tab area end */


/* NewsArea Start */
.newsArea {
    background-color: #F8F9F9;
    padding: 78px 0;
}

.newsAreainlft {
    width: 1074px;
}
.newsAreainlft a:not(.gen-btn) {
    display: block;
    z-index: 1;
    position: relative;
    height: 100%;
}

.newsAreainlft .btn-wrapper {
    margin: 20px 0;
    display: flex;
    justify-content: center;
}

.newsAreainrgt {
    width: 342px;
}

.newsArea h2 {
    color: #04141E;
    margin-bottom: 27px;
}

.newsAreain {
    display: flex;
}

.newsAreainlft ul {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.newsAreainlft li:first-child {
    width: 100%;
    height: 531px;
}

.newsAreainlft li,
.leagueArea .newsAreainlft li {
    position: relative;
    height: 360px;
    box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.03);
    border-radius: 10px;
    position: relative;
    width: 48.7%;
    overflow: hidden;
}

.newsAreainlft li:after, .newsAreainlft li a:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: linear-gradient(57deg, rgba(0, 0, 0, 0.40) 33.89%, rgba(0, 0, 0, 0.00) 72.09%);
    top: 0;
    left: 0;
}

.newsAreainlft li img,
.blog-list .blog-box img,
.news-list .news-box img,
.ticket-box-lg .pic img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
}

.ticket-box-lg .pic,
.page-template-template-anyinnerpage .pic-area,
.img-area img {
    overflow: hidden;
    border-radius: 10px;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
}

.newsAreainlft li:hover img,
.blog-list .blog-box:hover img,
.news-list .news-box:hover img,
.ticket-box-lg:hover .pic img,
.page-template-template-anyinnerpage .pic-area:hover img,
.imgsection:hover .img-area img {
    transform: scale(1.05);
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
}

.newsAreainlft li:first-child h3 {
    font-size: 40px;
    line-height: 48px;
}

.newsAreainlft li h3,
.leagueArea .newsAreainlft li h3 {
    position: absolute;
    bottom: 50px;
    padding: 0 46px;
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    z-index: 9;
    max-width: 640px;
    min-height: 76px;
}

.newsAreainlft li h3 span {
    display: block;
    color: #FA7C0C;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.newsAreainrgt {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.03);
    margin-left: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.newsAreainrgt ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    /* flex-direction: column; */
}

@media (min-width: 1201px) {
    .newsAreainrgt ul {
        flex-direction: column;
    }
}

@media (max-width: 1200px) {
    .newsAreainrgt ul {
        gap: 15px
    }
}

.newsAreainrgt ul li {
    margin: 35px 0;
}


/* leagueArea Start */

.leagueArea .newsAreainrgt {
    width: 464px;
    margin-left: 0;
    margin-right: 24px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
}

.leagueArea .newsAreainlft {
    width: 953px;
}

.leagueArea {
    margin-top: 77px;
    max-height: 850px;
}

.leagueArea .newsAreainrgt h3 {
    color: #04141E;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 22px;
}

/* NewsArea end */



/* bottom item start */
.bottom-item {
    padding-top: 94px;
    padding-bottom: 94px;
}

.bottom-item-container {
    display: flex;
}

.bottom-item-container .left {
    width: 70%;
    /* padding-right: 25px; */
}

@media (min-width: 1201px) {
    .bottom-item-container .left {
        padding-right: 25px;
    }
}

.bottom-item-container .left .box:first-child {
    margin-bottom: 41px;
}

.bottom-item-container .box {
    background-color: #073D86;
    border-radius: 10px;
    overflow: hidden;
    height: 340px;
    position: relative;
}

.bottom-item-container .box:before {
    content: "";
    display: block;
    width: 339px;
    height: 100%;
    background: url(../images/curve-1.svg) no-repeat top left;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
}

.bottom-item-container .box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: 0.8;
    transition: ease-in-out 0.5s;
}

.bottom-item-container .box:hover img {
    opacity: 0.2;
    transition: ease-in-out 0.5s;
}

.bottom-item-container .box .caption {
    position: absolute;
    width: 100%;
    left: 72px;
    bottom: 39px;
    display: flex;
    z-index: 99;
}

.bottom-item-container .box .caption .icon {
    width: 130px;
    height: 130px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bottom-item-container .box .caption img {
    width: auto;
    height: auto;
}

.bottom-item-container .box:hover .caption img {
    opacity: 1;
}

.bottom-item-container .box .caption .txt {
    padding: 0 20px 0 38px;
    color: #fff;
}

.bottom-item-container .box .caption h2,
.common-area-txt h2 {
    font-size: 40px;
    font-weight: 600;
    line-height: 100%;
    padding-bottom: 6px;
}

.bottom-item-container .box .caption p,
.common-area-txt p {
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    padding-bottom: 24px;
}

.bottom-item-container .box .caption .icon-arrow,
.common-area-txt .icon-arrow {
    width: 32px;
    height: 32px;
    background: url(../images/icon-circle-arrow.svg) no-repeat top left;
    background-size: contain;
    display: inline-block;
}

.bottom-item-container .right {
    width: 30%;
}

@media (min-width: 1201px) {
    .bottom-item-container .right .box {
        height: 100%;
    }
}


.bottom-item-container .right .box:before {
    content: "";
    display: block;
    width: 100%;
    height: 397px;
    background: url(../images/curve-2.svg) no-repeat top right;
    background-size: cover;
    position: absolute;
    left: 0;
    bottom: 0;
    top: auto;
    z-index: 9;
}

.bottom-item-container .right .box .caption {
    left: 0;
    bottom: 52px;
    display: block;
}

.bottom-item-container .right .box .caption .txt {
    padding: 32px 20px 0;
    text-align: center;
}

.bottom-item-container .right .box .caption .icon {
    margin: 0 auto;
    width: 100px;
    height: 100px;
}

/* bottom item end */


/* Inner Page */
.inner-banner {
    position: relative;
}

.inner-banner .item {
    height: 433px;
    background-color: #073D86;
}

.inner-banner img,
.team-img img,
.hex-background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.inner-banner .container {
    bottom: 130px;
}

.inner-banner .caption {
    max-width: inherit;
}

/* Bradecumb */
.bradecumb {
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
}

.bradecumb li {
    margin-right: 40px;
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    position: relative;
}

.bradecumb li a {
    color: #FFF;
}

.bradecumb li:after {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    background: url(../images/brade-arrow.svg) 0 0 no-repeat;
    left: -27px;
    top: 6px;
}

.bradecumb li:first-child:after {
    display: none;
}

/* Inner Page */

/* Team Page */
.divider {
    width: 100%;
    height: 5px;
    background-color: #F8F9F9;
    display: block;
}

.team-container {
    padding: 50px 0;
}

.common-tab #tabs-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px 0 42px 0;
}

.common-tab #tabs-nav li {
    margin: 0 35px;
    color: #04141E;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}

.common-tab #tabs-nav li a {
    color: #04141E;
}

.common-tab #tabs-nav li a:hover,
.common-tab #tabs-nav li.active a {
    color: #FA7C0C;
}

.team-sec {
    padding: 18px 0 48px 0;
}

.single-ourteam .team-sec {
    padding: 0;
}

.team-box .common-area-txt {
    padding: 28px;
    color: #fff;
    text-align: center;
    background: #073D86;
    border-radius: 0 0 10px 10px;
}

.team-img {
    height: 417px;
    border-radius: 10px;
    box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.03);
    position: relative;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
}

.team-box .team-img:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    left: 0;
    bottom: 0;
    border-radius: 10px 10px 0 0;
    background: linear-gradient(0deg, rgba(7, 56, 122, 0.65) 0%, rgba(7, 56, 122, 0.65) 100%);
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
}

.team-box:hover .team-img:after {
    height: 100%;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
}

.team-img img {
    border-radius: 10px 10px 0 0;
    object-position: top;
}

.team-area {
    flex-wrap: wrap;
}

.team-box {
    margin-top: 30px;
    overflow: hidden;
    position: relative;
}

.stretched-link::after,
.stretched-link-wrapper a::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
}

body.single-ourteam .team-container #tab4 .team-sec {
    background: #ffffff;
}

body.single-ourteam span.section-title,
body.single-ourteam span.competition-name {
    display: none;
}

/* Team Page end */

/* Team Details Page */
.inner-banner2 .item {
    height: 720px;
}

.team-container-in {
    background: #F8F9F9;
}

.divider.white {
    background: #FFF;
}

.team-box-in .team-img {
    height: 401px;
}

.team-box-in .common-area-txt {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    text-align: left;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 30px;
}

.team-box-in .common-area-txt p {
    padding-bottom: 0px;
}

.team-box-in .common-area-txt h2 {
    font-size: 26px;
    height: 55px;
	overflow:hidden;
    /* white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; */
}

.player-details {
    width: 67%;
}

.player-no {
    width: 33%;
    padding-left: 10px;
    color: rgba(255, 255, 255, 0.08);
    text-align: center;
    font-size: 90px;
    font-weight: 900;
    line-height: 40px;
}

.hex {
    display: block;
    margin: 0 auto;
    position: absolute;
    top: -40px;
    width: 60px;
    height: 50px;
    /* width * 0.866 */
    /* background: red; */
    box-sizing: border-box;
    /* -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); */
}

.hex-background {
    /* height: 64px; */
    height: 100%;
    width: 100%;
}

/* Team Details Page end */

/* Footer start */

.mobile-view {
    display: none;
}

footer {
    background: linear-gradient(97deg, rgba(0, 0, 0, 0.20) 16.34%, rgba(0, 0, 0, 0.00) 87.66%), #191E24;
}

.footer-top {
    padding-top: 60px;
    padding-bottom: 24px;
}

.footer-top h5 {
    color: #fff;
    font-size: 24px;
    line-height: 40px;
    font-weight: 600;
    padding-bottom: 34px;
}

.footer-top .row {
    justify-content: space-between;
}

.footer-top ul {
    padding-bottom: 34px;
}

.footer-top ul li {
    font-size: 16px;
    padding-bottom: 13px;
}

.footer-top ul li a {
    display: inline-block;
    padding-left: 32px;
    position: relative;
    color: #fff;
}

.footer-top ul li a:hover {
    color: #F97C0D;
}

.footer-top ul li a:before {
    content: "";
    width: 18px;
    height: 18px;
    background: url(../images/bullet-1.png);
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 5px;
}


.footer-contact-info {
    padding-bottom: 20px;
}

.footer-contact-info .title {
    color: rgba(255, 255, 255, 0.40);
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}

.footer-contact-info .txt {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    color: #fff;
    padding-left: 32px;
    position: relative;
}

.footer-contact-info .txt .icon {
    width: 18px;
    position: absolute;
    left: 0;
    top: 5px;
}

.footer-contact-info .txt a {
    color: #fff;
}

.footer-contact-info .txt a:hover {
    color: #F97C0D;
}


.footer-bottom {
    background: rgba(0, 0, 0, 0.20);
    padding-top: 35px;
    padding-bottom: 35px;
}

.footer-bottom .mailchimp-txt h3 {
    font-size: 30px;
    line-height: 40px;
    font-weight: 600;
    color: #fff;
}

.footer-bottom .mailchimp-txt p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #fff;
}

.footer-copy {
    font-size: 14px;
    color: #fff;
    padding-top: 35px;
    padding-bottom: 35px;
}

.footer-copy .row {
    justify-content: space-between;
}

.footer-copy ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.footer-copy ul li {
    padding: 0 30px;
    border-right: 1px solid rgba(255, 255, 255, 0.10);
}

.footer-copy ul li a {
    color: #fff;
}

.footer-copy ul li a:hover {
    opacity: 0.5;
}

.footer-copy ul li:last-child {
    border-right: 0px;
}

.footer-copy .conversal-logo img {
    margin-right: 10px;
}

.footer-copy .conversal-logo a {
    color: #fff;
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.footer-copy .conversal-logo a:hover {
    opacity: 0.5;
}


/* mobile footer start */
ul.accordion-list {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.accordion-list li {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 20px 0;
    margin: 0 auto;
    cursor: pointer;
    text-align: center;
}

ul.accordion-list li.active h5:after {
    transform: rotate(180deg);
    color: #fff;
}

ul.accordion-list li h5 {
    font-weight: 600;
    position: relative;
    display: inline;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    font-size: 24px;
    cursor: pointer;
    color: #fff;
}

ul.accordion-list li h5:after {
    content: "\f107";
    font: normal normal normal 34px/1 FontAwesome;
    position: absolute;
    right: -30px;
    top: 3px;
    color: #fff;
    transition: all 0.3s ease-in-out;
}

ul.accordion-list li div.answer {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.mobile-footer-menu {
    padding-bottom: 48px;
}

ul.accordion-list li div.answer ul {
    padding-top: 35px;
}

ul.accordion-list li div.answer ul li {
    font-size: 16px;
    padding: 0 0 10px;
}

ul.accordion-list li div.answer ul li:last-child {
    padding-bottom: 0px;
}

ul.accordion-list li div.answer ul li a {
    display: inline-block;
    padding-left: 32px;
    position: relative;
    color: #fff;
}

ul.accordion-list li div.answer ul li a:hover {
    color: #F97C0D;
}

ul.accordion-list li div.answer ul li a:before {
    content: "";
    width: 18px;
    height: 18px;
    background: url(../images/bullet-1.png);
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 5px;
}


/* mobile footer end*/

/* Footer end */



/* Sponsors page start */

.sponsors-container {
    background-color: #F8F9F9;
    padding: 48px 0;
}

.sponsors-container .top-txt {
    text-align: center;
    padding-bottom: 58px;
}

.sponsors-container .top-txt h2 {
    color: #04141E;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.sponsors-container .top-txt p {
    color: #474F53;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    max-width: 952px;
    margin: 0 auto;
}

.sponsors-wrapper {
    background-color: #FFF;
    box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.03);
    padding: 25px;
    margin-bottom: 50px;
}

.sponsors-wrapper ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.sponsors-wrapper ul li {
    padding: 25px;
    text-align: center;
}

.sponsors-wrapper ul.xl li {
    width: 20%;
}

.sponsors-wrapper ul.lg li {
    width: 16.66%;
}

.sponsors-wrapper ul.md li {
    width: 12.5%;
}

/* .sponsors-wrapper .owl-carousel {
    display: none;
} */

.sponsors-wrapper .owl-carousel .owl-nav {
    margin-top: 0;
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.sponsors-wrapper .owl-carousel {
    padding: 0 30px;
}

.sponsors-wrapper .owl-carousel .owl-stage {
    display: flex;
    align-items: center;
}

.sponsors-wrapper .owl-carousel .sponsor-logo-item {
    text-align: center;
}

.sponsors-wrapper .owl-carousel .sponsor-logo-item img {
    width: auto;
    max-width: 95%;
}

/* Sponsors page end */


/* ticket page start */

.ticket-top {
    padding: 73px 0;
    background: linear-gradient(277deg, rgba(0, 0, 0, 0.20) 9.98%, rgba(0, 0, 0, 0.00) 84.75%), #073D86;
}

.ticket-container {
    display: flex;
    flex-wrap: wrap;
}

.ticket-container .left {
    width: 35%;
}

.ticket-container .right {
    width: 60%;
    padding-left: 5%;
}

.ticket-box {
    border-radius: 10px;
    overflow: hidden;
}

.ticket-box .heading {
    background-color: #1D549D;
    padding: 20px 15px 14px 27px;
}

.ticket-box .heading {
    display: flex;
    align-items: center;
}

.ticket-box .heading .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    width: 76px;
    height: 76px;
    border-radius: 50%;
}

.ticket-box .heading h2 {
    color: #fff;
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
    padding-left: 22px;
    width: calc(100% - 76px);
}

.ticket-box .txt {
    padding: 40px 32px;
    background-color: #fff;
}

.ticket-box .txt h3 {
    color: #1A1F25;
    font-size: 24px;
    font-weight: 600;
    line-height: 40px;
    padding-bottom: 6px;
}

.ticket-box .txt ul {
    padding-bottom: 23px;
}

.ticket-box .txt ul li {
    padding: 0 0 12px 32px;
    position: relative;
    color: #586069;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.ticket-box .txt ul li:before {
    content: "";
    width: 18px;
    height: 18px;
    background: url(../images/bullet-2.svg);
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 3px;
}


.ticket-box .contact-person {
    display: flex;
    align-items: center;
    border-top: 1px solid #F3F3F3;
    padding-top: 28px;
}

.ticket-box .txt ul+.contact-person {
    border: 0;
    padding:0;
    margin-bottom: 30px;
}

.ticket-box .contact-person .left {
    width: calc(100% - 100px);
}

.ticket-box .contact-person .pic {
    width: 100px;
}

.ticket-box .contact-person .pic img {
    width: 100%;
    height: 110px;
    border-radius: 5px;
    object-fit: cover;
    object-position: center;
}

.ticket-box .contact-person .mail {
    display: flex;
    align-items: center;
}

.ticket-box .contact-person .mail span {
    margin-right: 14px;
    display: flex;
    width: 18px;
}

.ticket-box .contact-person .mail a {
    color: #073676;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.ticket-box .contact-person .mail a:hover {
    text-decoration: underline;
}

.ticket-box .txt ul+.contact-person .mail a {
    font-size: 20px;
}

.ticket-box .txt ul+.contact-person .mail span {
    width: 23px;
    height: 24px
}

.ticket-box .contact-person h6 {
    color: #1A1F25;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    padding-bottom: 6px;
}

.ticket-box-lg {
    padding: 20px 25px;
    display: flex;
    align-items: center;
    border-radius: 10px;
}

.ticket-box-lg.bg-dark {
    background-color: rgba(0, 0, 0, 0.15);
    margin-bottom: 40px;
}

.ticket-box-lg.bg-light {
    background-color: rgba(255, 255, 255, 0.10);
}

.ticket-box-lg .pic {
    width: 30%;
    padding-right: 32px;
}

.ticket-box-lg .pic img {
    width: 100%;
    border-radius: 10px;
    height: 190px;
    object-fit: cover;
    object-position: center;
}

.ticket-box-lg .txt {
    width: 55%;
    padding-left: 25px;
}

.ticket-box-lg .txt h2 {
    color: #fff;
    font-size: 40px;
    font-weight: 600;
    line-height: 40px;
}

.ticket-box-lg .txt p {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.ticket-box-lg .txt p a {
    color: #fff;
}

.ticket-box-lg .txt p a:hover {
    opacity: 0.5;
}

.ticket-content {
    background-color: #fff;
    box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.03);
    padding: 74px 0;
}

.ticket-content .txt {
    max-width: 952px;
    margin: 0 auto;
}

.ticket-content .txt h2 {
    font-size: 48px;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 20px;
}

.ticket-content .txt p {
    color: #474F53;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    padding-bottom: 20px;
}


.bottom-sponsor {
    background-color: #F8F9F9;
    padding: 30px 0;
}

.bottom-sponsor.white {
    background-color: #fff;
}

.bottom-sponsor .sponsors-wrapper {
    background-color: transparent;
    box-shadow: none;
    padding: 0;
    margin: 0;
}

.bottom-sponsor .sponsors-wrapper ul.xl {
    width: 80%;
    margin: 0 auto;
}

.bottom-sponsor .sponsors-wrapper ul.lg {
    width: 90%;
    margin: 0 auto;
}

.bottom-sponsor .sponsors-wrapper ul.lg li {
    width: 12.5%;
}

.bottom-sponsor .sponsors-wrapper ul.md li {
    width: 10%;
}

/* ticket page end */

/* kalender Page start */

.match-list-area {
    display: flex;
    flex-wrap: wrap;
    margin-top: 60px;
}

.match-list-lft {
    width: 976px;
}

.match-list-rgt {
    width: 345px;
    margin-left: 118px;
}

.match-list-rgt .streamArea ul {
    justify-content: space-between;
}

.match-list {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.03);
}

.match-list-area h2 {
    color: #04141E;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 28px 24px;
}

table {
    border-collapse: collapse;
    width: 100%;
    color: #04141E;
    font-size: 14px;
    font-weight: 400;
}

thead tr:nth-child(odd) {
    background-color: #1D549D;
}

thead th {
    font-size: 18px;
    color: #fff;
    font-weight: 400;
}

td,
th {
    border: none;
    text-align: left;
    padding: 18px 24px;
}

.home td,
.home th {
    padding: 18px 18px;
}

tr:nth-child(odd) {
    background-color: #F8F9F9;
}

.logovs {
    width: 370px;
}

.logovs,
.logovs a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    /* justify-content: center; */
    gap: 15px;
}

.table-responsive {
    overflow-x: auto;
}

.table-responsive table {
    width: 1000px;
}

.logovs img {
    width: 24px;
}

.logovs span {
    color: #DADADA;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.color-oramge, .color-oramge a {
    color: #FA7C0C!important;
}

.match-list-rgt .streamArea ul li:after {
    left: -37px;
}

.match-list-rgt .score {
    color: #FA7C0C;
    font-weight: 700;
}

/* kalender Page end */

/* Match details start */

.match-list-rgt .newsAreainrgt {
    margin-left: 0;
    margin-top: 56px;
    width: auto;
}

.match-details .match-list-area {
    margin-top: 0;
}

.match-details .match-list-area h2 {
    padding: 0;
    padding-bottom: 24px;
}

.match-details .col {
    padding-left: 10px;
    padding-right: 10px;
}

.gal-img {
    height: 210px;
    margin-bottom: 20px;
}

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

.gallery-area .row {
    flex-wrap: wrap;
    justify-content: flex-start;
}

/* Custom video area start */
.custom-video {
    position: relative;
    margin-bottom: 40px;
}

.video-normal {
    position: relative;
}

.video-control {
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    margin: 0 auto;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    border: 0;
    background: transparent;
}

.custom-video video::-webkit-media-controls-panel {
    display: none !important;
    opacity: 1 !important;
}

.video-control:not(.playing) .video-control-pause,
.video-control.playing .video-control-play {
    display: none;
}

.video-control-symbol img {
    width: 80px;
}

/* Video with modal css start */

.popup {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    display: none;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    z-index: 999;
}

.popup .popup__content {
    width: 60%;
    overflow: auto;
    padding: 30px;
    background: transparent;
    color: black;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
}

.popup .popup__content .popup_close {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 20px;
    display: block;
}

.popup .popup__content .popup_close span {
    cursor: pointer;
    position: fixed;
    width: 20px;
    height: 3px;
    background: #fff;
}

.popup .popup__content .popup_close span:nth-child(1) {
    transform: rotate(45deg);
}

.popup .popup__content .popup_close span:nth-child(2) {
    transform: rotate(135deg);
}

.video-poster {
    width: 100%;
    height: 400px;
    overflow: hidden;
    position: relative;
}

.video-poster img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-play_btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 90px;
    background: transparent;
    border: 0;
}

.video-with_modal .video-caption {
    margin-top: 2px;
}

.video-with_modal iframe {
    width: 100% !important;
    height: 400px;
}

.single-img_block .over-banner_img {
    margin-top: 0;
    height: auto;
}

video {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover;
}

/* Video with modal css end */
/* Custom video area end */

.match-details .match-list-area {
    flex-direction: row-reverse;
}

.match-details .match-list-rgt {
    margin-left: 0;
    margin-right: 118px;
}

/* Match details end */


/* faq page start */

.faq-container {
    padding: 48px 0;
}

.search-area {
    max-width: 952px;
    margin: 0 auto;
    height: 80px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.03);
    display: flex;
    align-items: center;
    padding-right: 13px;
}

.search-area .search-field {
    width: calc(100% - 44px);
    height: 100%;
    border: none;
    outline: none;
    padding: 0px 30px;
    background: none;
    color: #586069;
    font-size: 20px;
}

.search-area .search-btn {
    width: 44px;
    border: none;
    height: 44px;
    background: url(../images/icon-search.svg) center center no-repeat;
    background-size: 100%;
    cursor: pointer;
}

#accordion {
    max-width: 952px;
    margin: 40px auto 0;
}

.accordion-container {
    padding: 50px 0 30px;
    border-bottom: 5px solid #F8F9F9;
}

.accordion-container:last-child {
    border-bottom: 0;
}

.accordion-content {
    display: none;
}

.accordion-content.default {
    display: block;
}

.accordion-content p {
    padding: 0 0 20px;
    margin: 0;
    color: #474F53;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
}

.accordion-toggle {
    padding: 0 60px 0 0;
    margin: 0;
    position: relative;
    color: #04141E;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.accordion-toggle:after {
    content: "+";
    width: 48px;
    height: 48px;
    display: block;
    border: 3px solid #073D86;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    right: 0;
    top: -5px;
}

.accordion-toggle.active:after {
    content: "-";
}

/* faq page end */


/* Actua page start */

.actua-container {
    background-color: #F8F9F9;
    padding: 10px 0 50px;
}

.actua-container .container {
    max-width: 1196px;
}

.actua-container #tabs-content {
    margin-top: 30px;
}

.blog-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px;
}

.blog-list .col {
    width: 50%;
    padding: 18.5px 12px;
}

.blog-list .blog-box {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.blog-list .blog-box:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: linear-gradient(52deg, rgba(0, 0, 0, 0.60) 25.97%, rgba(0, 0, 0, 0.00) 80.7%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
}

.blog-list .blog-box img {
    width: 100%;
    height: 360px;
    display: block;
    object-fit: cover;
    object-position: center;
}

.blog-caption {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 15px 37px 50px;
    width: 100%;
    z-index: 99;
}

.blog-caption .date {
    color: #FA7C0C;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-bottom: 11px;
}

.blog-caption .des {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    color: #fff;
    height: 50px;
}

.blog-list .col:first-child {
    width: 100%;
}

.blog-list .col:first-child .blog-box img {
    width: 100%;
    height: 531px;
}

.blog-details-content .gallery-area {
    margin-top: 40px;
}

.blog-details-content .container-full {
    padding: 0;
}

.lb-data .lb-details {
    opacity: 0;
}

.blog-details-content a {
    color: #0a57a5;
}

/* Actua page end */

/* Klassement page start */
.klassement .match-list-area {
    justify-content: center;
}

.klassement .match-list {
    min-height: 670px;
}


/* Klassement page end */




/* blog details start */

header .row {
    align-items: flex-start;
}

.top-bradecumb {
    padding: 40px 0;
    background-color: #f0f0f0;
    margin-top: -167px;
}

.top-bradecumb .bradecumb {
    margin: 0;
    padding: 0 0 0 255px;
    position: relative;
    z-index: 2;
}

.top-bradecumb ul.bradecumb li {
    color: #1D549D;
}

.top-bradecumb ul.bradecumb li a {
    color: #1D549D;
}

.top-bradecumb ul.bradecumb li a:hover {
    color: #FA7C0C;
}

.top-bradecumb ul.bradecumb li::after {
    background: url(../images/brade-arrow-blue.svg) 0 0 no-repeat;
}

.blog-details {
    padding: 100px 0 50px;
    max-width: 1196px;
    margin: 0 auto;
    color: #474F53;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.blog-details .blog-details-header,
.blog-details .blog-details-content {
    max-width: 952px;
    margin: 0 auto;
}

.blog-details .blog-details-header .date {
    color: #FA7C0C;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.blog-details .blog-details-header h2 {
    color: #04141E;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 30px;
}

.blog-details p {
    padding-bottom: 30px;
}


.blog-details .blog-details-content ul {
    padding: 0 0 18px 30px;
}

.blog-details .blog-details-content ul li {
    padding: 0 0 12px 32px;
    position: relative;
    color: #586069;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}

.blog-details .blog-details-content ul li:before {
    content: "";
    width: 18px;
    height: 18px;
    background: url(../images/bullet-2.svg);
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 5px;
}

.blog-content-wrapper {
    margin-bottom: 20px;
}

.blog-details-banner {
    padding-bottom: 30px;
    height: 500px;
}

.blog-details-banner img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 10px;
}

.custom-video {
    position: relative;
    margin-bottom: 30px;
}

.custom-video video {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover;
}

.video-control {
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    margin: 0 auto;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    border: 0;
    background: transparent;
}

.custom-video video::-webkit-media-controls-panel {
    display: none !important;
    opacity: 1 !important;
}

.video-control:not(.playing) .video-control-pause,
.video-control.playing .video-control-play {
    display: none;
}

.video-control-symbol img {
    width: 80px;
}

.custom-video .video-control-pause {
    opacity: 0;
}

.custom-video:hover .video-control-pause {
    opacity: 1;
}

.bottom-news {
    padding: 85px 0;
    background-color: #F8F9F9;
}

.bottom-news h2 {
    color: #04141E;
    font-size: 36px;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 40px;
    text-align: center;
}

.news-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px;
}

.news-list .col {
    width: 33.33%;
    padding: 0 12px;
}

.news-list .news-box {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.news-list .news-box:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: linear-gradient(52deg, rgba(0, 0, 0, 0.60) 25.97%, rgba(0, 0, 0, 0.00) 80.7%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
}

.news-list .news-box img {
    width: 100%;
    height: 360px;
    display: block;
    object-fit: cover;
    object-position: center;
}

.news-caption {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 15px 37px 37px;
    width: 100%;
    z-index: 99;
}

.news-caption .date {
    color: #FA7C0C;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-bottom: 11px;
}

.news-caption .des {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    color: #fff;
    height: 50px;
}


/* blog details end */


/* restaurant page start */

.restaurant-container {
    padding: 72px 0;
    background-color: #F8F9F9;
}

.restaurant-container .one-item-center {
    justify-content: space-between;
    flex-wrap: wrap;
}

.restaurant-container .one-item-center > div {
    margin-bottom: 2rem
}

.restaurant-container .form-container {
    padding: 46px 98px;
    background: linear-gradient(277deg, rgba(0, 0, 0, 0.20) 9.98%, rgba(0, 0, 0, 0.00) 84.75%), #073D86;
    border-radius: 10px;
}

.restaurant-container .form-container h2 {
    color: #FFF;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 39px;
}

.restaurant-box {
    border-radius: 10px;
    background: #FFF;
    text-align: center;
    box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.03);
    padding: 48px 73px;
    margin-left: 107px;
}

.restaurant-box .top-logo {
    padding-bottom: 20px;
}

.restaurant-box h2 {
    color: #04141E;
    font-size: 32px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 8px;
    padding-bottom: 24px;
}

.restaurant-box p {
    color: #474F53;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    padding-bottom: 30px;
}

.restaurant-box h3 {
    color: #04141E;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}

.restaurant-box h4 {
    color: #04141E;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    padding-bottom: 20px;
}

.restaurant-box h4:after {
    content: "";
    display: block;
    width: 180px;
    height: 1px;
    background-color: #E4E4E4;
    margin: 30px auto 0;
}

.restaurant-box ul li {
    color: #474F53;
    font-size: 20px;
    line-height: 30px
}

.restaurant-box ul li:before { content: "•"; display: block;}

.restaurant-box ul li:first-child:before {
    display: none;
}

.bottom-gallery {
    display: flex;
    flex-wrap: wrap;
    background-color: #F8F9F9;
}

.bottom-gallery .col {
    padding: 12px;
}

.bottom-gallery .col.left {
    width: 40%;
}

.bottom-gallery .col.middle {
    width: 25%;
}

.bottom-gallery .col.right {
    width: 35%;
}

.bottom-gallery img {
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.bottom-gallery .col.left img,
.bottom-gallery .col.middle img {
    height: 696px;
}

.bottom-gallery .col.right img,
.bottom-gallery .col.right .pic {
    height: 335px;
}

.bottom-gallery .col.right .pic:first-child {
    margin-bottom: 26px;
}

.bottom-gallery .col.right .pic {
    position: relative;
}

.bottom-gallery .logo-pic {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 9;
}

.bottom-gallery .logo-pic img {
    height: auto !important;
    width: auto !important;
}


.reservation .wpforms-container .wpforms-field {
    padding: 10px 0;
}

.reservation div.wpforms-container-full input,
.reservation div.wpforms-container-full select {
    height: 50px;
    border-radius: 5px !important;
}

.reservation .wpforms-container textarea {
    border-radius: 5px !important;
}

.reservation div.wpforms-container-full {
    margin-top: 0;
}

.reservation .wpforms-submit-container .wpforms-submit[type=submit] {
    width: 100%;
}

.reservation div.wpforms-container-full .wpforms-field-label-inline {
    color: #fff;
}

/* restaurant page end */

/* Contact Page start */
.contact-btn {
    margin-top: 40px;
}

.contact-btn a img {
    width: 24px;
    margin-right: 10px;
}

.contact-btn a {
    font-size: 16px;
    width: auto;
    padding: 0 15px;
}

.contact-form-area {
    color: #fff;
}

/* Form field area */

.form-control,
.contact-form .wpforms-container .wpforms-field-large,
.contact-form .wpforms-container .wpforms-field-medium {
    width: 100%;
    height: 58px;
    border: 0;
    border-bottom: 2px solid rgba(255, 255, 255, 0.10);
    display: block;
    background-clip: padding-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    background-color: transparent;
    outline: none !important;
}

.contact-form .wpforms-container .wpforms-field-large:focus,
.contact-form .wpforms-container .wpforms-field-medium:focus {
    border: 0;
    border-bottom: 2px solid rgba(255, 255, 255, 0.10);
    box-shadow: none;
}


.form-control::placeholder {
    opacity: 0;
}

.form-floating,
.contact-form .wpforms-container .wpforms-field {
    position: relative;
    padding: 0;
}

.form-floating label,
.contact-form .wpforms-container .wpforms-field label {
    position: absolute;
    top: 2px;
    left: 0;
    height: 100%;
    opacity: 0;
    padding: 15px 0.75rem;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out, transform .1s ease-in-out;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    height: auto;
}

.contact-form .wpforms-container .wpforms-field.wpforms-field-textarea label {
    top: -1px;
}

.form-floating .form-control,
.contact-form .wpforms-container .wpforms-field .wpforms-field-large,
.contact-form .wpforms-container .wpforms-field .wpforms-field-medium {
    padding: 15px 0.75rem;
}

.contact-form .wpforms-container .wpforms-field label.wpforms-field-label-inline {
    padding: 0 0 0 25px;
    font-size: 12px;
    opacity: 1;
}

.form-floating .form-control:focus,
.form-floating .form-control:not(:placeholder-shown),
.contact-form .wpforms-container .wpforms-field .wpforms-field-large:focus,
.contact-form .wpforms-container .wpforms-field .wpforms-field-large:not(:placeholder-shown),
.contact-form .wpforms-container .wpforms-field .wpforms-field-medium:focus,
.contact-form .wpforms-container .wpforms-field .wpforms-field-medium:not(:placeholder-shown) {
    padding-top: 1.625rem!important;
    padding-bottom: 0.625rem!important;
    color: #fff;
}

.form-floating .form-control:focus~label,
.form-floating .form-control:not(:placeholder-shown)~label,
.form-floating .form-select~label,

.contact-form .wpforms-container .wpforms-field .wpforms-field-large:focus~label,
.contact-form .wpforms-container .wpforms-field .wpforms-field-large:not(:placeholder-shown)~label,
.contact-form .wpforms-container .wpforms-field .wpforms-field-medium:focus~label,
.contact-form .wpforms-container .wpforms-field .wpforms-field-medium:not(:placeholder-shown)~label,
.form-floating .form-select~label {
    transform: scale(.85) translateY(-0.5rem) translateX(0.15rem);
    opacity: 0.25;
}

.contact-form .wpforms-container .wpforms-required-label { color: #fff;}

.contact-form .field-group,
.contact-form .wpforms-container .wpforms-field-container .wpforms-field {
    margin-bottom: 28px;
}

.contact-form .field-group label span {
    color: #00A04D;
}

.contact-form .wpcf7-form-control-wrap {
    display: block;
}

/* Chrome, Safari, Edge, Opera */
.field-group input::-webkit-outer-spin-button,
.field-group input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.field-group input[type=number] {
    -moz-appearance: textfield;
    appearance: textfield;
}

.contact-form textarea.form-control,
.contact-form .wpforms-container .wpforms-field .wpforms-field-medium {
    height: 113px;
    resize: none;
}

.contact-form .field-headeing {
    margin-bottom: 21px;
}

.form-headeing {
    color: #26382E;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
}

.form-radio-inline {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
}

.form-radio-inline+.form-radio-inline {
    margin-left: 25px;
}


.wpcf7-list-item.first {
    margin-left: 0;
}

.contact-form small,
.form-link {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 19.8px;
    letter-spacing: 0.24px;
    display: block;
}

.form-link {
    text-decoration: underline;
    display: inline-block;
}

.contact-form small {
    padding-left: 10px;
}

.form-submit {
    display: block;
    margin-top: 22px;
}

.submit-btn {
    width: 220px;
    height: 50px;
    border: 0;
    cursor: pointer;
    font-size: 16px;
}

.contact-form input::placeholder,
.contact-form .wpforms-container .wpforms-field-large::placeholder,
.contact-form .wpforms-container .wpforms-field-medium::placeholder,
.reservation div.wpforms-container-full input::placeholder,
.reservation .wpforms-container textarea::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff !important;
    opacity: 1;
    /* Firefox */
}

.contact-form input:-ms-input-placeholder,
.contact-form .wpforms-container .wpforms-field-large:-ms-input-placeholder,
.contact-form .wpforms-container .wpforms-field-medium:-ms-input-placeholder,
.reservation div.wpforms-container-full input:-ms-input-placeholder,
.reservation .wpforms-container textarea:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff !important;
}

.contact-form input::-ms-input-placeholder,
.contact-form .wpforms-container .wpforms-field-large::-ms-input-placeholder,
.contact-form .wpforms-container .wpforms-field-medium::-ms-input-placeholder,
.reservation div.wpforms-container-full input::-ms-input-placeholder,
.reservation .wpforms-container textarea::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #fff !important;
}

.valid,
.invalid {
    position: relative;
}

.valid:after,
.invalid:after {
    position: absolute;
    content: "";
    background: url(../images/tick.svg) 0 0 no-repeat;
    bottom: 30%;
    right: 0;
    width: 14px;
    height: 14px;
}

.invalid:after {
    background: url(../images/cross.svg) 0 0 no-repeat;
}

.contact-form .field-group.invalid input {
    border-color: #FF0303;
}

.contact-form .field-group.invalid .error {
    color: #FF0303;
    position: absolute;
    right: 0;
    font-size: 16px;
}

/* Form field area end */
.contactpersonen-area {
    background: #F8F9F9;
    padding: 80px 0;
}

.contactpersonen-area h2 {
    color: #04141E;
}

.contactpersonen-area .contact-person {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.03);
    border: none;
    padding: 25px;
    min-height: 190px;
    margin-top: 40px;
}

.contactpersonen-area .contact-person h3 {
    color: #1A1F25;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
}

.contactpersonen-area .contact-person h6 {
    color: #A4A4A4;
}

.contactpersonen-area .row {
    flex-wrap: wrap;
}

.map-area {
    position: relative;
}

.map-area .ticket-box .contact-person {
    border-bottom: 1px solid #F3F3F3;
    padding-bottom: 28px;
    border-top: none;
    padding-top: 0;
    margin-bottom: 20px;
}

.map-area .container {
    position: absolute;
    top: 80px;
    width: 100%;
    left: 0;
    right: 0;
}

.map-area .container .ticket-container {
    flex-direction: row-reverse;
}

.ticket-box .txt ul li span {
    color: #073D86;
    display: inline-block;
    width: 50px;
}

/* Contact Page end */

/* Mail chip form */

.mailchimp #mc_embed_signup_scroll {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.mailchimp #mc_embed_signup .mc-field-group {
    width: auto;
}

.mailchimp #mc_embed_signup form {
    padding: 0;
}

.mailchimp #mc_embed_signup .mc-field-group {
    padding-bottom: 0;
    min-height: inherit;
}

.mailchimp #mc_embed_signup .button,
.mailchimp #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
    margin: 0;
}

.mailchimp #mc_embed_signup {
    background: transparent;
}

.footer-bottom .mailchimp-txt p,
p.copy-txt {
    padding-bottom: 0;
}

.mailchimp #mc_embed_signup .mc-field-group input,
.mailchimp #mc_embed_signup .button {
    display: block;
    width: 220px;
    height: 50px;
    padding: 15px 30px;
    border-radius: 100px;
    line-height: normal;
    font-size: 16px;
    margin-left: 20px;
    outline: none;
    font-family: 'Source Sans 3', sans-serif;
}

.mailchimp #mce-responses {
    position: absolute;
    width: 100% !important;
    bottom: -55px;
    top: auto !important;
    color: #fff;
    font-weight: 400;
}

.mailchimp #mce-responses .response {
    font-weight: 400;
    line-height: 15px;
}

.mailchimp #mc_embed_signup .button {
    background-color: #1D549D;
}

.mailchimp #mc_embed_signup .button:hover {
    background-color: #073064;
}

.mailchimp #mc_embed_signup .mc-field-group:nth-child(1) input {
    margin-left: 0;
}

/* Mail chip form end */

/* popup start */

.popup-wrapper {
    background: linear-gradient(277deg, rgba(0, 0, 0, 0.20) 9.98%, rgba(0, 0, 0, 0.00) 84.75%), rgba(7, 61, 134, 0.70);
    backdrop-filter: blur(5px);
    padding: 30px 20px;
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 9999;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-y: scroll;
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup-wrapper::-webkit-scrollbar {
    display: none;
}

.popup-content {
    width: 583px;
    padding: 40px;
    margin-top: 25px;
    border-radius: 10px;
    background-color: #fff;
    position: relative;
    text-align: center;
}

.popup-close {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #1D549D;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    top: -25px;
    right: -25px;
}

.popup-content p {
    color: #474F53;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    padding-bottom: 25px;
}

.popup-content h2 {
    color: #04141E;
    font-size: 40px;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 12px;
}

.popup-content h3 {
    color: #04141E;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}

.popup-content h4 {
    color: #04141E;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    padding-bottom: 30px;
}

.popup-content h3:before {
    content: "";
    display: block;
    width: 180px;
    height: 1px;
    background-color: #E4E4E4;
    margin: 0 auto 25px;
}

.popup-content .btn-book {
    width: 220px;
    padding: 15px;
    border-radius: 100px;
    background-color: #FA7C0C;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    text-align: center;
    display: block;
    margin: 0 auto;
}

.popup-content .btn-book:hover {
    background-color: #073D86;
}


/* popup end */


/* inner page start */

.subnav-level-1 {
    padding: 24px 0;
}

.subnav-level-1 ul {
    max-width: 952px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.subnav-level-1 ul li {
    padding: 0 35px;
}

.subnav-level-1 ul li:first-child {
    padding-left: 0;
}

.subnav-level-1 ul li {
    color: #04141E;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.subnav-level-1 ul li a {
    color: #04141E;
}

.subnav-level-1 ul li.active a,
.subnav-level-1 ul li a:hover {
    color: #FA7C0C;
}


.subnav-level-2 {
    padding: 24px 0;
    background-color: #F8F9F9;
}

.subnav-level-2 ul {
    max-width: 952px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.subnav-level-2 ul li {
    padding: 0 35px;
}

.subnav-level-2 ul li:first-child {
    padding-left: 0;
}

.subnav-level-2 ul li {
    color: #04141E;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.subnav-level-2 ul li a {
    color: #04141E;
}

.subnav-level-2 ul li.active a,
.subnav-level-2 ul li a:hover {
    color: #FA7C0C;
}

.mob-click {
    display: none;
    background: #073D86;
    width: 50px;
    height: 40px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

.mob-click span {
    position: absolute;
    opacity: 1;
    left: 10px;
    width: 30px;
    height: 2px;
    background: #fff;
    display: block;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.mob-click span:nth-child(1) {
    top: 10px;
}

.mob-click span:nth-child(2) {
    top: 18px;
}

.mob-click span:nth-child(3) {
    top: 26px;
}

.mob-click.open span:nth-child(1) {
    top: 20px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.mob-click.open span:nth-child(2) {
    opacity: 0;
    left: -20px;
}

.mob-click.open span:nth-child(3) {
    top: 20px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.inner-content {
    max-width: 952px;
    margin: 0 auto;
    padding: 30px 0;
}

.inner-content h2 {
    color: #04141E;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 25px;
}
.inner-content h3, .inner-content h4, .inner-content h5{
    margin-bottom: 20px;
}

.inner-content p {
    padding-bottom: 25px;
    font-size: 18px;
}

.pic-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px;
    padding-bottom: 25px;
}

.pic-row .col {
    width: 50%;
    padding: 12px;
}

.pic-row img {
    width: 100%;
    border-radius: 10px;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.pic-row.reverse {
    flex-direction: row-reverse;
}

.txt-box {
    background-color: #F8F9F9;
    padding: 32px 49px 7px;
    height: 100%;
    border-radius: 10px;
}

.txt-box p {
    color: #586069;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.txt-box h3 {
    color: #1A1F25;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    padding-bottom: 8px;
}

.txt-box-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px;
    padding-bottom: 25px;
}

.txt-box-row .col {
    width: 33.33%;
}

.partner-container {
    border-radius: 20px;
    background: linear-gradient(277deg, rgba(0, 0, 0, 0.20) 9.98%, rgba(0, 0, 0, 0.00) 84.75%), #073D86;
    padding: 47px;
    margin: 60px 0 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.partner-container .pic {
    width: 35%;
}

.partner-container .pic img {
    width: 100%;
    border-radius: 10px;
    height: 400px;
    object-fit: cover;
    object-position: center;
    margin-top: -110px;
}

.partner-container .txt {
    width: 65%;
    padding-left: 75px;
}

.partner-container .txt h2 {
    color: #FFF;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    padding-bottom: 14px;
}

.partner-container .txt p {
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
}

.partner-container ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.partner-container ul li {
    padding-right: 55px;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

.partner-container ul li a {
    color: #fff;
}

.partner-container ul li span {
    padding-right: 15px;
}

.partner-container ul li:last-child {
    padding-right: 0px;
}

.txt-box-row.brd .txt-box {
    background-color: #fff;
}

.txt-box-row.brd .col {
    border-left: 2.5px solid #F8F9F9;
    border-right: 2.5px solid #F8F9F9;
    border-bottom: 5px solid #F8F9F9;
}

.txt-box-row.brd .col:first-child {
    border-left: 0;
}

.txt-box-row.brd .col:last-child {
    border-right: 0;
}

.inner-content table {
    font-size: 18px;
}

.inner-content .match-list h2 {
    color: #04141E;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 20px 24px;
    background-color: #F8F9F9;
}

.innerpage-container .gallery-area {
    padding: 30px 0;
}

.banner-part,
.form-sec,
.video-part {
    margin-top: 30px;
    margin-bottom: 30px;
}

.banner-part .container-full,
.video-part .container-full {
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
}

.banner-partin {
    height: 660px;
    overflow: hidden;
}

.banner-part img,
.img-area img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.form-sec {
    padding: 85px 75px;
    background-color: #073D86;
    border-radius: 20px;
}

.form-sec .mailchimp #mc_embed_signup .mc-field-group input,
.form-sec .mailchimp #mc_embed_signup .button {
    width: 200px;
}

.imgsection {
    position: relative;
    display: inline-flex;
    justify-content: flex-end;
    padding: 35px 0 100px 0;
    overflow: hidden;
    margin-bottom: 35px;
}

.img-area {
    width: 708px;
    height: 600px;
    border-radius: 10px;
    position: absolute;
    left: 0;
}

.img-area img {
    border-radius: 10px;
}

.img-area-txt {
    border-radius: 20px 20px 20px 0px;
    background: #FFF;
    position: relative;
    right: 0;
    width: 60%;
    padding: 40px 70px;
    top: 100px;
}

.img-area-txt ul {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.img-area-txt ul li {
    width: 46%;
}

.img-area-txt ul li p {
    padding-bottom: 0;
}

.img-area-txt ul li h3 {
    color: #04141E;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
}

.img-area-txt ul li h3 span {
    display: block;
    color: #FA7C0C;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    text-transform: uppercase;
    padding: 5px 0 10px 0;
}

.video-part .video-normal {
    height: 660px;
}

.innerpage-container .contactpersonen-area {
    background: #fff;
    padding: 30px 0;
}

.innerpage-container .contactpersonen-area .contact-person {
    background: #F8F9F9;
}

.page-template-template-anyinnerpage .gallery-area {
    margin-top: 40px;
    margin-bottom: 40px;
}

.page-template-template-anyinnerpage .pic-area {
    height: 400px;
    overflow: hidden;
}

/* inner page end */

/* Back to top */

#topbutton {
    display: inline-block;
    background-color: #FA7C0C;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 100px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s,
        opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}

#topbutton::after {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    line-height: 50px;
    color: #fff;
}

#topbutton:hover {
    cursor: pointer;
    background-color: #333;
}

#topbutton:active {
    background-color: #555;
}

#topbutton.show {
    opacity: 1;
    visibility: visible;
}

/* Back to top */

/* CRAWLER CSS */
.leagueList {
    width: 100%;
    overflow-x: auto;
}

.leagueList>span.section-title,
.leagueList>span.competition-name {
    display: none;
}

.accordion-content ol li, .single-ourfaq .blog-content-wrapper ol li {
    list-style: auto;
    margin-bottom: 35px;
}

.accordion-content li img, .single-ourfaq .blog-content-wrapper li img {
    margin-top: 20px;
}

img.alignnone {
    display: block;
}

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

    .leagueList>table td,
    th {
        padding: 5px 10px;
    }
}

/* END CRAWLER CSS */

/* Calender css */
.teamDetails ul {
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.teamDetails ul li {
    display: inline-flex;
    width: 100%;
    gap: 10px;
    margin-bottom: 15px;
}

.teamDetails ul li span {
    width: 50%;
}

/* Calender css end */

/* Tickting tab area */
.ticketing-page {
    padding: 0;
    background-color: transparent;
}

.ticketing-page #tabs-nav li a {
    color: #073D86;
}

.ticketing-page.livestream #tabs-nav li:after {
    background: rgba(0, 0, 0, 0.30);
}

.ticket-content .ticketing-page .txt h2 {
    font-size: 34px;
}

/* Tickting tab area end */

/* bestuurInnerPage start */
.bestuurInnerPage .player-details {
    width: 100%;
}

.bestuurInnerPage.team-box-in .common-area-txt h2 {
    color: #fff;
}

.bestuurInnerPage .mail {
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
}

.bestuurInnerPage .mail a {
    color: #fff;
}

.bestuurInnerPage .mail img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.bestuurInnerPage .mail span {
    height: 20px;
}

.bestuurInnerPage.team-box-in .common-area-txt {
    min-height: 190px;
    align-items: flex-start;
}

/* bestuurInnerPage end */

/* 10.10.2023 */

.hex-background.innerflag img {
    /* width: 61px !important;
    height: 64px !important;
    object-fit: none; */
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    margin: 0 !important;
    vertical-align: middle !important;
}

.ticket-wholebox-link {
    position: relative;
}

.ticket-wholebox-link .inner-ticketing {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.ticketing-page .tab-content a {
    color: #047eb9;
}

.team-inner-cal .match-list-rgt {
    display: none;
}

.team-inner-cal .match-list-lft,
.team-inner-cal .table-responsive table {
    width: 100%;
}


.streamArea ul li span {
    height: 50px;
    overflow: hidden;
}

.streamCompetitie {
    display: block;
    font-size: 16px;
}

.streamArea {
    min-height: 342px;
}

.streamDate {
    min-height: 84px;
}

.score a {
    color: #04141E;
}

.ticketing,
.restaurant {
    display: block;
}

.ticketing a,
.restaurant a {
    color: #073D86;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}

.home-logo .owl-carousel .owl-stage {
    display: flex;
    align-items: center;
}

#homelogoSlider .owl-nav {
    top: 35%;
}

.logo-inner-header {
    background-color: #fff;
    padding: 10px;
    width: 100%;
    border-radius: 0px 0px 10px 10px;
}

.conversal-logo {
    display: flex;
    align-items: center;
}

.contact-btn .blue-btn:hover {
    background-color: #FA7C0C;
}

.reservation div.wpforms-container-full input,
.reservation div.wpforms-container-full select,
.reservation .wpforms-container textarea {
    background-color: transparent !important;
    border: none !important;
    border-bottom: 2px solid rgba(255, 255, 255, 0.10) !important;
    color: #fff !important;
    box-shadow: none !important;
}

.reservation div.wpforms-container-full select {
    background-image: linear-gradient(45deg, transparent 50%, #fff 50%), linear-gradient(135deg, #fff 50%, transparent 50%) !important;
}

/* This container is needed to position the front and back side */
.single-ourteam .team-img {
    position: relative;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.single-ourteam .team-box-in:hover .team-img {
    transform: rotateY(180deg);
}

.single-ourteam .team-box-in:hover .team-img.default-team-img {
    transform: none;
}

/* Position the front and back side */
.single-ourteam .team-box-in .player-image,
.team-box-in .player-hoverimage {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}

/* Style the back side */
.single-ourteam .team-box-in .player-hoverimage {
    color: white;
    transform: rotateY(180deg);
}

.single-ourteam .team-box .team-img:after {
    display: none;
}

.mailchimp .wpforms-layout-column label {
    display: none;
}

.mailchimp .wpforms-form {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.mailchimp div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column-50 {
    max-width: 230px;
}

.mailchimp .wpforms-submit-container {
    padding: 0 !important;
    margin: 15px 0 0 20px !important;
}

.mailchimp .wpa-test-msg {
    width: 100%;
}

.mailchimp div.wpforms-container .wpforms-form .wpforms-field input {
    border-radius: 100px;
    height: 50px;
}

.mailchimp .wpforms-submit-container .wpforms-submit[type=submit] {
    background-color: #1D549D !important;
}

.mailchimp .wpforms-submit-container .wpforms-submit[type=submit]:hover {
    background-color: #FA7C0C !important;
}

.footer-bottom .row {
    align-items: center;
}

/* .contact-form .wpforms-container .wpforms-field label {
    display: none;
} */

.single-ourteam .team-box-in .common-area-txt h2 {
    text-transform: uppercase;
}

.default-less-banner .item {
    height: 433px;
}

.inner-banner .container {
    z-index: 2;
}

.mailchimp .wpforms-confirmation-container-full {
    border-radius: 10px;
}

.mailchimp .wpforms-confirmation-container-full p {
    font-size: 16px;
    text-align: center;
}


body.single-ourteam .team-container #tab4 .team-sec.klassment-extra-class {
    width: 75%;
    margin: 20px auto;
}
.single-ourteam .match-list ul{
    padding-top: 30px;
}
.single-ourteam .match-list li a, .page-template-template-anyinnerpage .innerpage-container .inner-content ul li a, .page-template-template-anyinnerpage .innerpage-container .inner-content a {
    color: #047eb9;
}
.single-ourteam .match-list li a:hover, .page-template-template-anyinnerpage .innerpage-container .inner-content ul li a:hover, .page-template-template-anyinnerpage .innerpage-container .inner-content a:hover{
    border-bottom: 1px solid;
}
.default-match-details h3{
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    font-weight: 400;
    margin-bottom: 24px;
}
.default-match-details .container-full{
    display: block;
    padding: 0;
}
/* 10.10.2023 */

/* top bar slide start */

.wrapper{
    height: 50px;
  }
    
@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}



@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

/* top bar slide end */

/* restaurant page start */

.restaurant-container .sponsors-container{
    padding: 0;
}
.restaurant-container .restaurant-box{
    margin-left: 0;
    padding: 30px 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.restaurant-container .restaurant-box h3{
    font-size: 18px;
}
.restaurant-container .restaurant-box ul li {
    font-size: 15px;
    line-height: 25px;
}
.restaurant-container .bottom-logo{
    margin-bottom: 20px;
}
.restaurant-container {
    padding: 72px 0;
    background-color: #F8F9F9;
}

.restaurant-container .form-container {
    padding: 46px 98px;
    background: linear-gradient(277deg, rgba(0, 0, 0, 0.20) 9.98%, rgba(0, 0, 0, 0.00) 84.75%), #073D86;
    border-radius: 10px;
}

.restaurant-container .form-container h2 {
    color: #FFF;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 39px;
}

.restaurant-box {
    border-radius: 10px;
    background: #FFF;
    text-align: center;
    box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.03);
    padding: 48px 73px;
    margin-left: 107px;
}

.restaurant-box .top-logo {
    padding-bottom: 20px;
}

.restaurant-box h2 {
    color: #04141E;
    font-size: 32px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 8px;
    padding-bottom: 24px;
}

.restaurant-box p {
    color: #474F53;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    padding-bottom: 30px;
}

.restaurant-box h3 {
    color: #04141E;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}

.restaurant-box h4 {
    color: #04141E;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    padding-bottom: 20px;
}

.restaurant-box h4:after {
    content: "";
    display: block;
    width: 180px;
    height: 1px;
    background-color: #E4E4E4;
    margin: 30px auto 0;
}

.restaurant-box ul li {
    color: #474F53;
    font-size: 20px;
    line-height: 30px
}

.restaurant-box ul li:before { content: "•"; display: block;}

.restaurant-box ul li:first-child:before {
    display: none;
}

.bottom-gallery {
    display: flex;
    flex-wrap: wrap;
    background-color: #F8F9F9;
}

.bottom-gallery .col {
    padding: 12px;
}

.bottom-gallery .col.left {
    width: 40%;
}

.bottom-gallery .col.middle {
    width: 25%;
}

.bottom-gallery .col.right {
    width: 35%;
}

.bottom-gallery img {
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.bottom-gallery .col.left img,
.bottom-gallery .col.middle img {
    height: 696px;
}

.bottom-gallery .col.right img,
.bottom-gallery .col.right .pic {
    height: 335px;
}

.bottom-gallery .col.right .pic:first-child {
    margin-bottom: 26px;
}

.bottom-gallery .col.right .pic {
    position: relative;
}

.bottom-gallery .logo-pic {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 9;
}

.bottom-gallery .logo-pic img {
    height: auto !important;
    width: auto !important;
}


.reservation .wpforms-container .wpforms-field {
    padding: 10px 0;
}

.reservation div.wpforms-container-full input,
.reservation div.wpforms-container-full select {
    height: 50px;
    border-radius: 5px !important;
}

.reservation .wpforms-container textarea {
    border-radius: 5px !important;
}

.reservation div.wpforms-container-full {
    margin-top: 0;
}

.reservation .wpforms-submit-container .wpforms-submit[type=submit] {
    width: 100%;
}

.reservation div.wpforms-container-full .wpforms-field-label-inline {
    color: #fff;
}

.c-reservation_section{
    padding: 57px 0 130px 0;
    background: #F8F9F9;
}
.c-reservation_block{
    max-width: 952px;
    margin: 0 auto;
    padding: 40px 76px 64px 76px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.03);
}
.c-reservation_img{
    width: 100%;
}
.c-reserve_link{
    text-transform: uppercase;
    font-size: 16px;
    text-align: center;
    border: 0;
    background-color: #FA7C0C;
    color: #ffffff;
    white-space: nowrap;
    font-weight: 600;
    border-radius: 80px;
    padding: 15px 42px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.c-reserve-btn{
    padding-top: 46px;
    margin-top: auto;
}


/* restaurant page end */

.xdj266r ul{
    padding-top: 26px !important;
}
.bestuurInnerPage.team-box:hover .team-img:after{
    display: none;
}
#homeSlider .owl-dots, #homemobSlider .owl-dots{
 position: absolute;
 bottom: 10px;
 text-align: center;
 left: 0;
 right: 0;
 margin: 0 auto;
}
#homeSlider .owl-dot, #homemobSlider .owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: transparent !important;
    border: 1px solid #FA7C0C;
}
#homeSlider .owl-dot + .owl-dot, #homemobSlider .owl-dot + .owl-dot{
    margin-left: 5px;
}
#homeSlider .owl-dot.active, #homemobSlider .owl-dot.active {
    background: #FA7C0C !important;
}

/* Highlight teams on klassement/ranking */

.single-ourteam tr.font-bold,
.single-ourteam tr.current-team,
.page-template-template-home tr.current-team {
	background-color: #1D549D;
    color: #ffffff;
}
nav .navbar .top-menu-show-mobile.links{
    display: none;
}

::placeholder {
  color: transparent;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12-18 */
  color: transparent;
}

.okapiaalst-sitemap h2{
    font-size: 30px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 5px solid #F8F9F9;
}
.okapiaalst-sitemap li ul{
    margin-top: 15px!important;
}
#accordion-footer .accordion-sub-footer{
    display: none;
    padding-top: 20px;
    padding-bottom: 0;
    width: 140px;
    margin-left: 20px;
}
#accordion-footer li{
    position: relative;
    width: 150px;
}
#accordion-footer li i{
    color: #fff;
    position: absolute;
    width: 100%;
    right: 0;
    top: 4px;
    height: 70%;
    cursor: pointer;
}
#accordion-footer li:first-child i{
    display: none;
}
#accordion-footer li:first-child .accordion-sub-footer{
    margin-left: 0;
    width: auto;
}
#accordion-footer li:first-child .accordion-sub-footer{
    display: block;
}
#accordion-footer li a.extra-team-footer:before{
    display: none;
}
.gallery-area .mobile-view{
    display: none;
}
.top-menu-show-mobile{
    display: none;
}


/* Error page */

.banner-style-2 h1 {
    color: #073D86;
    font-size: 120px;
    font-style: normal;
    font-weight: 800;
    line-height: 72px;
    letter-spacing: -2.4px;
}
.banner-style-2 h1 span p{
    color: #073D86;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0.96px;
    text-transform: capitalize;
    margin-top: 30px;
}
.banner-style-2{
    padding: 60px 0;
}
.banner-style-2 .row{
    align-items: center;
}

.bottom-item-container .box {
    position: relative;
}

.bottom-item-container .box a.full {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    z-index: 100;
}

.volg-container {
    padding: 3rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 500px;
    margin-inline: auto;
}

.volg-container h3 {
    font-size: clamp(30px, 5vw, 40px);
}

.volg-icons {
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
    gap: clamp(1rem, 3vw, 2rem);
    padding-bottom: 2rem;
    border-bottom: 1px solid rgb(29 84 157 / 10%);
}

.volg-icons li a {
    width: 54px;
    height: 54px;
    display: block;
    color: #fff;
    border-radius: 50%;
    background: #1D549D;
    line-height: 58px;
    font-size: 150%;
}

.volg-icons li a:hover {
    background: #FA7C0C;
}

.volg-container h4 {
    font-weight: 600;
    font-size: 20px;
}

.volg-icons li a.x {
    display: flex;
    justify-content: center;
    align-items: center;
}

.volg-icons li a.x:before {
    content: "";
    width: 22px;
    height: 22px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.08985 1.14314C1.16425 1.24683 2.88738 3.69649 4.91903 6.5868C6.95069 9.47711 8.82977 12.15 9.09481 12.5267C9.35982 12.9033 9.57665 13.219 9.57665 13.2282C9.57665 13.2375 9.47796 13.3563 9.35735 13.4923C9.23674 13.6283 8.897 14.0133 8.60242 14.3478C8.30782 14.6823 7.8112 15.2462 7.49882 15.6008C7.18645 15.9554 6.6369 16.5794 6.27759 16.9875C5.91829 17.3957 5.27217 18.1294 4.84176 18.6181C3.51058 20.1296 3.31848 20.3479 2.30515 21.5006C1.76407 22.1161 1.24521 22.7046 1.15215 22.8084C1.05908 22.9122 0.982937 23.008 0.982937 23.0213C0.982937 23.0369 1.3228 23.0455 1.94048 23.0455H2.89799L3.95068 21.8473C4.52967 21.1883 5.10082 20.5396 5.21989 20.4058C5.47737 20.1165 7.44098 17.8849 7.60603 17.6941C7.66922 17.621 7.76101 17.517 7.81001 17.4629C7.85903 17.4089 8.24535 16.9705 8.66851 16.4888C9.09164 16.0071 9.44949 15.6011 9.46366 15.5867C9.47786 15.5723 9.70187 15.3177 9.96147 15.0211C10.2211 14.7244 10.4415 14.4816 10.4513 14.4816C10.4611 14.4816 11.7947 16.3675 13.4148 18.6723C15.0349 20.9772 16.3893 22.9039 16.4247 22.9538L16.489 23.0445L19.7735 23.045C22.4745 23.0454 23.0557 23.0398 23.0454 23.0136C23.0344 22.9856 21.4608 20.7438 17.4237 15.0047C14.5175 10.8732 14.131 10.318 14.1421 10.2898C14.1529 10.2625 14.5487 9.81025 17.1512 6.8524C17.5976 6.34504 18.213 5.64526 18.5187 5.29735C18.8244 4.94944 19.1331 4.5991 19.2046 4.51882C19.2762 4.43853 19.6524 4.01155 20.0406 3.56998C20.4288 3.1284 21.0888 2.37809 21.5072 1.90263C21.9256 1.42716 22.2833 1.01935 22.3021 0.996363C22.3343 0.957023 22.2796 0.95459 21.3637 0.95459H20.3911L19.9586 1.44726C19.3828 2.10293 18.3421 3.2853 18.0466 3.61942C17.916 3.76705 17.7531 3.95258 17.6846 4.0317C17.6161 4.11082 17.481 4.26373 17.3843 4.3715C17.2876 4.47928 16.8004 5.03277 16.3016 5.60147C15.8028 6.17016 15.3879 6.64093 15.3795 6.64762C15.3712 6.65431 15.2643 6.7754 15.142 6.91673C14.9281 7.16391 14.7105 7.41134 13.7123 8.54202C13.2741 9.03833 13.2516 9.05964 13.2147 9.01403C13.1935 8.98775 11.9094 7.16372 10.3613 4.96066L7.54654 0.955101L4.25057 0.954833L0.95459 0.95459L1.08985 1.14314ZM3.66231 2.45672C3.68707 2.49363 4.30288 3.35588 5.0308 4.37284C6.41135 6.30156 11.8364 13.8852 15.3252 18.7636C16.4401 20.3225 17.3659 21.6117 17.3826 21.6285C17.4063 21.6526 17.7309 21.6578 18.8994 21.6529L20.386 21.6466L16.4959 16.209C14.3563 13.2183 11.2585 8.88834 9.61197 6.5868L6.61822 2.40218L5.11778 2.3959L3.61735 2.38962L3.66231 2.45672Z' fill='%23FAFAFA'/%3E%3C/svg%3E");
}

.volg-container .wpforms-field-label {
    display: none !important;;
}

.volg-container input {
    border: 1px solid #525A5E !important;
    padding: 1.5rem !important;
    border-radius: 50px !important;
}

.volg-container .wpforms-field {
    padding: 0 !important
}

@media(max-width: 600px) {
    .wpforms-field-layout-preset-50-50 {
        gap: 1rem;
    }
}

/*Styling mollie form*/
.mollie_form{
	padding-top: 40px;
}

.mollie_form p:last-child{
	text-align: end;
}

.submit_button_mollie_form{
	color: white;
    border-radius: 80px;
    padding: 10px 50px;
    font-size: 16px;
	background-color: #073D86;
}

.submit_button_mollie_form:hover{
	background-color: #fa7c0c;
	border-color: #fa7c0c;
}

.input_field_mollie_form,.text_field_mollie_form,.dropdown_mollie_form{
	border: none;
    border-bottom: 2px solid #073D86;
	padding-top: 10px;
	font-size: 16px;
}

.input_field_mollie_form::placeholder,.text_field_mollie_form::placeholder,.dropdown_mollie_form::placeholder{
	color: black;
}


.input_field_mollie_form:focus, .text_field_mollie_form:focus{
	outline:none;
	border-color: #fa7c0c;
}

.dropdown_mollie_form:focus{
	outline:none;
	list-style-type: none;
}

.dropdown_mollie_form td input{
	border-radius: 20px;
    border: 2px solid #073D86;
    padding: 5px;
    background-color: transparent;
}

.dropdown_mollie_form td input:focus{
    border: 2px solid #fa7c0c;
	outline: none;
}

.radio_button_mollie_form, .dropdown_mollie_form{
	accent-color: #073D86;
}

.dropdown_mollie_form li:before{
	content: none;
}

.text_mollie_form{
	font-size: 20px;
    font-weight: bold;
}

.case-video_section iframe { width:100% !important; height:530px !important; }