@charset "UTF-8";
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-font-smoothing: antialiased;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  font-family: "Barlow", sans-serif;
  font-size: 18px;
  line-height: 1.55;
  color: #1C242E;
  background-image: -webkit-gradient(linear, right top, left top, from(#F6F8FA), to(#FAF6F8));
  background-image: linear-gradient(270deg, #F6F8FA 0%, #FAF6F8 100%);
  font-weight: 400;
  margin-top: 46px;
}


/* css-caseta mobile Netflix */


@media all and (max-width: 640px) {
	
	.sticky {
  display: block;
  margin: 0px;
  padding: 0px;
  border-radius: 0px;
  border: 0px;
  min-width: 0px;
  min-height: 0px;
  background-image: none;
  overflow: visible;
  width: 100%;
  height: auto;
  max-width: 100%;
  position: fixed;
  left: 0px;
  bottom: 0px;
  z-index: 9000000;
  max-height: 100px;
  background-color: transparent;
		
	}
  .hero .C1 .text-container h2:hover,
  .hero .C1 .text-container .h2:hover {
    color: #e50914 /*Netflix*/
  }

	
	.banner-m-top {
			background-color: #031a2a !important;
			width: 100%;
  }	




  
  
  
 /* @media (max-width: 767px) {
.banner-m-top {
    background-color: #ca202d !important;
	width: 100%;
}
	*/
	
	.hero .C2 .news-item {
 /* background-image: -webkit-gradient(linear, right top, left top, from(#1a0933), to(#301974))!important;
  background-image: linear-gradient(270deg, #1a0933 0%, #301974 100%)!important;*/
			background: #ca202d;
	}

	.hero .C2 .text-container .h6 {
		    color: #cc0200 !important;
	}
	
	
	.hero .C2 .text-container .h6::before {
   /* background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(48, 25, 116, 0)), color-stop(71%, #301974)) !important;
    background-image: linear-gradient(to top, rgba(48, 25, 116, 0) 0%, #301974 71%) !important;*/
			background: #031a2a!important;
}	
	
	.hero .C2 .text-container .h6::after {
		
		    background-image: url(../images/h6shape-netflix-ian.png) !important;
	}
	
	.hero .C2 .text-container h2, .hero .C2 .text-container .h2 {
			color: #fff !important;
			background: #031a2a!important;
}
	
	.marcaj {
			background: #cc0200!important;
	}

/* article-mobil Netflix */

#id41 {

			background-color: #040404 !important;
			width: 100%;
  }
  
  
#id42 {
	color: #fff !important;
    background: #031a2a !important;
  }	

#id43 {color: #cc0200 !important;}

#id44 {color: #fff !important;}

#id45 {padding: 20px 0 22px; margin-bottom:0px !important}

.article-container .banner {padding: 20px 0 22px;}

	
}


@media all and (min-width: 768px) { #id31 {
background: #ffffff !important;
margin-bottom:20px;
background-color: #ffffff;
}

#id34 {
background-color: #ffffff;
}


/* Stilizare articol Netflix */

  #id40 {
		background-image:url(../netflix-stanga-simulare.jpg);
		background-position: center 0;
		background-repeat: no-repeat;
	  
  }

.article-hero {
	margin-bottom: 20px;
}

}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) body {
    color: #EBE3E7;
    background-color: #0E1823;
  }
}

:root[data-theme=dark] body {
  color: #EBE3E7;
  background-color: #0E1823;
}

@media all and (max-width: 767px) and (orientation: landscape) {
  body {
    margin-top: 0 !important;
  }
}

@media all and (min-width: 768px) and (max-width: 1023px) and (orientation: landscape) {
  body {
    margin-top: 0 !important;
  }
}

@media all and (min-width: 768px) {
  body {
    margin-top: 52px;
  }
}

body.contains-gallery {
  margin: 0;
  background-image: none;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) body.contains-gallery {
    background-color: #1C242E;
  }
}

:root[data-theme=dark] body.contains-gallery {
  background-color: #1C242E;
}

@media all and (min-width: 768px) {
  body.contains-gallery {
    margin: 0;
  }
}

@media all and (min-width: 1150px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) body.contains-gallery {
    background-color: #1C242E;
  }
}

@media all and (min-width: 1150px) {
  :root[data-theme=dark] body.contains-gallery {
    background-color: #1C242E;
  }
}

strong {
  font-weight: 700;
}

mark {
  background-color: #FFE8AB;
}

h1,
.h1 {
  font-size: 24px;
  letter-spacing: -.2px;
  line-height: 1.2;
  font-family: "Barlow", sans-serif;
  margin: 0;
  font-weight: 700;
}

h2,
.h2 {
  font-size: 21px;
  letter-spacing: -.2px;
  line-height: 1.15;
  font-family: "Barlow", sans-serif;
  margin: 0;
  font-weight: 700;
}

@media all and (min-width: 360px) {
  h2,
  .h2 {
    font-size: 24px;
    line-height: 1.2;
  }
}

h2.big-h2,
.h2.big-h2 {
  font-size: 30px;
  letter-spacing: -.5px;
}

@media all and (min-width: 768px) {
  h2.big-h2,
  .h2.big-h2 {
    font-size: 36px;
    letter-spacing: -1px;
  }
}

h3,
.h3 {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1.16;
  font-family: "Barlow", sans-serif;
  margin: 0;
  font-weight: 700;
}

h6,
.h6 {
  font-size: 11px;
  letter-spacing: .2px;
  line-height: 1.1;
  font-family: "Barlow", sans-serif;
  margin: 0;
  font-weight: 700;
  text-transform: uppercase;
  color: #E01B2F;
  pointer-events: none;
}

h6 a,
.h6 a {
  border-bottom: 1px solid rgba(224, 27, 47, 0);
  pointer-events: initial;
  padding-top: 5px;
}

@media (hover: hover) {
  h6 a:hover,
  .h6 a:hover {
    border-bottom-color: #E01B2F;
  }
}

p {
  font-size: 18px;
  font-family: "Merriweather", serif;
  line-height: 1.55;
  margin-bottom: 20px;
  font-weight: 300;
}

input:not([type='checkbox']):not([type='radio']),
textarea,
select {
  font-family: "Merriweather", serif;
  font-size: 18px;
  line-height: 1.55;
  color: #1C242E;
  background-color: #FFF;
  font-weight: 400;
  border-radius: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border: 1px solid rgba(0, 0, 0, 0.15);
  outline: none;
  width: 100%;
  margin: 0 0 15px;
  padding: 12px 15px 10px;
}

input:not([type='checkbox']):not([type='radio']).half,
textarea.half,
select.half {
  width: calc((100% - 15px) / 2);
}

input:not([type='checkbox']):not([type='radio']):focus,
textarea:focus,
select:focus {
  border: 1px solid rgba(224, 27, 47, 0.5);
}

input[type='checkbox'] {
  margin: 20px 10px 0 0;
  display: inline-block;
  vertical-align: top;
}

input[type='checkbox'] + label {
  margin: 15px 0 5px;
  vertical-align: top;
  width: calc(100% - 40px);
}

select {
  background-image: url(../images/dropdown-arrow.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 14px) center;
}

button,
input[type=submit] {
  display: inline-block;
  background-color: #E01B2F;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border: none;
  outline: none;
  color: #FFF;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  border-radius: 10px;
  padding: 13px 35px 14px;
  margin-top: 15px;
  cursor: pointer;
}

button:hover, button:focus,
input[type=submit]:hover,
input[type=submit]:focus {
  outline: none;
  background-color: #1C242E;
}

.spacer.x10 {
  height: 10px;
}

.spacer.x15 {
  height: 15px;
}

.spacer.x20 {
  height: 20px;
}

.spacer.x25 {
  height: 25px;
}

.spacer.x30 {
  height: 30px;
}

.more {
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #E01B2F;
  background-color: #FAF6F8;
  border: 1px solid #E01B2F;
  text-transform: uppercase;
  text-align: center;
  padding: 12px;
  border-radius: 5px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .more {
    background-color: #0E1823;
  }
}

:root[data-theme=dark] .more {
  background-color: #0E1823;
}

@media (hover: hover) {
  .more:hover {
    background-color: #E01B2F;
    color: #FFF;
  }
}

@media (hover: hover) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .more:hover {
    background-color: #E01B2F;
    color: #FFF;
  }
}

@media (hover: hover) {
  :root[data-theme=dark] .more:hover {
    background-color: #E01B2F;
    color: #FFF;
  }
}

.main-container {
  margin: 0 auto;
  max-width: 450px;
  background-color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media all and (min-width: 768px) {
  .main-container {
    margin: 0 auto;
    max-width: 100%;
  }
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .main-container {
    background-color: #1C242E;
  }
}

:root[data-theme=dark] .main-container {
  background-color: #1C242E;
}

.main-container > * {
  width: 100%;
}

.main-container.gallery-container {
  height: 100vh;
  max-width: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}

.controller {
  margin: 0 auto;
  max-width: 1260px;
}

@media all and (min-width: 768px) {
  .controller {
    width: calc(100% - 60px);
  }
}

.banner {
  background-color: #F5F0F3;
  text-align: center;
  width: 100%;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .banner {
    background-color: transparent;
  }
}

:root[data-theme=dark] .banner {
  background-color: transparent;
}

.banner.branding {
  display: none;
  background-color: transparent;
}

@media all and (min-width: 768px) {
  .banner.branding {
    display: block;
  }
}

.banner.stick-to-top {
  margin-top: -12px;
}

.banner.x970x250 {
  display: none;

}

@media all and (min-width: 1280px) {
  .banner.x970x250 {
    display: block;
    padding: 30px 0;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  }
}

.banner.mobile-only {
  padding: 20px 0;
}

@media all and (min-width: 768px) {
  .banner.mobile-only {
    display: none;
  }
}

.banner.article-top {
  padding: 14px 0;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .banner.article-top {
    background-color: #0E1823;
  }
}

:root[data-theme=dark] .banner.article-top {
  background-color: #0E1823;
}

@media all and (min-width: 768px) {
  .banner.article-top {
    padding: 0px 0;
  }
}

@media all and (min-width: 1280px) {
  .banner.article-top {
    padding: 0px 0;
  }
}

@media all and (min-width: 768px) {
  .banner.article-top .x320x50 {
    display: none;
  }
}

.banner.article-top .x728x90 {
  display: none;
}

@media all and (min-width: 768px) {
  .banner.article-top .x728x90 {
    display: block;
  }
}

@media all and (min-width: 1280px) {
  .banner.article-top .x728x90 {
    display: none;
  }
}

.banner.article-top .x970x250 {
  display: none;
}

@media all and (min-width: 1280px) {
  .banner.article-top .x970x250 {
    display: block;
  }
}

.news-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-color: #FFF;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .news-item {
    background-color: #0E1823;
  }
}

:root[data-theme=dark] .news-item {
  background-color: #0E1823;
}

@media all and (max-width: 767px) {
  .news-item {
    overflow: hidden;
  }
}

@media all and (min-width: 768px) {
  .news-item {
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 15px;
    overflow: hidden;
  }
}

@media all and (max-width: 767px) {
  .news-item::before {
    content: '';
    position: absolute;
    height: 10px;
    width: 100%;
    left: 0;
    top: -10px;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  }
}

@media all and (max-width: 767px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .news-item::before {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
            box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
  }
}

@media all and (max-width: 767px) {
  :root[data-theme=dark] .news-item::before {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
            box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
  }
}

@media all and (max-width: 767px) {
  .news-item.poll-container {
    margin-top: -5px;
    padding-top: 0 !important;
  }
}

@media all and (max-width: 767px) {
  .news-item.poll-container::before {
    display: none;
  }
}

.news-item .comments-no {
  position: absolute;
  font-size: 11px;
  line-height: 1.1;
  right: 0;
  top: 0;
  color: #FFF;
  padding: 9px 8px 9px 24px;
  background-color: rgba(0, 0, 0, 0.5);
  background-image: url(../images/comment-w.svg);
  background-repeat: no-repeat;
  background-size: 10px 10px;
  background-position: 10px 10px;
  border-radius: 0 0 0 10px;
  opacity: .75;
}

.news-item .comments-no.partner-icon {
  background-color: #FFF;
  opacity: 1;
  background-image: none;
  padding: 4px 10px 7px;
}

@media all and (min-width: 1280px) {
  .news-item .comments-no.partner-icon {
    padding: 2px 5px 7px 10px;
  }
}

.news-item .comments-no.partner-icon img {
  max-height: 20px;
  max-width: 150px;
}

@media (hover: hover) {
  .news-item .comments-no:hover {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.8);
  }
  .news-item .comments-no:hover.partner-icon {
    background-color: #FFF;
  }
}

.thumb {
  background-image: -webkit-gradient(linear, right top, left top, from(#005F6A), to(#00326A));
  background-image: linear-gradient(to left, #005F6A 0%, #00326A 100%);
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 66.66%;
  position: relative;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.thumb > img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}

.thumb .breaking-news {
  background-color: rgba(255, 182, 0, 0.85);
  position: absolute;
  bottom: 0;
  right: 0;
  color: #1C242E;
  height: 24px;
  width: 100%;
  text-align: right;
  padding: 6px 15px 0 0;
  pointer-events: none;
}

.thumb .video-icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.thumb .video-icon img {
  width: 58px;
  height: 58px;
  position: static;
  border-radius: 200px;
  border: 3px solid #FFF;
}

.thumb-video {
  background-image: -webkit-gradient(linear, right top, left top, from(#005F6A), to(#00326A));
  background-image: linear-gradient(to left, #005F6A 0%, #00326A 100%);
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.thumb-video iframe,
.thumb-video embed {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}

.thumb-video + .text-container h6,
.thumb-video + .text-container .h6 {
  margin-top: 0;
}

.thumb-video + .text-container h6::before, .thumb-video + .text-container h6::after,
.thumb-video + .text-container .h6::before,
.thumb-video + .text-container .h6::after {
  display: none;
}

.thumb-video + .text-container h2,
.thumb-video + .text-container .h2 {
  margin-top: 5px;
}

.marcaj {
  display: inline-block;
  background: #ca202d;
  text-transform: uppercase;
  padding: 2px 8px 3px;
  font-size: 15px;
  vertical-align: top;
  margin: 3px 8px 0 0;
  border-radius: 5px;
  font-weight: 700;
  color: #fff;
}

.marcaj--live {
  background-image: -webkit-gradient(linear, right top, left top, from(#FF6C00), to(#EB003C));
  background-image: linear-gradient(270deg, #FF6C00 0%, #EB003C 100%);
  color: #FFF;
}

@-webkit-keyframes marcaj--live__dot {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes marcaj--live__dot {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.marcaj--live__dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  background-color: #96FF00;
  -webkit-animation-name: marcaj--live__dot;
          animation-name: marcaj--live__dot;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  vertical-align: middle;
  border-radius: 50%;
  margin: -3px 4px 0 -1px;
}

@media all and (min-width: 768px) {
  .marcaj--live__dot {
    margin-top: -2px;
  }
}

.gallery-link {
  display: block;
  position: absolute;
  left: 15px;
  bottom: 15px;
  color: #FFF;
  font-size: 16px;
  height: 39px;
  line-height: 1.1;
  font-weight: 700;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 10px 9px 0 46px;
  background-image: url(../images/icon-gallery.svg);
  background-repeat: no-repeat;
  background-position: 9px 6px;
  text-transform: uppercase;
}

@media all and (min-width: 768px) {
  .gallery-link {
    left: 20px;
    bottom: 20px;
  }
}

.gallery-link span {
  color: #FFB600;
}

@media (hover: hover) {
  .gallery-link:hover {
    background-color: rgba(0, 0, 0, 0.75);
    color: #FFF;
  }
}

.text-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

.text-container h6 {
  position: relative;
  padding: 16px 0 0 16px;
  display: block;
  width: auto;
  vertical-align: top;
  margin: -24px 0 0;
  max-width: calc(100% - 88px);
}

.text-container h6::before {
  position: absolute;
  content: '';
  height: 85px;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), color-stop(71%, #FFF));
  background-image: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, #FFF 71%);
  top: 0;
  left: 0;
  width: calc(100% - 51px);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .text-container h6::before {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(14, 24, 35, 0)), color-stop(71%, #0E1823));
    background-image: linear-gradient(to top, rgba(14, 24, 35, 0) 0%, #0E1823 71%);
  }
}

:root[data-theme=dark] .text-container h6::before {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(14, 24, 35, 0)), color-stop(71%, #0E1823));
  background-image: linear-gradient(to top, rgba(14, 24, 35, 0) 0%, #0E1823 71%);
}

.text-container h6::after {
  position: absolute;
  content: '';
  width: 219px;
  height: 85px;
  background-image: url(../images/h6shape-black.png);
  background-repeat: repeat-x;
  background-size: 219px 85px;
  top: 0;
  left: calc(100% - 52px);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .text-container h6::after {
    background-image: url(../images/h6shape-dark.svg);
  }
}

:root[data-theme=dark] .text-container h6::after {
  background-image: url(../images/h6shape-dark.svg);
}

.text-container h6 span {
  position: relative;
  z-index: 1;
}

.text-container h6.no-shape {
  margin-top: -5px;
  padding-top: 21px;
}

.text-container h6.no-shape::before, .text-container h6.no-shape::after {
  display: none;
}

.text-container .h6 {
  position: relative;
  padding: 16px 0 0 16px;
  display: block;
  width: auto;
  vertical-align: top;
  margin: -24px 0 0;
  max-width: calc(100% - 88px);
}

.text-container .h6::before {
  position: absolute;
  content: '';
  height: 85px;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), color-stop(71%, #FFF));
  background-image: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, #FFF 71%);
  top: 0;
  left: 0;
  width: calc(100% - 51px);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .text-container .h6::before {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(14, 24, 35, 0)), color-stop(71%, #0E1823));
    background-image: linear-gradient(to top, rgba(14, 24, 35, 0) 0%, #0E1823 71%);

  }
}

:root[data-theme=dark] .text-container .h6::before {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(14, 24, 35, 0)), color-stop(71%, #0E1823));
  background-image: linear-gradient(to top, rgba(14, 24, 35, 0) 0%, #0E1823 71%);*/
}

.text-container .h6::after {
  position: absolute;
  content: '';
  width: 219px;
  height: 85px;
  background-image: url(../images/h6shape-white.svg);
  background-repeat: repeat-x;
  background-size: 219px 85px;
  top: 0;
  left: calc(100% - 52px);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) #id33::after {
    background-image: url(../images/h6shape-white.svg);
  }
}@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .text-container .h6::after {
    background-image: url(../images/h6shape-dark.svg);
  }
}

:root[data-theme=dark] #id33::after {
  background-image: url(../images/h6shape-white.svg);
  
}:root[data-theme=dark] .text-container .h6::after {
  background-image: url(../images/h6shape-dark.svg);
}

.text-container .h6 span {
  position: relative;
  z-index: 1;
}

.text-container .h6.no-shape {
  margin-top: -5px;
  padding-top: 21px;
}

.text-container .h6.no-shape::before, .text-container .h6.no-shape::after {
  display: none;
}

.text-container h2,
.text-container .h2 {
  padding: 8px 15px 17px;
  position: relative;
  width: 100%;
}

.header {
  position: fixed;
  z-index: 100000;
  top: 0;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  pointer-events: none;
}

@media all and (max-width: 767px) and (orientation: landscape) {
  .header {
    position: static;
    margin-bottom: -19px;
    -webkit-box-ordinal-group: -10;
        -ms-flex-order: -11;
            order: -11;
  }
}

@media all and (min-width: 768px) and (max-width: 1023px) and (orientation: landscape) {
  .header {
    position: static;
    margin-bottom: -22px;
    -webkit-box-ordinal-group: -10;
        -ms-flex-order: -11;
            order: -11;
  }
}

.header .logo-container {
  position: relative;
  height: 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media all and (min-width: 768px) {
  .header .logo-container {
    height: 74px;
  }
}

.header .logo-container .gradient-left {
  background-image: -webkit-gradient(linear, left top, right top, from(#EB003C), to(#F1202B));
  background-image: linear-gradient(to right, #EB003C 0%, #F1202B 100%);
  width: 110px;
  height: 65px;
  -webkit-box-shadow: 1px 0 0 #F1202B;
          box-shadow: 1px 0 0 #F1202B;
}

@media all and (min-width: 768px) {
  .header .logo-container .gradient-left {
    width: 270px;
    height: 74px;
  }
}

@media all and (min-width: 768px) {
  .header .logo-container .gradient-left.video-gsp {
    width: 164px;
  }
}

.header .logo-container .shape-under-logo {
  background-image: url(../images/shape-under-logo.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 85px;
  height: 65px;
  position: relative;
}

@media all and (min-width: 768px) {
  .header .logo-container .shape-under-logo {
    width: 97px;
    height: 74px;
    background-image: url(../images/shape-under-logo-.svg);
  }
}

.header .logo-container .shape-under-logo .dummy {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 46px;
  pointer-events: auto;
}

.header .logo-container .logo {
  height: 46px;
  width: 125px;
  background-image: url(../images/logo-gsp.svg);
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 9px;
  left: 16px;
  display: block;
  pointer-events: auto;
  overflow: hidden;
}

@media all and (min-width: 768px) {
  .header .logo-container .logo {
    width: 264px;
    height: 47px;
    top: 14px;
    left: 20px;
  }
}

.header .logo-container .logo.video-gsp {
  background-image: url(../images/gsp-video-logo.png);
  background-size: contain;
  background-position: center;
  top: 11px;
  left: 15px;
}

@media all and (min-width: 768px) {
  .header .logo-container .logo.video-gsp {
    width: 176px;
    height: 52px;
    left: 14px;
    top: 12px;
  }
}

.header .logo-container .logo h1 {
  position: absolute;
  left: 100%;
  top: 100%;
}

.header .menu-container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  pointer-events: auto;
  height: 46px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: -webkit-gradient(linear, left top, right top, from(#F6391D), color-stop(200%, #FF6C00));
  background-image: linear-gradient(to right, #F6391D 0%, #FF6C00 200%);
  -webkit-box-shadow: -1px 0 0 #F6391D;
          box-shadow: -1px 0 0 #F6391D;
}

@media all and (min-width: 768px) {
  .header .menu-container {
    height: 52px;
  }
}

.header .menu-container ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 46px;
}

@media all and (min-width: 768px) {
  .header .menu-container ul {
    height: 52px;
  }
}

.header .menu-container ul a {
  height: 46px;
  display: block;
  color: #FFF;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
}

.header .menu-container ul.main-menu {
  display: none;
}

@media all and (min-width: 1280px) {
  .header .menu-container ul.main-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.header .menu-container ul.main-menu a {
  height: 52px;
  display: block;
  padding: 15px 18px 0;
}

@media all and (min-width: 1280px) {
  .header .menu-container ul.main-menu li {
    position: relative;
  }
}

@media (hover: hover) {
  .header .menu-container ul.main-menu li:hover > a {
    background-color: #E01B2F;
  }
  .header .menu-container ul.main-menu li:hover > ul {
    height: auto;
    opacity: 1;
    padding: 10px 0;
  }
  .header .menu-container ul.main-menu li:hover .mega-menu {
    height: auto;
    opacity: 1;
    padding: 15px 0 4px 20px;
  }
}

@media all and (min-width: 1280px) {
  .header .menu-container ul.main-menu li > ul {
    position: absolute;
    width: 180px;
    background-color: #FFF;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    z-index: -1;
    padding: 0;
  }
}

@media all and (min-width: 1280px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .header .menu-container ul.main-menu li > ul {
    background-color: #0E1823;
    -webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
            box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
  }
}

@media all and (min-width: 1280px) {
  :root[data-theme=dark] .header .menu-container ul.main-menu li > ul {
    background-color: #0E1823;
    -webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
            box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
  }
}

@media all and (min-width: 1280px) {
  .header .menu-container ul.main-menu li > ul li {
    display: block;
    width: 100%;
  }
}

@media all and (min-width: 1280px) {
  .header .menu-container ul.main-menu li > ul li a {
    height: 40px;
    padding: 8px 20px 0;
    color: #1C242E;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0;
    font-size: 16px;
  }
}

@media all and (min-width: 1280px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .header .menu-container ul.main-menu li > ul li a {
    color: #EBE3E7;
  }
}

@media all and (min-width: 1280px) {
  :root[data-theme=dark] .header .menu-container ul.main-menu li > ul li a {
    color: #EBE3E7;
  }
}

@media all and (hover: hover) and (min-width: 1280px) {
  .header .menu-container ul.main-menu li > ul li:hover > a {
    background-color: #F5F0F3;
    color: #E01B2F;
  }
}

@media all and (hover: hover) and (min-width: 1280px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .header .menu-container ul.main-menu li > ul li:hover > a {
    background-color: #333A43;
  }
}

@media all and (hover: hover) and (min-width: 1280px) {
  :root[data-theme=dark] .header .menu-container ul.main-menu li > ul li:hover > a {
    background-color: #333A43;
  }
}

@media all and (min-width: 1280px) {
  .header .menu-container ul.main-menu li > ul.two-cols {
    width: 300px;
  }
}

@media all and (min-width: 1280px) {
  .header .menu-container ul.main-menu li > ul.two-cols li {
    width: 50%;
  }
}

@media all and (min-width: 1280px) {
  .header .menu-container ul.main-menu li .mega-menu {
    height: 0;
    opacity: 0;
    padding: 0 0 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    overflow: hidden;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    z-index: -1;
    background-color: #FFF;
    width: 710px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media all and (min-width: 1280px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .header .menu-container ul.main-menu li .mega-menu {
    background-color: #0E1823;
    -webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
            box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
    color: #EBE3E7;
  }
}

@media all and (min-width: 1280px) {
  :root[data-theme=dark] .header .menu-container ul.main-menu li .mega-menu {
    background-color: #0E1823;
    -webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
            box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
    color: #EBE3E7;
  }
}

@media all and (min-width: 1280px) {
  .header .menu-container ul.main-menu li .other-mega-items {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #F5F0F3;
    margin: 5px 20px 0 0;
    padding-top: 16px;
  }
}

@media all and (min-width: 1280px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .header .menu-container ul.main-menu li .other-mega-items {
    border-top: 1px solid #333A43;
  }
}

@media all and (min-width: 1280px) {
  :root[data-theme=dark] .header .menu-container ul.main-menu li .other-mega-items {
    border-top: 1px solid #333A43;
  }
}

@media all and (min-width: 1280px) {
  .header .menu-container ul.main-menu li .mega-item {
    margin-right: 20px;
    width: 210px;
  }
}

@media all and (min-width: 1280px) {
  .header .menu-container ul.main-menu li .mega-item .box-header {
    margin-bottom: 21px;
  }
}

@media all and (min-width: 1280px) {
  .header .menu-container ul.main-menu li .mega-item .box-header h2 {
    margin-bottom: 8px;
  }
}

@media all and (min-width: 1280px) {
  .header .menu-container ul.main-menu li .mega-item .box-header h2 a {
    padding: 0;
    color: #1C242E;
    height: auto;
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: -.2px;
    text-transform: none;
  }
}

@media all and (min-width: 1280px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .header .menu-container ul.main-menu li .mega-item .box-header h2 a {
    color: #EBE3E7;
  }
}

@media all and (min-width: 1280px) {
  :root[data-theme=dark] .header .menu-container ul.main-menu li .mega-item .box-header h2 a {
    color: #EBE3E7;
  }
}

@media (hover: hover) {
  .header .menu-container ul.main-menu li .mega-item .box-header h2 a:hover {
    color: #E01B2F;
  }
}

@media all and (min-width: 1280px) {
  .header .menu-container ul.main-menu li .mega-item .box-header .h2 {
    margin-bottom: 8px;
  }
}

@media all and (min-width: 1280px) {
  .header .menu-container ul.main-menu li .mega-item .box-header .h2 a {
    padding: 0;
    color: #1C242E;
    height: auto;
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: -.2px;
    text-transform: none;
  }
}

@media all and (min-width: 1280px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .header .menu-container ul.main-menu li .mega-item .box-header .h2 a {
    color: #EBE3E7;
  }
}

@media all and (min-width: 1280px) {
  :root[data-theme=dark] .header .menu-container ul.main-menu li .mega-item .box-header .h2 a {
    color: #EBE3E7;
  }
}

@media (hover: hover) {
  .header .menu-container ul.main-menu li .mega-item .box-header .h2 a:hover {
    color: #E01B2F;
  }
}

@media all and (min-width: 1280px) {
  .header .menu-container ul.main-menu li .competition-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 20px;
  }
}

@media all and (min-width: 1280px) {
  .header .menu-container ul.main-menu li .competition-logo {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    padding: 0;
  }
}

@media all and (min-width: 1280px) {
  .header .menu-container ul.main-menu li .competition-logo img {
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
    width: 100%;
    height: 100%;
  }
}

@media all and (min-width: 1280px) {
  .header .menu-container ul.main-menu li .competition-wrapper h3 a {
    height: auto;
    color: #1C242E;
    text-transform: none;
    font-size: 16px;
    letter-spacing: 0;
    padding: 0;
    margin: 0;
    line-height: 1;
    display: inline;
  }
}

@media all and (min-width: 1280px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .header .menu-container ul.main-menu li .competition-wrapper h3 a {
    color: #EBE3E7;
  }
}

@media all and (min-width: 1280px) {
  :root[data-theme=dark] .header .menu-container ul.main-menu li .competition-wrapper h3 a {
    color: #EBE3E7;
  }
}

@media (hover: hover) {
  .header .menu-container ul.main-menu li .competition-wrapper h3 a:hover {
    color: #E01B2F;
  }
}

@media all and (min-width: 1280px) {
  .header .menu-container ul.main-menu li .competition-wrapper .h3 a {
    height: auto;
    color: #1C242E;
    text-transform: none;
    font-size: 16px;
    letter-spacing: 0;
    padding: 0;
    margin: 0;
    line-height: 1;
    display: inline;
  }
}

@media all and (min-width: 1280px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .header .menu-container ul.main-menu li .competition-wrapper .h3 a {
    color: #EBE3E7;
  }
}

@media all and (min-width: 1280px) {
  :root[data-theme=dark] .header .menu-container ul.main-menu li .competition-wrapper .h3 a {
    color: #EBE3E7;
  }
}

@media (hover: hover) {
  .header .menu-container ul.main-menu li .competition-wrapper .h3 a:hover {
    color: #E01B2F;
  }
}

@media all and (min-width: 1280px) {
  .header .menu-container ul.main-menu li .competition-wrapper ul {
    height: auto;
    margin-top: -6px;
  }
}

@media all and (min-width: 1280px) {
  .header .menu-container ul.main-menu li .competition-wrapper ul li {
    display: inline;
  }
}

@media all and (min-width: 1280px) {
  .header .menu-container ul.main-menu li .competition-wrapper ul li::after {
    content: '/';
    display: inline;
    font-size: 11px;
    color: #E01B2F;
    margin: 0 5px;
  }
}

@media all and (min-width: 1280px) {
  .header .menu-container ul.main-menu li .competition-wrapper ul li:last-child::after {
    display: none;
  }
}

@media all and (min-width: 1280px) {
  .header .menu-container ul.main-menu li .competition-wrapper ul li a {
    padding: 0;
    height: auto;
    color: #E01B2F;
    text-transform: none;
    font-size: 11px;
    letter-spacing: 0;
    display: inline;
  }
}

@media (hover: hover) {
  .header .menu-container ul.main-menu li .competition-wrapper ul li:hover a {
    background-color: #FFF;
    text-decoration: underline;
  }
}

@media (hover: hover) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .header .menu-container ul.main-menu li .competition-wrapper ul li:hover a {
    background-color: #0E1823;
  }
}

@media (hover: hover) {
  :root[data-theme=dark] .header .menu-container ul.main-menu li .competition-wrapper ul li:hover a {
    background-color: #0E1823;
  }
}

@media all and (min-width: 1280px) {
  .header .menu-container ul.main-menu li .all-the-news {
    padding: 15px 0;
    color: #E01B2F;
    font-size: 11px;
    border-top: 1px solid #F5F0F3;
  }
}

@media all and (min-width: 1280px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .header .menu-container ul.main-menu li .all-the-news {
    border-top: 1px solid #333A43;
  }
}

@media all and (min-width: 1280px) {
  :root[data-theme=dark] .header .menu-container ul.main-menu li .all-the-news {
    border-top: 1px solid #333A43;
  }
}

@media (hover: hover) {
  .header .menu-container ul.main-menu li .all-the-news:hover {
    text-decoration: underline;
  }
}

.header .menu-container ul.icons-menu {
  margin-left: -15px;
}

@media all and (min-width: 360px) {
  .header .menu-container ul.icons-menu {
    margin-left: 0;
  }
}

.header .menu-container ul.icons-menu a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media all and (min-width: 360px) {
  .header .menu-container ul.icons-menu a {
    padding: 0 3px;
  }
}

@media all and (min-width: 768px) {
  .header .menu-container ul.icons-menu a {
    height: 52px;
  }
}

.header .menu-container ul.icons-menu a img {
  width: 38px;
  height: 38px;
}

@media all and (min-width: 768px) {
  .header .menu-container ul.icons-menu a img {
    width: 46px;
    height: 46px;
  }
}

.header .menu-container ul.icons-menu a span {
  padding: 0 6px 1px;
  margin-left: -12px;
}

@media all and (min-width: 360px) {
  .header .menu-container ul.icons-menu a span {
    margin-left: -3px;
    margin-right: 0;
    padding: 0 15px 1px 0;
  }
}

@media (hover: hover) {
  .header .menu-container ul.icons-menu li:hover > a {
    background-color: #E01B2F;
  }
}

.header.of-the-gallery {
  height: 50px;
  background-color: #000;
  position: static;
  -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.15);
          box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.15);
}

@media all and (min-width: 360px) {
  .header.of-the-gallery {
    height: 90px;
  }
}

.header.of-the-gallery .logo-container {
  display: none;
}

@media all and (min-width: 1024px) {
  .header.of-the-gallery .logo-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 90px;
    padding: 0 20px;
  }
}

@media all and (min-width: 1024px) {
  .header.of-the-gallery .logo-container .logo {
    position: static;
    width: 123px;
  }
}

.header.of-the-gallery .banner {
  background-color: transparent;
  overflow: hidden;
}

.header.of-the-gallery .banner.x320x50 {
  display: block;
}

@media all and (min-width: 360px) {
  .header.of-the-gallery .banner.x320x50 {
    display: none;
  }
}

.header.of-the-gallery .banner.x728x90 {
  display: none;
}

@media all and (min-width: 360px) {
  .header.of-the-gallery .banner.x728x90 {
    display: block;
    height: 90px;
  }
}

.header.of-the-gallery .menu-container {
  display: none;
}

@media all and (min-width: 1024px) {
  .header.of-the-gallery .menu-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 90px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

@media all and (min-width: 1024px) {
  .header.of-the-gallery .menu-container ul {
    height: 90px;
  }
}

@media all and (min-width: 1024px) {
  .header.of-the-gallery .menu-container ul a {
    height: 90px;
    width: 120px;
  }
}

.sub-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #FFF;
  -webkit-box-ordinal-group: -9;
      -ms-flex-order: -10;
          order: -10;
  position: relative;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .sub-header {
    background-color: #1C242E;
  }
}

:root[data-theme=dark] .sub-header {
  background-color: #1C242E;
}

@media all and (min-width: 1280px) {
  .sub-header {
    background-image: -webkit-gradient(linear, right top, left top, from(#F6F8FA), to(#FAF6F8));
    background-image: linear-gradient(270deg, #F6F8FA 0%, #FAF6F8 100%);
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

@media all and (min-width: 1280px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .sub-header {
    background-image: none;
  }
}

@media all and (min-width: 1280px) {
  :root[data-theme=dark] .sub-header {
    background-image: none;
  }
}

.sub-header::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 180px;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(80%, #FFFFFF), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(90deg, #FFFFFF 80%, rgba(255, 255, 255, 0) 100%);
  z-index: 2;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .sub-header::before {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(80%, #1C242E), to(rgba(28, 36, 46, 0)));
    background-image: linear-gradient(90deg, #1C242E 80%, rgba(28, 36, 46, 0) 100%);
  }
}

:root[data-theme=dark] .sub-header::before {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(80%, #1C242E), to(rgba(28, 36, 46, 0)));
  background-image: linear-gradient(90deg, #1C242E 80%, rgba(28, 36, 46, 0) 100%);
}

@media all and (min-width: 768px) {
  .sub-header::before {
    width: 350px;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(90%, #1C242E), to(rgba(28, 36, 46, 0)));
    background-image: linear-gradient(90deg, #1C242E 90%, rgba(28, 36, 46, 0) 100%);
  }
}

@media all and (min-width: 768px) {
  .sub-header::before {
    display: none;
  }
}

.sub-header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  position: relative;
}

@media all and (min-width: 1280px) {
  .sub-header-inner {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.sub-header-inner ul {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 0 160px;
  margin: 0;
  border-bottom: none;
}

@media all and (min-width: 768px) {
  .sub-header-inner ul {
    padding: 0 0 0 330px;
  }
}

@media all and (min-width: 1280px) {
  .sub-header-inner ul {
    padding: 0;
  }
}

.sub-header-inner li + li a {
  border-left: 1px solid rgba(0, 0, 0, 0.15);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .sub-header-inner li + li a {
    border-left: 1px solid rgba(255, 255, 255, 0.05);
  }
}

:root[data-theme=dark] .sub-header-inner li + li a {
  border-left: 1px solid rgba(255, 255, 255, 0.05);
}

.sub-header-inner a {
  font-size: 11px;
  color: #E01B2F;
  letter-spacing: 1px;
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  height: 45px;
  padding: 14px 11px 0;
  white-space: nowrap;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .sub-header-inner a {
    color: #FF3A00;
  }
}

:root[data-theme=dark] .sub-header-inner a {
  color: #FF3A00;
}

@media all and (min-width: 360px) {
  .sub-header-inner a {
    padding: 14px 23px 0;
  }
}

@media (hover: hover) {
  .sub-header-inner a:hover {
    background-color: #F5F0F3;
  }
}

@media all and (hover: hover) and (min-width: 1280px) {
  .sub-header-inner a:hover {
    background-color: #EBE3E7;
  }
}

@media all and (hover: hover) and (min-width: 1280px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .sub-header-inner a:hover {
    background-color: rgba(255, 255, 255, 0.05);
  }
}

@media all and (hover: hover) and (min-width: 1280px) {
  :root[data-theme=dark] .sub-header-inner a:hover {
    background-color: rgba(255, 255, 255, 0.05);
  }
}

.hero {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}

@media all and (min-width: 768px) {
  .hero {
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
				background-image: url(../netflix-ian25.jpg);
	background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 45px;
	background-color: #003842;
	
  }
}
@media (min-width: 1280px){
.hero {
    background-position-x: center;
    background-position-y: top;
    background-repeat: no-repeat;
 }
}
@media all and (min-width: 768px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .hero {
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
            box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
    background-color: #0E1823;
  }
}

@media all and (min-width: 768px) {
  :root[data-theme=dark] .hero {
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
            box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
    background-color: #0E1823;
  }
}

.hero .controller {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media all and (min-width: 768px) {
  .hero .controller {
    padding: 30px 0;
  }
}

@media all and (min-width: 768px) {
  .hero .thumb {
    height: auto;
    padding-bottom: 0;
  }
}

@media all and (min-width: 768px) {
  .hero .news-item {
    -webkit-mask-image: -webkit-radial-gradient(white, black);
  }
}

@media all and (min-width: 768px) {
  .hero .news-item .comments-no {
    border-radius: 0 15px;
  }
}

.hero .C1 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

@media all and (min-width: 768px) {
  .hero .C1 .text-container h2,
  .hero .C1 .text-container .h2 {
    padding: 6px 15px 15px;
    color: #000000;
  }
}

.hero .C1 .text-container h2 .marcaj,
.hero .C1 .text-container .h2 .marcaj {
  font-size: 13px;
  padding: 2px 7px;
  margin: 3.5px 7px 0 0;
}

@media all and (min-width: 768px) {
  .hero .C1 .text-container h2 .marcaj,
  .hero .C1 .text-container .h2 .marcaj {
    font-size: 11px;
    margin: 2px 7px 0 0;
    padding: 1px 7px 2px;
  }
}

@media (hover: hover) {
  .hero .C1 .text-container h2:hover,
  .hero .C1 .text-container .h2:hover {
    color: #E01B2F;
  }
}

@media all and (hover: hover) and (min-width: 768px) {
  .hero .C1 .text-container h2:hover,
  .hero .C1 .text-container .h2:hover {
    color: #e50914 /*Netflix*/
  }
}

@media all and (min-width: 768px) {
  .hero .C1 .text-container h6 {
    color: #ca202d;
  }
}

@media all and (min-width: 768px) {
  .hero .C1 .text-container h6::before {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 50, 106, 0)), color-stop(71%, #00326A));
    background-image: linear-gradient(to top, rgba(0, 50, 106, 0) 0%, #00326A 71%);
  }
}

@media all and (min-width: 768px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .hero .C1 .text-container h6::before {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 50, 106, 0)), color-stop(71%, #00326A));
    background-image: linear-gradient(to top, rgba(0, 50, 106, 0) 0%, #00326A 71%);
  }
}

@media all and (min-width: 768px) {
  :root[data-theme=dark] .hero .C1 .text-container h6::before {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 50, 106, 0)), color-stop(71%, #00326A));
    background-image: linear-gradient(to top, rgba(0, 50, 106, 0) 0%, #00326A 71%);
  }
}

@media all and (min-width: 768px) {
  .hero .C1 .text-container h6::after {
    background-image: url(../images/h6shape-blue.svg);
  }
}

@media all and (min-width: 768px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .hero .C1 .text-container h6::after {
    background-image: url(../images/h6shape-blue.svg);
  }
}

@media all and (min-width: 768px) {
  :root[data-theme=dark] .hero .C1 .text-container h6::after {
    background-image: url(../images/h6shape-blue.svg);
  }
}

@media (hover: hover) {
  .hero .C1 .text-container h6 a:hover {
    border-bottom-color: #ca202d;
  }
}

@media all and (min-width: 768px) {
  .hero .C1 .text-container .h6 {
    color: #ca202d;
  }
}

@media all and (min-width: 768px) {
  .hero .C1 .text-container .h6::before {
    /*background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 50, 106, 0)), color-stop(71%, #00326A));
    background-image: linear-gradient(to top, rgba(0, 50, 106, 0) 0%, #00326A 71%);*/
	  background: #fff; /*Netflix*/
  }
}

@media all and (min-width: 768px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .hero .C1 .text-container .h6::before {
    /*background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 50, 106, 0)), color-stop(71%, #00326A));
    background-image: linear-gradient(to top, rgba(0, 50, 106, 0) 0%, #00326A 71%);*/
	background: #ffffff; /*Netflix*/
  }
}

@media all and (min-width: 768px) {
  :root[data-theme=dark] .hero .C1 .text-container .h6::before {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 50, 106, 0)), color-stop(71%, #00326A));
    background-image: linear-gradient(to top, rgba(0, 50, 106, 0) 0%, #00326A 71%);
  }
}

@media all and (min-width: 768px) {
  .hero .C1 .text-container .h6::after {
    background-image: url(../images/h6shape-white.svg);
  }
}

@media all and (min-width: 768px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .hero .C1 .text-container .h6::after {
    background-image: url(../images/h6shape-white.svg);
  }
}

@media all and (min-width: 768px) {
  :root[data-theme=dark] .hero .C1 .text-container .h6::after {
    background-image: url(../images/h6shape-white.svg);
  }
}

@media (hover: hover) {
  .hero .C1 .text-container .h6 a:hover {
    border-bottom-color: #2158cf;
  }
}

@media all and (min-width: 768px) {
  .hero .C1 .news-item {
    /*background-image: -webkit-gradient(linear, right top, left top, from(#005F6A), to(#00326A));
    background-image: linear-gradient(270deg, #005F6A 0%, #00326A 100%);*/
	  background: white;
    height: 290px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
			margin-bottom: 20px;
			
  }
}

@media all and (min-width: 768px) {
  .hero .C1 .news-item:first-child {
    margin-bottom: 20px;
  }
}

@media all and (max-width: 767px) {
  .hero .C1 .news-item:nth-child(1)::before {
    display: none;
  }
}

@media all and (min-width: 768px) {
  .hero .C1 .news-item .thumb {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

@media (hover: hover) {
  .hero .C1 .news-item:hover {
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
    -webkit-box-shadow: 0 3px 9px 0 rgba(59, 27, 224, 0.1), 0 5px 15px 0 rgba(224, 27, 27, 0.1), 0 0 0 1px #ebe3e7;
            box-shadow: 0 3px 9px 0 rgba(59, 27, 224, 0.1), 0 5px 15px 0 rgba(224, 27, 27, 0.1), 0 0 0 1px #ebe3e7;
  }
}

.hero .C2 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.hero .C2 .news-item {
 /*  background-image: -webkit-gradient(linear, right top, left top, from(#005F6A), to(#00326A));
  background-image: linear-gradient(270deg, #005F6A 0%, #00326A 100%);*/ 
	background: white;
}



@media all and (min-width: 768px) {
  .hero .C2 .news-item {
    height: 600px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media all and (min-width: 768px) {
  .hero .C2 .news-item .thumb {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

@media all and (max-width: 767px) {
  .hero .C2 .news-item .comments-no {
    padding: 9px 15px 8px 31px;
    background-position: 17px 11px;
    border-radius: 0 0 0 5px;
  }
}

@media all and (min-width: 768px) {
  .hero .C2 .news-item.has-breaking-news {
    margin-left: 0;
  }
}

@media (hover: hover) {
  .hero .C2 .news-item:hover {
    -webkit-transform: scale(1.015);
            transform: scale(1.015);
    -webkit-box-shadow: 0 3px 9px 0 rgba(59, 27, 224, 0.1), 0 5px 15px 0 rgba(224, 27, 27, 0.1), 0 0 0 1px #ebe3e7;
            box-shadow: 0 3px 9px 0 rgba(59, 27, 224, 0.1), 0 5px 15px 0 rgba(224, 27, 27, 0.1), 0 0 0 1px #ebe3e7;
  }
}

.hero .C2 .text-container h6 {
  color: #FFB600;
}

@media all and (min-width: 768px) {
  .hero .C2 .text-container h6 {
    padding: 21px 0 0 21px;
  }
}

.hero .C2 .text-container h6::before {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 50, 106, 0)), color-stop(71%, #00326A));
  background-image: linear-gradient(to top, rgba(0, 50, 106, 0) 0%, #00326A 71%);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .hero .C2 .text-container h6::before {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 50, 106, 0)), color-stop(71%, #00326A));
    background-image: linear-gradient(to top, rgba(0, 50, 106, 0) 0%, #00326A 71%);
  }
}

:root[data-theme=dark] .hero .C2 .text-container h6::before {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 50, 106, 0)), color-stop(71%, #00326A));
  background-image: linear-gradient(to top, rgba(0, 50, 106, 0) 0%, #00326A 71%);
}

.hero .C2 .text-container h6::after {
  background-image: url(../images/h6shape-blue.svg);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .hero .C2 .text-container h6::after {
    background-image: url(../images/h6shape-blue.svg);
  }
}

:root[data-theme=dark] .hero .C2 .text-container h6::after {
  background-image: url(../images/h6shape-blue.svg);
}

@media (hover: hover) {
  .hero .C2 .text-container h6 a:hover {
    border-bottom-color: #2158cf;
  }
}

.hero .C2 .text-container .h6 {
  color: #ca202d;
}

@media all and (min-width: 768px) {
  .hero .C2 .text-container .h6 {
    padding: 21px 0 0 21px;
  }
}

.hero .C2 .text-container .h6::before {
	background: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .hero .C2 .text-container .h6::before {
   /* background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 50, 106, 0)), color-stop(71%, #00326A));
    background-image: linear-gradient(to top, rgba(0, 50, 106, 0) 0%, #000000 71%);*/
	background: #ffffff;

  }
}

:root[data-theme=dark] .hero .C2 .text-container .h6::before {
  /*background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 50, 106, 0)), color-stop(71%, #00326A));
  background-image: linear-gradient(to top, rgba(0, 50, 106, 0) 0%, #000000 71%);*/
  
  background: #ffffff;
}

.hero .C2 .text-container .h6::after {
  background-image: url(../images/h6shape-white.svg);
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme=light]):not([data-theme=dark]) .hero .C2 .text-container .h6::after {
    background-image: url(../images/h6shape-white.svg);
  }
}

:root[data-theme=dark] .hero .C2 .text-container .h6::after {
  background-image: url(../images/h6shape-white.svg);
}

@media (hover: hover) {
  .hero .C2 .text-container .h6 a:hover {
    border-bottom-color: #FFB600;
  }
}

.hero .C2 .text-container h2,
.hero .C2 .text-container .h2 {
  color: #fff;
}

@media all and (min-width: 768px) {
  .hero .C2 .text-container h2,
  .hero .C2 .text-container .h2 {
    font-size: 30px;
    line-height: 1.1;
    padding: 9px 20px 22px;
	  background: #000;
  }
}

@media all and (min-width: 768px) {
  .hero .C2 .text-container h2 .marcaj,
  .hero .C2 .text-container .h2 .marcaj {
    font-size: 19px;
    padding: 3px 9px;
    margin: 4px 9px 0 0;
  }
}

@media (hover: hover) {
  .hero .C2 .text-container h2:hover,
  .hero .C2 .text-container .h2:hover {
    color: #ca202d;
  }
}

.hero .C3 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  width: 100%;
}

@media all and (min-width: 768px) {
  .hero .C3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin-top: 30px;
  }
}

@media all and (min-width: 1280px) {
  .hero .C3 {
    width: 300px;
    margin: 0 0 0 20px;
  }
}

.hero .C3 .x300x250 {
  padding: 20px 0;
}

@media all and (min-width: 768px) {
  .hero .C3 .x300x250 {
    display: none;
  }
}

.hero .C3 .x300x600 {
  display: none;
}

@media all and (min-width: 1280px) {
  .hero .C3 .x300x600 {
    display: block;
    padding: 0;
  }
}

.hero .C3 .x728x90 {
  display: none;
}

@media all and (min-width: 768px) {
  .hero .C3 .x728x90 {
    display: block;
    padding: 0;
    background-color: transparent;
  }
}

@media all and (min-width: 1280px) {
  .hero .C3 .x728x90 {
    display: none;
  }
}

@media all and (min-width: 768px) {
  .hero + .teams {
    -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
  }
}

@media all and (min-width: 768px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .hero + .teams {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  }
}

@media all and (min-width: 768px) {
  :root[data-theme=dark] .hero + .teams {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  }
}

.teams {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow-x: auto;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  background-color: #F5F0F3;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .teams {
    background-color: #1C242E;
  }
}

:root[data-theme=dark] .teams {
  background-color: #1C242E;
}

@media all and (min-width: 768px) {
  .teams {
    background-color: #FFF;
    position: relative;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  }
}

@media all and (min-width: 768px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .teams {
    background-color: #0E1823;
  }
}

@media all and (min-width: 768px) {
  :root[data-theme=dark] .teams {
    background-color: #0E1823;
  }
}

.teams .controller {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: auto;
}

@media all and (min-width: 1280px) {
  .teams .controller {
    padding: 0;
    max-width: 100%;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.teams .shadow-maker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: auto;
  overflow-y: hidden;
}

@media all and (min-width: 1280px) {
  .teams .shadow-maker {
    position: relative;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media all and (min-width: 1280px) {
  .teams .shadow-maker::before {
    content: '';
    position: absolute;
    height: 10px;
    width: 100%;
    left: 0;
    top: -10px;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
    display: none;
  }
}

.teams a {
  display: block;
  width: 54px;
  height: 60px;
  padding: 8px;
}

@media all and (min-width: 768px) {
  .teams a {
    height: 58px;
    width: 58px;
    padding: 10px;
  }
}

@media all and (min-width: 1280px) {
  .teams a {
    height: 84px;
    width: 84px;
    width: calc(1236px / 17);
    padding: 15px;
  }
}

.teams a img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

@media (hover: hover) {
  .teams a:hover img {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}

@media all and (min-width: 768px) {
  .news-block {
    padding: 30px 0;
    background-image: -webkit-gradient(linear, right top, left top, from(#F6F8FA), to(#FAF6F8));
    background-image: linear-gradient(270deg, #F6F8FA 0%, #FAF6F8 100%);
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  }
}

@media all and (min-width: 768px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .news-block {
    background-image: none;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
            box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
    background-color: #1C242E;
  }
}

@media all and (min-width: 768px) {
  :root[data-theme=dark] .news-block {
    background-image: none;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
            box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
    background-color: #1C242E;
  }
}

.news-block .controller {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media all and (min-width: 1280px) {
  .news-block .controller {
    padding-right: 320px;
    position: relative;
  }
}

@media all and (min-width: 768px) {
  .news-block .news-item {
    -webkit-box-shadow: 0 3px 9px 0 rgba(59, 27, 224, 0.05), 0 5px 15px 0 rgba(224, 27, 27, 0.05), 0 0 0 1px rgba(235, 227, 231, 0.85);
            box-shadow: 0 3px 9px 0 rgba(59, 27, 224, 0.05), 0 5px 15px 0 rgba(224, 27, 27, 0.05), 0 0 0 1px rgba(235, 227, 231, 0.85);
    margin-bottom: 20px;
  }
}

@media all and (min-width: 768px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .news-block .news-item {
    -webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
            box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
  }
}

@media all and (min-width: 768px) {
  :root[data-theme=dark] .news-block .news-item {
    -webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
            box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
  }
}

@media all and (min-width: 768px) {
  .news-block .news-item .comments-no {
    top: 0;
    right: 0;
    border-radius: 0 15px;
  }
}

@media (hover: hover) {
  .news-block h2:hover,
  .news-block .h2:hover {
    color: #E01B2F;
  }
}

@media (hover: hover) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .news-block h2:hover, .news-block .h2:hover {
    color: #FFB600;
  }
}

@media (hover: hover) {
  :root[data-theme=dark] .news-block h2:hover, .news-block .h2:hover {
    color: #FFB600;
  }
}

@media all and (min-width: 768px) {
  .news-block .thumb {
    border-radius: 15px 15px 0 0;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
  }
}

@media all and (min-width: 768px) {
  .news-block .text-container h2,
  .news-block .text-container .h2 {
    padding: 6px 15px 15px;
  }
}

@media all and (min-width: 768px) {
  .news-block .text-container h6,
  .news-block .text-container .h6 {
    padding: 16px 0 0 16px;
  }
}

.news-block .C1 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

@media all and (min-width: 768px) {
  .news-block .C1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.news-block .C1 .news-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media all and (min-width: 768px) {
  .news-block .C1 .news-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media (hover: hover) {
  .news-block .C1 .news-item:hover {
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
    -webkit-box-shadow: 0 3px 9px 0 rgba(59, 27, 224, 0.1), 0 5px 15px 0 rgba(224, 27, 27, 0.1), 0 0 0 1px #ebe3e7;
            box-shadow: 0 3px 9px 0 rgba(59, 27, 224, 0.1), 0 5px 15px 0 rgba(224, 27, 27, 0.1), 0 0 0 1px #ebe3e7;
  }
}

@media (hover: hover) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .news-block .C1 .news-item:hover {
    -webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.4), 0 5px 15px 0 rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.16);
            box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.4), 0 5px 15px 0 rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.16);
  }
}

@media (hover: hover) {
  :root[data-theme=dark] .news-block .C1 .news-item:hover {
    -webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.4), 0 5px 15px 0 rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.16);
            box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.4), 0 5px 15px 0 rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.16);
  }
}

.news-block .C1 .poll-container {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

@media all and (min-width: 768px) {
  .news-block .C1 .thumb {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-bottom: 0;
    height: auto;
  }
}

.news-block .C1 .text-container h2 .marcaj,
.news-block .C1 .text-container .h2 .marcaj {
  font-size: 13px;
  padding: 2px 7px;
  margin: 3.5px 7px 0 0;
}

@media all and (min-width: 768px) {
  .news-block .C1 .text-container h2 .marcaj,
  .news-block .C1 .text-container .h2 .marcaj {
    font-size: 11px;
    margin: 2px 7px 0 0;
    padding: 1px 7px 2px;
  }
}

.news-block .C2 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

@media all and (max-width: 767px) {
  .news-block .C2 .news-item:first-child .comments-no {
    padding: 9px 15px 8px 31px;
    background-position: 17px 11px;
    border-radius: 0 0 0 5px;
  }
}

@media (hover: hover) {
  .news-block .C2 .news-item:hover {
    -webkit-transform: scale(1.015);
            transform: scale(1.015);
    -webkit-box-shadow: 0 3px 9px 0 rgba(59, 27, 224, 0.1), 0 5px 15px 0 rgba(224, 27, 27, 0.1), 0 0 0 1px #ebe3e7;
            box-shadow: 0 3px 9px 0 rgba(59, 27, 224, 0.1), 0 5px 15px 0 rgba(224, 27, 27, 0.1), 0 0 0 1px #ebe3e7;
  }
}

@media (hover: hover) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .news-block .C2 .news-item:hover {
    -webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.4), 0 5px 15px 0 rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.16);
            box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.4), 0 5px 15px 0 rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.16);
  }
}

@media (hover: hover) {
  :root[data-theme=dark] .news-block .C2 .news-item:hover {
    -webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.4), 0 5px 15px 0 rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.16);
            box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.4), 0 5px 15px 0 rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.16);
  }
}

.news-block .C2 .thumb {
  padding-bottom: 66.66%;
}

@media all and (min-width: 768px) {
  .news-block .C2 .text-container h2,
  .news-block .C2 .text-container .h2 {
    padding: 9px 20px 22px;
  }
}

@media all and (min-width: 768px) {
  .news-block .C2 .text-container h6,
  .news-block .C2 .text-container .h6 {
    padding: 21px 0 0 21px;
  }
}

.news-block .C2 .story-item .thumb {
  padding-bottom: 235px;
}

.news-block .C3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

@media all and (min-width: 768px) {
  .news-block .C3 {
    width: 100%;
  }
}

@media all and (min-width: 1280px) {
  .news-block .C3 {
    margin-left: 20px;
    width: 300px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
  }
}

.news-block .C3 .banner {
  padding: 0;
}

@media all and (min-width: 1280px) {
  .news-block .C3 .banner {
    position: -webkit-sticky;
    position: sticky;
    top: 71px;
  }
}

.news-block .C3 .x300x250 {
  padding: 20px 0;
}

@media all and (min-width: 768px) {
  .news-block .C3 .x300x250 {
    display: none;
  }
}

.news-block .C3 .x300x600 {
  display: none;
}

@media all and (min-width: 1280px) {
  .news-block .C3 .x300x600 {
    display: block;
    padding: 0;
  }
}

.news-block .C3 .x728x90 {
  display: none;
}

@media all and (min-width: 768px) {
  .news-block .C3 .x728x90 {
    padding: 0 0 20px;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
}

@media all and (min-width: 1280px) {
  .news-block .C3 .x728x90 {
    display: none;
  }
}

@media all and (min-width: 1280px) {
  .news-block .C3 h2,
  .news-block .C3 .h2 {
    font-size: 18px;
    letter-spacing: 0;
  }
}

@media all and (min-width: 1280px) {
  .news-block .C3 .statistics {
    padding: 12px;
  }
}

@media all and (min-width: 1280px) {
  .news-block .C3 .statistics .more {
    margin-top: 15px;
  }
}

.news-block .C3 .box-header h2,
.news-block .C3 .box-header .h2 {
  font-size: 24px !important;
  letter-spacing: -.2px !important;
  width: 100%;
}

.news-block .C3.visible-on-mobile {
  display: block;
}

@media all and (max-width: 767px) {
  .news-block .C3.visible-on-mobile {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}

@media all and (min-width: 1280px) {
  .news-block .C3.visible-on-mobile {
    display: block;
  }
}

@media all and (min-width: 1280px) {
  .news-block .C3.video-of-the-day .icon-header {
    margin-bottom: 20px;
  }
}

.news-block .best-of-today .news-item {
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
}

.news-block .best-of-today .thumb {
  border-radius: 5px;
}

.news-block .partners {
  display: block;
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 15px 18px;
  overflow-x: auto;
}

@media all and (min-width: 768px) {
  .news-block .partners {
    background-color: #FFF;
    background-image: none;
    border-radius: 15px;
    -webkit-box-shadow: 0 3px 9px 0 rgba(59, 27, 224, 0.05), 0 5px 15px 0 rgba(224, 27, 27, 0.05), 0 0 0 1px rgba(235, 227, 231, 0.85);
            box-shadow: 0 3px 9px 0 rgba(59, 27, 224, 0.05), 0 5px 15px 0 rgba(224, 27, 27, 0.05), 0 0 0 1px rgba(235, 227, 231, 0.85);
  }
}

@media all and (min-width: 768px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .news-block .partners {
    background-color: #0E1823;
    -webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
            box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
  }
}

@media all and (min-width: 768px) {
  :root[data-theme=dark] .news-block .partners {
    background-color: #0E1823;
    -webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
            box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
  }
}

.news-block .partners .news-item {
  width: 200px;
  margin-right: 15px;
}

@media all and (min-width: 768px) {
  .news-block .partners .news-item {
    width: calc((100% - 30px) / 3);
    -webkit-box-shadow: none;
            box-shadow: none;
    margin-bottom: 0;
    margin-right: 0;
  }
}

@media all and (min-width: 768px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .news-block .partners .news-item {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

@media all and (min-width: 768px) {
  :root[data-theme=dark] .news-block .partners .news-item {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

.news-block .partners .news-item::before {
  display: none;
}

@media all and (min-width: 768px) {
  .news-block .partners .news-item h2,
  .news-block .partners .news-item .h2,
  .news-block .partners .news-item h6,
  .news-block .partners .news-item .h6 {
    padding: 0;
  }
}

@media all and (min-width: 768px) {
  .news-block .partners .news-item .thumb {
    border-radius: 10px;
  }
}

.news-block .partners__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media all and (min-width: 768px) {
  .news-block .partners__inner {
    width: 940px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media all and (max-width: 767px) {
  .news-block.branded {
    background-color: #FFF !important;
  }
}

@media all and (min-width: 768px) {
  .news-block + .news-block,
  .news-block + .mobile-only + .news-block,
  .news-block + .banner + .news-block {
    padding-top: 0;
  }
}

@media all and (min-width: 768px) {
  .news-block.branded + .news-block,
  .news-block.branded + .mobile-only + .news-block {
    padding-top: 30px;
  }
}

@media all and (min-width: 768px) {
  .news-block + .news-block.branded,
  .news-block + .mobile-only + .news-block.branded,
  .news-block.related-big + .news-block {
    padding-top: 30px;
  }
}

@media all and (min-width: 1280px) {
  .news-block + .banner + .news-block {
    padding-top: 30px;
  }
}

@media all and (min-width: 768px) {
  .news-block + .news-block--share-dezbatere {
    padding-top: 22px;
  }
}

@media all and (min-width: 768px) {
  .news-block--share-dezbatere {
    background-color: #FFF;
    background-image: none;
    padding: 22px 0 20px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(0, 0, 0, 0.1);
  }
}

@media all and (min-width: 768px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .news-block--share-dezbatere {
    background-color: #0E1823;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.05);
            box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  }
}

@media all and (min-width: 768px) {
  :root[data-theme=dark] .news-block--share-dezbatere {
    background-color: #0E1823;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.05);
            box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  }
}

@media all and (min-width: 768px) {
  .news-block--share-dezbatere + .news-block {
    padding-top: 30px;
    margin-top: 0;
    -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
  }
}

@media all and (min-width: 1280px) {
  .news-block--share-dezbatere .C3 {
    padding-top: 75px;
    padding-bottom: 19px;
  }
}

@media all and (min-width: 768px) {
  .hero .C1,
  .news-block .C1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 300px;
  }
}

@media all and (min-width: 768px) {
  .hero .C1 h2,
  .hero .C1 .h2,
  .news-block .C1 h2,
  .news-block .C1 .h2 {
    font-size: 18px;
    letter-spacing: 0;
  }
}

@media all and (min-width: 768px) {
  .hero .C1 .agenda h2,
  .hero .C1 .agenda .h2,
  .news-block .C1 .agenda h2,
  .news-block .C1 .agenda .h2 {
    font-size: 36px;
    letter-spacing: -1px;
  }
}

@media all and (min-width: 768px) {
  .hero .C2,
  .news-block .C2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-left: 20px;
  }
}

.news-block--campionate {
  background-image: none;
  background-color: #FFF;
  position: relative;
  z-index: 1;
  padding: 40px 0;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .news-block--campionate {
    background-color: #0E1823;
  }
}

:root[data-theme=dark] .news-block--campionate {
  background-color: #0E1823;
}

.news-block--campionate .controller {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

@media all and (min-width: 1280px) {
  .news-block--campionate .controller {
    padding-right: 0;
    padding-left: 320px;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

@media all and (min-width: 1280px) {
  .news-block--campionate h2 {
    margin-top: -6px;
    margin-bottom: 14px;
  }
}

@media (hover: hover) {
  .news-block--campionate h2:hover {
    color: #1C242E;
  }
}

@media (hover: hover) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .news-block--campionate h2:hover {
    color: #EBE3E7;
  }
}

@media (hover: hover) {
  :root[data-theme=dark] .news-block--campionate h2:hover {
    color: #EBE3E7;
  }
}

@media all and (min-width: 1280px) {
  .news-block--campionate .h2 {
    margin-top: -6px;
    margin-bottom: 14px;
  }
}

@media (hover: hover) {
  .news-block--campionate .h2:hover {
    color: #1C242E;
  }
}

@media (hover: hover) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .news-block--campionate .h2:hover {
    color: #EBE3E7;
  }
}

@media (hover: hover) {
  :root[data-theme=dark] .news-block--campionate .h2:hover {
    color: #EBE3E7;
  }
}

.news-block--campionate .box-header .tabs {
  font-size: 11px;
}

.news-block--campionate .box-header .tabs li a {
  padding: 8px 0;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .news-block--campionate .box-header .tabs li a.selected::after {
    background-color: #0E1823;
  }
}

:root[data-theme=dark] .news-block--campionate .box-header .tabs li a.selected::after {
  background-color: #0E1823;
}

.news-block--campionate .box-header .tabs + .tabs {
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  margin-top: -11px;
}

@media all and (min-width: 1280px) {
  .news-block--campionate .C1 {
    margin-left: 20px;
  }
}

.news-block--campionate .C2 {
  margin-left: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media all and (min-width: 768px) {
  .news-block--campionate .C2 {
    width: calc(100% - 330px);
    margin-right: 30px;
  }
}

@media all and (min-width: 1280px) {
  .news-block--campionate .C2 {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .news-block--campionate .C2 .box-header .tabs {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

:root[data-theme=dark] .news-block--campionate .C2 .box-header .tabs {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.news-block--campionate .C3 {
  display: none;
}

@media all and (min-width: 1280px) {
  .news-block--campionate .C3 {
    display: block;
    right: auto;
    left: 0;
    margin-left: 0;
  }
}

@media all and (min-width: 1280px) {
  .news-block--campionate .C1 .banner {
    position: sticky;
	top: 71px;
}
  }
}

@media all and (min-width: 768px) {
  .news-block--campionate + .news-block {
    padding-top: 30px;
  }
}

.blogsport {
  position: relative;
  padding-bottom: 17px;
  overflow: hidden;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .blogsport {
    background-color: #0E1823;
  }
}

:root[data-theme=dark] .blogsport {
  background-color: #0E1823;
}

@media all and (min-width: 768px) {
  .blogsport {
    padding-bottom: 30px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  }
}

@media all and (min-width: 768px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .blogsport {
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
            box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
  }
}

@media all and (min-width: 768px) {
  :root[data-theme=dark] .blogsport {
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
            box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
  }
}

@media all and (min-width: 768px) {
  .blogsport .controller {
    width: 100%;
  }
}

@media all and (min-width: 1280px) {
  .blogsport .controller {
    width: calc(100% - 60px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media all and (min-width: 1440px) {
  .blogsport .controller {
    width: 1260px;
  }
}

.blogsport .logo-blogsport {
  padding: 18px 15px 8px;
  display: block;
}

@media all and (min-width: 768px) {
  .blogsport .logo-blogsport {
    padding: 20px 30px 14px;
  }
}

.blogsport .logo-blogsport img {
  width: 150px;
  height: auto;
}

.blogsport .prev-next {
  display: none;
}

@media all and (min-width: 1280px) {
  .blogsport .prev-next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 40px;
    height: 42px;
    width: 42px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-shadow: 0 3px 10px rgba(28, 36, 46, 0.25);
            box-shadow: 0 3px 10px rgba(28, 36, 46, 0.25);
    -webkit-transform: translate(0, 157px);
            transform: translate(0, 157px);
    background-color: #FFF;
    position: relative;
    z-index: 10;
    margin-right: -21px;
    margin-top: -30px;
  }
}

@media all and (min-width: 1280px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .blogsport .prev-next {
    background-color: #495360;
  }
}

@media all and (min-width: 1280px) {
  :root[data-theme=dark] .blogsport .prev-next {
    background-color: #495360;
  }
}

@media all and (min-width: 1440px) {
  .blogsport .prev-next {
    margin-right: -60px;
  }
}

@media all and (min-width: 1280px) {
  .blogsport .prev-next:first-child {
    margin-right: 0;
    margin-left: -21px;
  }
}

@media all and (min-width: 1440px) {
  .blogsport .prev-next:first-child {
    margin-left: -60px;
  }
}

@media all and (min-width: 1280px) {
  .blogsport .prev-next img {
    width: 14px;
    height: 14px;
  }
}

@media (hover: hover) {
  .blogsport .prev-next:hover {
    background-color: #FFB600;
  }
}

@media (hover: hover) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .blogsport .prev-next:hover {
    background-color: #FFB600;
  }
}

@media (hover: hover) {
  :root[data-theme=dark] .blogsport .prev-next:hover {
    background-color: #FFB600;
  }
}

.blogsport .blogsport-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

@media all and (min-width: 1280px) {
  .blogsport .blogsport-wrapper {
    overflow: hidden;
  }
}

.blogsport .blogsport-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding-right: 15px;
}

@media all and (min-width: 768px) {
  .blogsport .blogsport-container {
    padding-right: 30px;
  }
}

@media all and (min-width: 1280px) {
  .blogsport .blogsport-container {
    padding-right: 0;
  }
}

.blogsport .news-item {
  width: 275px;
  height: 144px;
  overflow: hidden;
  margin-left: 10px;
  border-radius: 15px;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  background-image: -webkit-gradient(linear, right top, left top, from(#FF6C00), to(#EB003C));
  background-image: linear-gradient(270deg, #FF6C00 0%, #EB003C 100%);
  position: relative;
}

@media all and (min-width: 768px) {
  .blogsport .news-item {
    width: 300px;
    height: 157px;
    margin-left: 20px;
  }
}

@media all and (min-width: 1280px) {
  .blogsport .news-item {
    width: calc((100vw - 120px) / 4);
  }
}

@media all and (min-width: 1440px) {
  .blogsport .news-item {
    width: 300px;
  }
}

.blogsport .news-item::before {
  content: '';
  position: absolute;
  display: block;
  background-image: -webkit-gradient(linear, right top, left top, from(#FF6C00), to(#EB003C));
  background-image: linear-gradient(270deg, #FF6C00 0%, #EB003C 100%);
  top: -100px;
  right: -50px;
  bottom: -100px;
  left: -50px;
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
}

.blogsport .news-item:first-child {
  margin-left: 15px;
}

@media all and (min-width: 768px) {
  .blogsport .news-item:first-child {
    margin-left: 30px;
  }
}

@media all and (min-width: 1280px) {
  .blogsport .news-item:first-child {
    margin-left: 0;
  }
}

@media (hover: hover) {
  .blogsport .news-item:hover::before {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .blogsport .news-item:hover .author {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
  }
}

.blogsport .thumb {
  padding-bottom: 144px;
  background-color: transparent;
  background-image: none;
}

@media all and (min-width: 768px) {
  .blogsport .thumb {
    padding-bottom: 157px;
  }
}

@-webkit-keyframes fadeInHalf {
  from {
    opacity: 0;
  }
  to {
    opacity: .5;
  }
}

@keyframes fadeInHalf {
  from {
    opacity: 0;
  }
  to {
    opacity: .5;
  }
}

.blogsport .thumb img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom center;
     object-position: bottom center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.blogsport .thumb img.fadeIn {
  -webkit-animation-name: fadeInHalf;
  animation-name: fadeInHalf;
}

.blogsport .thumb .author {
  width: 124px;
  height: auto;
  padding-bottom: 0;
  position: absolute;
  bottom: -1px;
  left: 0;
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
  top: 8px;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
}

@media all and (min-width: 768px) {
  .blogsport .thumb .author {
    width: 135px;
    top: 9px;
  }
}

.blogsport .text-container {
  position: absolute;
  top: 0;
  right: 0;
  width: 170px;
}

@media all and (min-width: 768px) {
  .blogsport .text-container {
    width: 180px;
  }
}

.blogsport .text-container h6,
.blogsport .text-container .h6 {
  color: #FFB600;
  margin-top: 0;
  max-width: calc(100% - 15px);
}

@media all and (min-width: 768px) {
  .blogsport .text-container h6,
  .blogsport .text-container .h6 {
    margin-top: 5px;
  }
}

.blogsport .text-container h6::before, .blogsport .text-container h6::after,
.blogsport .text-container .h6::before,
.blogsport .text-container .h6::after {
  display: none;
}

.blogsport .text-container h2,
.blogsport .text-container .h2 {
  font-size: 20px;
  letter-spacing: -.1px;
  color: #FFF;
  padding: 0;
  margin: 8px 15px 0;
  line-height: 1.1;
  max-height: 92px;
  overflow: hidden;
}

@media all and (min-width: 768px) {
  .blogsport .text-container h2,
  .blogsport .text-container .h2 {
    font-size: 20px;
    letter-spacing: -.2px;
  }
}

.gazeta-digitala {
  display: block;
}

@media (hover: hover) {
  .gazeta-digitala:hover h2,
  .gazeta-digitala:hover .h2 {
    color: #1C242E !important;
  }
}

.gazeta-digitala .logo {
  width: 180px;
  margin: 5px 0 8px 2px;
}

.gazeta-digitala .cover {
  background-image: url(../images/bg-gazeta-digitala.png);
  width: 276px;
  height: 240px;
  background-size: contain;
  text-align: center;
}

.gazeta-digitala .cover img {
  vertical-align: top;
  height: 240px;
}

.gazeta-digitala h2,
.gazeta-digitala .h2 {
  padding: 13px 3px 14px;
  border-bottom: 1px solid #F5F0F3;
}

.gazeta-digitala h2:last-child,
.gazeta-digitala .h2:last-child {
  padding-bottom: 5px;
  border-bottom: none;
}

@media (hover: hover) {
  .gazeta-digitala h2:hover,
  .gazeta-digitala .h2:hover {
    color: #E01B2F !important;
  }
}

@media all and (max-width: 767px) {
  .statistics,
  .agenda,
  .share-it,
  .debate {
    overflow: hidden;
    position: relative;
    padding: 17px 15px;
  }
}

@media all and (max-width: 767px) {
  .statistics::before,
  .agenda::before,
  .share-it::before,
  .debate::before {
    content: '';
    position: absolute;
    height: 10px;
    width: 100%;
    left: 0;
    top: -10px;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  }
}

.statistics {
  position: relative;
}

.statistics table {
  width: 100%;
  font-size: 16px;
}

.statistics table th {
  text-align: center;
}

.statistics table th.matches, .statistics table th.wins, .statistics table th.draws, .statistics table th.losses, .statistics table th.form, .statistics table th.goals {
  display: none;
}

.statistics table th.team-name {
  text-align: left;
}

.statistics table th.points {
  text-align: right;
}

.statistics table td {
  text-align: center;
  padding: 7px 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .statistics table td {
    border-bottom: 1px solid #333A43;
  }
}

:root[data-theme=dark] .statistics table td {
  border-bottom: 1px solid #333A43;
}

.statistics table td.no {
  padding: 7px 0;
}

.statistics table td.no span {
  height: 28px;
  width: 28px;
  background-color: #F5F0F3;
  background-size: contain;
  display: block;
  font-size: 16px;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 3px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .statistics table td.no span {
    background-color: #1C242E;
  }
}

:root[data-theme=dark] .statistics table td.no span {
  background-color: #1C242E;
}

.statistics table td.no span.ch-league {
  background-color: #095ad4;
  color: #FFF;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .statistics table td.no span.ch-league {
    background-color: #095ad4;
    color: #FFF;
  }
}

:root[data-theme=dark] .statistics table td.no span.ch-league {
  background-color: #095ad4;
  color: #FFF;
}

.statistics table td.no span.eu-league {
  background-color: #28B200;
  color: #FFF;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .statistics table td.no span.eu-league {
    background-color: #28B200;
    color: #FFF;
  }
}

:root[data-theme=dark] .statistics table td.no span.eu-league {
  background-color: #28B200;
  color: #FFF;
}

.statistics table td.no span.relegated {
  background-color: #E01B2F;
  color: #FFF;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .statistics table td.no span.relegated {
    background-color: #E01B2F;
    color: #FFF;
  }
}

:root[data-theme=dark] .statistics table td.no span.relegated {
  background-color: #E01B2F;
  color: #FFF;
}

.statistics table td.team-logo {
  padding: 0 5px;
}

.statistics table td.team-logo span {
  height: 35px;
  width: 35px;
  padding: 3px;
  display: block;
}

.statistics table td.team-logo span img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.statistics table td.team-name {
  text-align: left;
  width: 100%;
  font-weight: 700;
  padding-left: 0;
}

.statistics table td.team-name span {
  height: 28px;
  width: 100%;
  background-color: #F5F0F3;
  background-size: contain;
  display: block;
  font-size: 16px;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-radius: 3px;
  padding: 0 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  max-width: calc(100vw - 253px);
  line-height: 28px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .statistics table td.team-name span {
    background-color: #1C242E;
  }
}

:root[data-theme=dark] .statistics table td.team-name span {
  background-color: #1C242E;
}

@media all and (min-width: 1280px) {
  .statistics table td.team-name span {
    max-width: 220px;
  }
}

.statistics table td.team-name a {
  height: 28px;
  width: 100%;
  background-color: #F5F0F3;
  background-size: contain;
  display: block;
  font-size: 16px;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-radius: 3px;
  padding: 0 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  max-width: calc(100vw - 253px);
  line-height: 28px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .statistics table td.team-name a {
    background-color: #1C242E;
  }
}

:root[data-theme=dark] .statistics table td.team-name a {
  background-color: #1C242E;
}

@media all and (min-width: 1280px) {
  .statistics table td.team-name a {
    max-width: 220px;
  }
}

.statistics table td.team-name a:hover {
  background-color: #EBE3E7;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .statistics table td.team-name a:hover {
    background-color: #333A43;
  }
}

:root[data-theme=dark] .statistics table td.team-name a:hover {
  background-color: #333A43;
}

.statistics table td.matches, .statistics table td.wins, .statistics table td.draws, .statistics table td.losses, .statistics table td.form, .statistics table td.goals {
  display: none;
}

.statistics table td.form {
  white-space: nowrap;
}

.statistics table td.form div {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 100px;
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  vertical-align: top;
  margin-top: 3px;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  cursor: pointer;
}

.statistics table td.form div .sticky-buttons__tooltip {
  z-index: 10;
  top: -47px;
  left: -39px;
  line-height: 1;
  height: 40px;
}

.statistics table td.form div .sticky-buttons__tooltip::before {
  border-width: 4px 3px 0 3px;
  border-color: rgba(0, 0, 0, 0.85) transparent transparent transparent;
  top: 40px;
  left: 46px;
}

.statistics table td.form div .sticky-buttons__tooltip > span {
  font-weight: 700;
  height: 40px;
  padding-top: 6px;
}

.statistics table td.form div .sticky-buttons__tooltip .sticky-buttons__desktop-text {
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 11px;
  margin-bottom: 3px;
}

@media (hover: hover) {
  .statistics table td.form div:hover .sticky-buttons__tooltip {
    opacity: 1;
  }
}

.statistics table td.form .form__w {
  background-color: #28B200;
  background-image: url(../images/forma-victorie.svg);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .statistics table td.form .form__w {
    -webkit-box-shadow: inset 0 0 0 1px #28B200;
            box-shadow: inset 0 0 0 1px #28B200;
    background-image: url(../images/forma-victorie-dark.svg);
    background-color: transparent;
  }
}

:root[data-theme=dark] .statistics table td.form .form__w {
  -webkit-box-shadow: inset 0 0 0 1px #28B200;
          box-shadow: inset 0 0 0 1px #28B200;
  background-image: url(../images/forma-victorie-dark.svg);
  background-color: transparent;
}

.statistics table td.form .form__e {
  background-color: #FFB600;
  background-image: url(../images/forma-egal.svg);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .statistics table td.form .form__e {
    -webkit-box-shadow: inset 0 0 0 1px #FFB600;
            box-shadow: inset 0 0 0 1px #FFB600;
    background-image: url(../images/forma-egal-dark.svg);
    background-color: transparent;
  }
}

:root[data-theme=dark] .statistics table td.form .form__e {
  -webkit-box-shadow: inset 0 0 0 1px #FFB600;
          box-shadow: inset 0 0 0 1px #FFB600;
  background-image: url(../images/forma-egal-dark.svg);
  background-color: transparent;
}

.statistics table td.form .form__l {
  background-color: #E01B2F;
  background-image: url(../images/forma-infrangere.svg);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .statistics table td.form .form__l {
    -webkit-box-shadow: inset 0 0 0 1px #E01B2F;
            box-shadow: inset 0 0 0 1px #E01B2F;
    background-image: url(../images/forma-infrangere-dark.svg);
    background-color: transparent;
  }
}

:root[data-theme=dark] .statistics table td.form .form__l {
  -webkit-box-shadow: inset 0 0 0 1px #E01B2F;
          box-shadow: inset 0 0 0 1px #E01B2F;
  background-image: url(../images/forma-infrangere-dark.svg);
  background-color: transparent;
}

.statistics table td.points {
  text-align: right;
  padding-right: 0;
}

.statistics table td.points span {
  height: 28px;
  width: 28px;
  background-color: #F5F0F3;
  background-size: contain;
  display: block;
  font-size: 16px;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 3px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .statistics table td.points span {
    background-color: #1C242E;
  }
}

:root[data-theme=dark] .statistics table td.points span {
  background-color: #1C242E;
}

.statistics table th {
  font-size: 11px;
  color: rgba(28, 36, 46, 0.5);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  padding-top: 8px;
  padding-bottom: 8px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .statistics table th {
    color: rgba(235, 227, 231, 0.5);
  }
}

:root[data-theme=dark] .statistics table th {
  color: rgba(235, 227, 231, 0.5);
}

.statistics .results {
  display: none;
}

.statistics .results > * {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .statistics .results > * {
    border-bottom: 1px solid #333A43;
  }
}

:root[data-theme=dark] .statistics .results > * {
  border-bottom: 1px solid #333A43;
}

.statistics .results .matchday select {
  border: none;
  padding: 8px 30px 8px 0;
  margin: 0;
  font-family: "Barlow", sans-serif;
  font-size: 11px;
  font-weight: 700;
  color: rgba(28, 36, 46, 0.5);
  text-transform: uppercase;
  letter-spacing: 1px;
  width: auto;
  background-image: url(../images/dropdown-arrow-gray.svg);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .statistics .results .matchday select {
    background-color: #0E1823;
    color: rgba(235, 227, 231, 0.5);
    background-image: url(../images/dropdown-arrow-white.svg);
  }
}

:root[data-theme=dark] .statistics .results .matchday select {
  background-color: #0E1823;
  color: rgba(235, 227, 231, 0.5);
  background-image: url(../images/dropdown-arrow-white.svg);
}

@media all and (min-width: 1280px) {
  .statistics .results .matchday select {
    display: none;
  }
}

.statistics .results .matchday ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 11px;
  font-weight: 700;
  color: rgba(28, 36, 46, 0.5);
  text-transform: uppercase;
  display: none;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: 1px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .statistics .results .matchday ul {
    color: rgba(235, 227, 231, 0.5);
  }
}

:root[data-theme=dark] .statistics .results .matchday ul {
  color: rgba(235, 227, 231, 0.5);
}

@media all and (min-width: 1280px) {
  .statistics .results .matchday ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.statistics .results .matchday ul li:first-child {
  padding: 8px 4px 8px 0;
}

.statistics .results .matchday ul a {
  display: block;
  width: 100%;
  padding: 8px 4px;
}

.statistics .results .matchday ul a.played {
  color: #1C242E;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .statistics .results .matchday ul a.played {
    color: #EBE3E7;
  }
}

:root[data-theme=dark] .statistics .results .matchday ul a.played {
  color: #EBE3E7;
}

.statistics .results .matchday ul a.current {
  color: #E01B2F;
}

@media (hover: hover) {
  .statistics .results .matchday ul a:hover {
    background-color: #F5F0F3;
  }
}

@media (hover: hover) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .statistics .results .matchday ul a:hover {
    background-color: #333A43;
  }
}

@media (hover: hover) {
  :root[data-theme=dark] .statistics .results .matchday ul a:hover {
    background-color: #333A43;
  }
}

.statistics .results .match {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  line-height: 1.1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  padding-left: 35px;
}

.statistics .results .match .team-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.statistics .results .match .team-wrapper:last-child {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.statistics .results .match .team-wrapper:last-child .scorers .wrapper div {
  bottom: auto;
  top: 0;
  padding-bottom: 0;
  padding-top: 3px;
}

.statistics .results .match .team-wrapper:last-child .team-logos div {
  padding: 1px 3px 5px;
}

.statistics .results .match .team-wrapper:last-child .score {
  border-radius: 0 0 3px 3px;
  padding: 0 0 3px;
}

.statistics .results .match .team-wrapper:last-child .team-names {
  padding-bottom: 3px;
}

@media all and (min-width: 1024px) {
  .statistics .results .match .team-wrapper:last-child .team-names {
    padding-bottom: 0;
  }
}

.statistics .results .match .date-time {
  width: 35px;
  font-size: 11px;
  line-height: 1.18;
  position: absolute;
  top: 17px;
  left: 0;
}

.statistics .results .match .date-time.links {
  display: none;
}

.statistics .results .match .team-logos {
  width: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}

@media all and (min-width: 1024px) {
  .statistics .results .match .team-logos {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

.statistics .results .match .team-logos div {
  height: 35px;
  width: 35px;
  padding: 5px 3px 1px;
}

.statistics .results .match .team-logos img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.statistics .results .match .team-names {
  font-weight: 700;
  padding: 0 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: #F5F0F3;
  border-radius: 3px;
  height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .statistics .results .match .team-names {
    background-color: #1C242E;
  }
}

:root[data-theme=dark] .statistics .results .match .team-names {
  background-color: #1C242E;
}

.statistics .results .match .scorers {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
  font-size: 10px;
  line-height: 1.18;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-right: 7px;
  overflow: hidden;
}

.statistics .results .match .scorers .wrapper {
  position: relative;
  height: 35px;
}

.statistics .results .match .scorers .wrapper div {
  position: absolute;
  right: 0;
  padding-bottom: 3px;
  bottom: 0;
}

.statistics .results .match .scorers .wrapper div span {
  display: inline-block;
  margin-left: 5px;
}

.statistics .results .match .score {
  width: 28px;
  height: 28px;
  background-color: #F5F0F3;
  border-radius: 3px 3px 0 0;
  text-align: center;
  font-weight: 700;
  padding: 3px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 6px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .statistics .results .match .score {
    background-color: #1C242E;
  }
}

:root[data-theme=dark] .statistics .results .match .score {
  background-color: #1C242E;
}

.statistics .results .match.in-progress .score {
  background-color: #FFB600;
}

.statistics .results .general-info {
  padding: 15px 0 7px;
  border-bottom: none;
}

.statistics .results .general-info span {
  font-size: 11px;
  display: block;
}

.statistics .results .general-info span a {
  color: #E01B2F;
}

@media (hover: hover) {
  .statistics .results .general-info span a:hover {
    text-decoration: underline;
  }
}

#statistics,
#agenda {
  position: absolute;
  height: 0;
  width: 0;
  top: -65px;
}

@media all and (min-width: 768px) {
  #statistics,
  #agenda {
    top: -82px;
  }
}

#standings {
  width: 100%;
}

.box-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.box-header h2,
.box-header .h2 {
  margin-bottom: 10px;
  font-size: 30px;
  letter-spacing: -0.5px;
  line-height: 1.1;
  font-weight: 700;
}

@media all and (min-width: 768px) {
  .box-header h2,
  .box-header .h2 {
    font-size: 36px;
    letter-spacing: -1px;
  }
}

.box-header .competition-selector {
  margin: 1px 0 10px 10px;
  width: 21px;
  height: 21px;
  border: 1px solid #1C242E;
  border-radius: 100px;
  background-image: url(../images/dropdown-arrow.svg);
  background-repeat: no-repeat;
  background-position: center 5px;
}

.box-header .competition-selector select {
  padding: 0;
  width: 19px;
  height: 19px;
  border: none;
  margin: 0;
  opacity: 0;
}

.box-header .tabs-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15), 0 -1px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15), 0 -1px 0 rgba(0, 0, 0, 0.15);
  width: 100%;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .box-header .tabs-wrapper {
    -webkit-box-shadow: inset 0 -1px 0 #333A43, 0 -1px 0 #333A43;
            box-shadow: inset 0 -1px 0 #333A43, 0 -1px 0 #333A43;
  }
}

:root[data-theme=dark] .box-header .tabs-wrapper {
  -webkit-box-shadow: inset 0 -1px 0 #333A43, 0 -1px 0 #333A43;
          box-shadow: inset 0 -1px 0 #333A43, 0 -1px 0 #333A43;
}

@media all and (min-width: 1280px) {
  .box-header .tabs-wrapper {
    display: block;
  }
}

.box-header .tabs-wrapper .tabs {
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-bottom: 0;
}

@media all and (min-width: 1280px) {
  .box-header .tabs-wrapper .tabs {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.box-header .tabs-wrapper + .tabs-wrapper {
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
}

.box-header .tabs {
  width: 100%;
  list-style-type: none;
  margin: 1px 0 10px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15), 0 -1px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15), 0 -1px 0 rgba(0, 0, 0, 0.15);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .box-header .tabs {
    -webkit-box-shadow: inset 0 -1px 0 #333A43, 0 -1px 0 #333A43;
            box-shadow: inset 0 -1px 0 #333A43, 0 -1px 0 #333A43;
  }
}

:root[data-theme=dark] .box-header .tabs {
  -webkit-box-shadow: inset 0 -1px 0 #333A43, 0 -1px 0 #333A43;
          box-shadow: inset 0 -1px 0 #333A43, 0 -1px 0 #333A43;
}

.box-header .tabs li {
  margin-right: 20px;
}

.box-header .tabs li a {
  display: block;
  padding: 9px 0 10px;
  text-align: center;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
}

@media (hover: hover) {
  .box-header .tabs li a:hover {
    text-decoration: underline;
  }
}

.box-header .tabs li a.selected {
  color: #E01B2F;
}

.box-header .tabs li a.selected::after {
  content: '';
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  border: 1.5px solid rgba(0, 0, 0, 0.15);
  background-color: #FFF;
  bottom: -7px;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .box-header .tabs li a.selected::after {
    background-color: #1C242E;
    border: 1.5px solid #333A43;
  }
}

:root[data-theme=dark] .box-header .tabs li a.selected::after {
  background-color: #1C242E;
  border: 1.5px solid #333A43;
}

@media all and (max-width: 767px) {
  .C1 {
    width: 100%;
  }
}

@media all and (max-width: 767px) {
  .C1 .news-item {
    padding: 17px 15px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media all and (max-width: 767px) {
  .C1 .news-item .thumb {
    width: 77px;
    padding-bottom: 77px;
    border-radius: 15px;
  }
}

@media all and (min-width: 375px) and (max-width: 767px) {
  .C1 .news-item .thumb {
    width: 87px;
    padding-bottom: 87px;
  }
}

@media all and (max-width: 767px) {
  .C1 .news-item .text-container {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-left: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media all and (max-width: 767px) {
  .C1 .news-item .text-container h6::before, .C1 .news-item .text-container h6::after,
  .C1 .news-item .text-container .h6::before,
  .C1 .news-item .text-container .h6::after {
    display: none;
  }
}

@media all and (max-width: 767px) {
  .C1 .news-item .text-container h6,
  .C1 .news-item .text-container .h6 {
    padding: 0;
    margin: -1px 0 6px;
    max-width: 100%;
    padding-right: 40px;
  }
}

@media all and (max-width: 767px) {
  .C1 .news-item .text-container h2,
  .C1 .news-item .text-container .h2 {
    padding: 0;
    font-size: 18px;
    letter-spacing: -.1px;
  }
}

@media all and (min-width: 375px) and (max-width: 767px) {
  .C1 .news-item .text-container h2,
  .C1 .news-item .text-container .h2 {
    font-size: 20px;
  }
}

@media all and (min-width: 768px) {
  .C1 .news-item .text-container h2,
  .C1 .news-item .text-container .h2 {
    padding-top: 10px !important;
    margin-top: -4px !important;
	  background: transparent; /*Netflix*/
  }
}

@media all and (max-width: 767px) {
  .C1 .news-item .comments-no {
    color: #1C242E;
    background-color: transparent;
    background-image: url(../images/comment.svg);
    padding: 16px 15px 6px 24px;
    background-position: 10px 18px;
  }
}

@media all and (max-width: 767px) {
  .C2 {
    width: 100%;
  }
}

.C2 .marcaj--live__dot {
  width: 9px;
  height: 9px;
  margin-top: -3px;
}

.C2 .text-container h2,
.C2 .text-container .h2 {
  padding-top: 12px !important;
  margin-top: -4px !important;
}

@media all and (min-width: 768px) {
  .C2 .text-container h2,
  .C2 .text-container .h2 {
    padding-top: 17px !important;
    margin-top: -9px !important;
  }
}

.C2 .thumb-video + .text-container h2,
.C2 .thumb-video + .text-container .h2 {
  padding-top: 36px !important;
  margin-top: -28px !important;
}

@media all and (min-width: 768px) {
  .C2 .thumb-video + .text-container h2,
  .C2 .thumb-video + .text-container .h2 {
    padding-top: 41px !important;
    margin-top: -33px !important;
  }
}

@media all and (max-width: 767px) {
  .C3 {
    width: 100%;
  }
}

@media all and (max-width: 767px) {
  .C3 .news-item:not(:first-of-type) {
    padding: 17px 15px;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

@media all and (max-width: 767px) {
  .C3 .news-item:not(:first-of-type) .thumb {
    width: 77px;
    padding-bottom: 77px;
    border-radius: 10px;
  }
}

@media all and (min-width: 375px) and (max-width: 767px) {
  .C3 .news-item:not(:first-of-type) .thumb {
    width: 87px;
    padding-bottom: 87px;
  }
}

@media all and (max-width: 767px) {
  .C3 .news-item:not(:first-of-type) .text-container {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-left: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media all and (max-width: 767px) {
  .C3 .news-item:not(:first-of-type) .text-container h6,
  .C3 .news-item:not(:first-of-type) .text-container .h6 {
    padding: 0;
    margin: -1px 0 6px;
    max-width: 100%;
    padding-right: 40px;
  }
}

@media all and (max-width: 767px) {
  .C3 .news-item:not(:first-of-type) .text-container h6::before, .C3 .news-item:not(:first-of-type) .text-container h6::after,
  .C3 .news-item:not(:first-of-type) .text-container .h6::before,
  .C3 .news-item:not(:first-of-type) .text-container .h6::after {
    display: none;
  }
}

@media all and (max-width: 767px) {
  .C3 .news-item:not(:first-of-type) .text-container h2,
  .C3 .news-item:not(:first-of-type) .text-container .h2 {
    padding: 0;
    font-size: 18px;
    letter-spacing: -.1px;
  }
}

@media all and (min-width: 375px) and (max-width: 767px) {
  .C3 .news-item:not(:first-of-type) .text-container h2,
  .C3 .news-item:not(:first-of-type) .text-container .h2 {
    font-size: 20px;
  }
}

@media all and (max-width: 767px) {
  .C3 .news-item:not(:first-of-type) .comments-no {
    color: #1C242E;
    background-color: transparent;
    background-image: url(../images/comment.svg);
    padding: 16px 15px 6px 24px;
    background-position: 10px 18px;
  }
}

@media all and (max-width: 767px) {
  .C3 .news-item .comments-no.partner-icon {
    background-image: none;
  }
}

.C3 .statistics .matches,
.C3 .statistics .wins,
.C3 .statistics .draws,
.C3 .statistics .losses,
.C3 .statistics .form,
.C3 .statistics .goals {
  display: none;
}

@media all and (min-width: 1280px) {
  .statistics {
    padding: 0 20px;
  }
}

.statistics .box-header {
  margin-bottom: 10px;
}

@media all and (min-width: 360px) {
  .statistics table th.wins, .statistics table th.draws, .statistics table th.losses, .statistics table td.wins, .statistics table td.draws, .statistics table td.losses {
    display: table-cell;
  }
}

@media all and (min-width: 1024px) {
  .statistics table th.matches, .statistics table th.form, .statistics table th.goals, .statistics table td.matches, .statistics table td.form, .statistics table td.goals {
    display: table-cell;
  }
}

@media all and (min-width: 1024px) {
  .statistics .results .match {
    padding: 0 0 0 65px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

@media all and (min-width: 1024px) {
  .statistics .results .match .date-time {
    width: 60px;
  }
}

@media all and (min-width: 1024px) {
  .statistics .results .match .date-time.links {
    left: auto;
    right: 0;
    text-align: right;
    display: block;
  }
}

@media all and (min-width: 1024px) {
  .statistics .results .match .date-time a {
    color: #E01B2F;
  }
}

@media all and (min-width: 1024px) {
  .statistics .results .match .date-time a:hover {
    text-decoration: underline;
  }
}

@media all and (min-width: 360px) {
  .statistics .results .match .team-names {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

@media all and (min-width: 1024px) {
  .statistics .results .match .team-names {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: left;
  }
}

@media all and (min-width: 1024px) {
  .statistics .results .match .team-logos div {
    padding: 3px;
  }
}

@media all and (min-width: 360px) {
  .statistics .results .match .scorers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media all and (min-width: 1024px) {
  .statistics .results .match .scorers {
    width: 100%;
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    padding-right: 44px;
  }
}

@media all and (min-width: 1024px) {
  .statistics .results .match .scorers .wrapper {
    height: auto;
  }
}

@media all and (min-width: 1024px) {
  .statistics .results .match .scorers .wrapper div {
    bottom: auto;
    top: 0;
    position: static;
    padding-top: 0;
    padding-bottom: 10px;
  }
}

@media all and (min-width: 1024px) {
  .statistics .results .match .score {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    margin-right: 2px;
    margin-left: 6px;
    padding: 0;
    border-radius: 3px;
  }
}

@media all and (min-width: 1024px) {
  .statistics .results .match .team-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

@media all and (min-width: 1024px) {
  .statistics .results .match .team-wrapper:last-child {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media all and (min-width: 1024px) {
  .statistics .results .match .team-wrapper:last-child .team-logos div {
    padding: 3px;
  }
}

@media all and (min-width: 1024px) {
  .statistics .results .match .team-wrapper:last-child .team-names {
    text-align: right;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

@media all and (min-width: 1024px) {
  .statistics .results .match .team-wrapper:last-child .scorers {
    text-align: left;
    padding-right: 0;
    padding-left: 44px;
  }
}

@media all and (min-width: 1024px) {
  .statistics .results .match .team-wrapper:last-child .scorers .wrapper div {
    right: auto;
    left: 0;
    padding-top: 0;
    padding-bottom: 10px;
  }
}

@media all and (min-width: 1024px) {
  .statistics .results .match .team-wrapper:last-child .scorers .wrapper div span {
    margin-left: 0;
    margin-right: 5px;
  }
}

@media all and (min-width: 1024px) {
  .statistics .results .match .team-wrapper:last-child .score {
    margin-left: 2px;
    margin-right: 6px;
    padding: 0;
    border-radius: 3px;
  }
}

@media (hover: hover) {
  .statistics .results .match.in-progress:hover .score {
    background-color: #FFB600;
  }
  .statistics .results .match:hover .score {
    background-color: #EBE3E7;
  }
}

@media (hover: hover) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .statistics .results .match:hover .score {
    background-color: #333A43;
  }
}

@media (hover: hover) {
  :root[data-theme=dark] .statistics .results .match:hover .score {
    background-color: #333A43;
  }
  .statistics .results .match:hover .team-names {
    background-color: #EBE3E7;
  }
}

@media (hover: hover) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .statistics .results .match:hover .team-names {
    background-color: #333A43;
  }
}

@media (hover: hover) {
  :root[data-theme=dark] .statistics .results .match:hover .team-names {
    background-color: #333A43;
  }
}

@media all and (min-width: 1024px) {
  .statistics .results .general-info {
    text-align: center;
  }
}

.agenda table th {
  font-size: 11px;
  color: rgba(28, 36, 46, 0.5);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  padding-top: 8px;
  padding-bottom: 8px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .agenda table th {
    color: rgba(235, 227, 231, 0.5);
  }
}

:root[data-theme=dark] .agenda table th {
  color: rgba(235, 227, 231, 0.5);
}

.agenda {
  margin-bottom: 10px;
  position: relative;
}

@media all and (min-width: 768px) {
  .agenda {
    margin-bottom: 30px;
  }
}

.agenda .tabs li {
  margin-right: 5px;
}

.agenda .tabs li a {
  padding: 1px 0;
  width: 28px;
  letter-spacing: 0;
}

@media all and (min-width: 768px) {
  .agenda .tabs li a {
    width: 23.5px;
  }
}

.agenda .overflower {
  margin-bottom: 15px;
}

@media all and (min-width: 768px) {
  .agenda .overflower {
    overflow-y: scroll;
    overflow-x: auto;
    max-height: 255px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  }
}

@media all and (min-width: 768px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .agenda .overflower {
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.7);
            box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.7);
  }
}

@media all and (min-width: 768px) {
  :root[data-theme=dark] .agenda .overflower {
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.7);
            box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.7);
  }
}

.agenda table {
  width: 100%;
  font-size: 16px;
}

.agenda table th {
  padding: 8px 12px 7px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  text-align: left;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .agenda table th {
    border-bottom: 1px solid #333A43;
  }
}

:root[data-theme=dark] .agenda table th {
  border-bottom: 1px solid #333A43;
}

.agenda table th:first-child {
  padding-left: 0;
  width: 62px;
}

.agenda table th:nth-child(2) {
  font-weight: 700;
  padding-left: 0;
  padding-right: 0;
}

.agenda table th h3,
.agenda table th .h3 {
  margin: 2px 0 3px;
}

.agenda table th span {
  text-transform: uppercase;
  font-size: 11px;
  display: block;
  margin-bottom: 0;
  font-weight: 400;
}

.agenda table td {
  padding: 8px 12px 7px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  text-align: left;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .agenda table td {
    border-bottom: 1px solid #333A43;
  }
}

:root[data-theme=dark] .agenda table td {
  border-bottom: 1px solid #333A43;
}

.agenda table td:first-child {
  padding-left: 0;
  width: 62px;
}

.agenda table td:nth-child(2) {
  font-weight: 700;
  padding-left: 0;
  padding-right: 0;
}

.agenda table td h3,
.agenda table td .h3 {
  margin: 2px 0 3px;
}

.agenda table td span {
  text-transform: uppercase;
  font-size: 11px;
  display: block;
  margin-bottom: 0;
  font-weight: 400;
}

.agenda table tr:nth-child(n+7) {
  display: none;
}

@media all and (min-width: 768px) {
  .agenda table tr:nth-child(n+7) {
    display: table-row;
  }
}

.poll-container {
  margin-top: -25px;
  border-radius: 0 0 10px 10px !important;
}

.poll {
  background-image: -webkit-gradient(linear, right top, left top, from(#F6F8FA), to(#FAF6F8));
  background-image: linear-gradient(270deg, #F6F8FA 0%, #FAF6F8 100%);
  padding: 18px 20px 20px;
  border-radius: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .poll {
    background-image: none;
    background-color: #0E1823;
  }
}

:root[data-theme=dark] .poll {
  background-image: none;
  background-color: #0E1823;
}

.poll::after {
  content: '';
  display: block;
  position: absolute;
  right: 20px;
  top: 20px;
  background-image: url(../images/shape-poll.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 39px;
  height: 34px;
}

@media all and (min-width: 768px) {
  .poll::after {
    top: 30px;
    right: 34px;
    width: 75px;
    height: 68px;
  }
}

.poll img {
  width: 28px;
  height: 25px;
  margin-right: 10px;
  margin-bottom: 8px;
}

.poll h3,
.poll .h3 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-bottom: 10px;
  padding-right: 60px;
}

.poll .poll-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 38px;
  background-color: #FFF;
  margin-top: 4px;
  border-radius: 5px;
  font-size: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  overflow: hidden;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .poll .poll-option {
    background-color: #1C242E;
  }
}

:root[data-theme=dark] .poll .poll-option {
  background-color: #1C242E;
}

.poll .poll-option .check {
  width: 38px;
  text-align: center;
  color: rgba(224, 27, 47, 0.25);
  font-size: 20px;
  margin-top: 1px;
  position: relative;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .poll .poll-option .check {
    color: rgba(255, 255, 255, 0.25);
  }
}

:root[data-theme=dark] .poll .poll-option .check {
  color: rgba(255, 255, 255, 0.25);
}

.poll .poll-option .option {
  line-height: 1.16;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 5px 10px 5px 0;
  position: relative;
}

.poll .poll-option .option span {
  font-size: 11px;
  display: block;
  margin: 2px 0;
}

.poll .poll-option .progress {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: #FFB600;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .poll .poll-option .progress {
    background-color: #333A43;
  }
}

:root[data-theme=dark] .poll .poll-option .progress {
  background-color: #333A43;
}

.poll .poll-option.voted .check {
  color: #1C242E;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .poll .poll-option.voted .check {
    color: #EBE3E7;
  }
}

:root[data-theme=dark] .poll .poll-option.voted .check {
  color: #EBE3E7;
}

.poll .poll-option.voted .option {
  font-weight: 700;
}

.poll .poll-option.not-voted .check {
  opacity: 0;
}

@media (hover: hover) {
  .poll .poll-option:hover {
    -webkit-box-shadow: 0 3px 9px 0 rgba(59, 27, 224, 0.05), 0 5px 15px 0 rgba(224, 27, 27, 0.05), 0 0 0 1px rgba(235, 227, 231, 0.85);
            box-shadow: 0 3px 9px 0 rgba(59, 27, 224, 0.05), 0 5px 15px 0 rgba(224, 27, 27, 0.05), 0 0 0 1px rgba(235, 227, 231, 0.85);
  }
}

@media (hover: hover) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .poll .poll-option:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: #333A43;
  }
}

@media (hover: hover) {
  :root[data-theme=dark] .poll .poll-option:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: #333A43;
  }
  .poll .poll-option:hover.voted {
    background-color: #FFF;
    -webkit-box-shadow: none;
            box-shadow: none;
    cursor: auto;
  }
}

@media (hover: hover) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .poll .poll-option:hover.voted {
    background-color: #1C242E;
  }
}

@media (hover: hover) {
  :root[data-theme=dark] .poll .poll-option:hover.voted {
    background-color: #1C242E;
  }
  .poll .poll-option:hover.not-voted {
    background-color: #FFF;
    -webkit-box-shadow: none;
            box-shadow: none;
    cursor: auto;
  }
}

@media (hover: hover) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .poll .poll-option:hover.not-voted {
    background-color: #1C242E;
  }
}

@media (hover: hover) {
  :root[data-theme=dark] .poll .poll-option:hover.not-voted {
    background-color: #1C242E;
  }
}

.poll .total {
  font-size: 11px;
  font-weight: 700;
  padding: 10px 10px 0 38px;
}

.partners {
  padding: 20px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  background-image: -webkit-gradient(linear, right top, left top, from(#F6F8FA), to(#FAF6F8));
  background-image: linear-gradient(270deg, #F6F8FA 0%, #FAF6F8 100%);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .partners {
    background-image: none;
    background-color: #0E1823;
  }
}

:root[data-theme=dark] .partners {
  background-image: none;
  background-color: #0E1823;
}

@media all and (min-width: 768px) {
  .partners {
    display: block;
    height: auto;
    padding: 30px 0;
    opacity: 1;
  }
}

.partners .controller {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.partners .news-item {
  width: 200px;
  overflow: visible;
  border-radius: 0;
  display: block;
  background-color: transparent;
  margin-right: 15px;
}

@media all and (min-width: 768px) {
  .partners .news-item {
    width: calc((100% - 60px) / 4);
    margin-right: 0;
  }
}

.partners .news-item::before {
  display: none;
}

.partners .news-item .thumb {
  margin-bottom: 12px;
  border-radius: 15px;
}

@media all and (max-width: 767px) {
  .partners .news-item .thumb {
    border-radius: 15px;
  }
}

.partners .news-item h6,
.partners .news-item .h6 {
  padding: 0 1px;
  margin-bottom: 12px;
}

@media all and (min-width: 1280px) {
  .partners .news-item h6,
  .partners .news-item .h6 {
    padding: 0;
    margin-bottom: 12px;
  }
}

.partners .news-item h2,
.partners .news-item .h2 {
  font-size: 16px;
  padding: 0;
}

@media all and (min-width: 1280px) {
  .partners .news-item h2,
  .partners .news-item .h2 {
    font-size: 18px;
    padding: 0;
  }
}

@media (hover: hover) {
  .partners .news-item:hover h2,
  .partners .news-item:hover .h2 {
    color: #E01B2F;
  }
}

@media (hover: hover) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .partners .news-item:hover h2, .partners .news-item:hover .h2 {
    color: #FFB600;
  }
}

@media (hover: hover) {
  :root[data-theme=dark] .partners .news-item:hover h2, .partners .news-item:hover .h2 {
    color: #FFB600;
  }
}

.partners .partner-wrapper {
  width: calc((100% - 36px) / 4);
}

.partners .partner-wrapper .news-item {
  width: 100%;
  border-bottom: 1px solid #F5F0F3;
  padding: 15px 0;
}

.partners .partner-wrapper .news-item:first-child {
  border-bottom: none;
  padding: 0;
}

.partners .partner-wrapper .news-item:nth-child(2) {
  padding-top: 0;
}

.partners .partner-wrapper .news-item:last-child {
  border-bottom: none;
}

.partners.mobile-only {
  display: block;
  padding: 17px 0;
  background-color: #F5F0F3;
}

@media all and (min-width: 768px) {
  .partners.mobile-only {
    display: none;
  }
}

.partners.mobile-only .news-item {
  width: 150px;
  margin-left: 10px;
  background-color: transparent;
}

.partners.mobile-only .news-item::before {
  display: none;
}

.partners.mobile-only .news-item:first-child {
  margin-left: 15px;
}

.partners.mobile-only .news-item h2,
.partners.mobile-only .news-item .h2 {
  padding: 0 5px 0 0;
  font-size: 16px;
}

.partners.mobile-only .news-item h6,
.partners.mobile-only .news-item .h6 {
  padding: 0 0 0 1px;
  margin-bottom: 10px;
}

.partners.mobile-only .news-item .thumb {
  margin-bottom: 10px;
}

@media all and (max-width: 767px) {
  .partners.stiri-nebune {
    display: block;
    background-size: calc(100% - 30px);
    background-position: center 8px;
    padding-top: 65px !important;
  }
}

@media all and (max-width: 767px) {
  .partners.stiri-nebune .news-item {
    width: calc(100% - 30px);
    margin-left: 15px;
    display: none;
  }
}

@media all and (max-width: 767px) {
  .partners.stiri-nebune .news-item:first-child {
    display: block;
  }
}

@media all and (min-width: 768px) {
  .partners + .news-block,
  .partners + .photo-of-the-day {
    padding-top: 30px;
  }
}

.partners-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.partners-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding-right: 15px;
}

.best-of-today .box-header {
  margin-bottom: 20px;
}

.best-of-today .box-header .tabs {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.best-of-today .box-header .tabs li {
  margin-left: 0;
}

.best-of-today .news-item {
  border-bottom: 1px solid #F5F0F3;
}

.best-of-today .news-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.best-of-today .thumb {
  margin-bottom: 12px;
}

.best-of-today .text-container .no {
  width: 35px;
  height: 35px;
  background-color: #FFB600;
  background-image: url(../images/mask-no.svg);
  font-size: 11px;
  font-weight: 700;
  padding: 13px 12px 0 0;
  text-align: center;
}

.best-of-today .text-container h2,
.best-of-today .text-container .h2 {
  width: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 0 10px 10px !important;
}

.photo-of-the-day {
  display: none;
  background-color: #F5F0F3;
  padding: 40px 0;
}

@media all and (min-width: 768px) {
  .photo-of-the-day {
    display: block;
  }
}

.photo-of-the-day .controller {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media all and (min-width: 1280px) {
  .photo-of-the-day .controller {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.photo-of-the-day .C1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

@media all and (min-width: 1280px) {
  .photo-of-the-day .C1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 300px;
  }
}

.photo-of-the-day .C1 .text-wrapper {
  margin-bottom: 12px;
  display: block;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

@media all and (min-width: 1280px) {
  .photo-of-the-day .C1 .text-wrapper {
    min-height: 362px;
  }
}

.photo-of-the-day .C1 .text-wrapper h2,
.photo-of-the-day .C1 .text-wrapper .h2 {
  padding: 6px 15px 12px 50px;
}

@media all and (min-width: 1280px) {
  .photo-of-the-day .C1 .text-wrapper h2,
  .photo-of-the-day .C1 .text-wrapper .h2 {
    padding: 12px 15px 5px 50px;
  }
}

@media (hover: hover) {
  .photo-of-the-day .C1 .text-wrapper:hover h2,
  .photo-of-the-day .C1 .text-wrapper:hover .h2 {
    color: #E01B2F;
  }
}

.photo-of-the-day .C2 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 0 20px 0;
  padding: 12px;
  background-color: #FFF;
  border-radius: 10px;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
}

@media all and (min-width: 1280px) {
  .photo-of-the-day .C2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin: 0 0 0 12px;
  }
}

.photo-of-the-day .C2 .thumb {
  border-radius: 5px;
}

.photo-of-the-day .x300x250 {
  display: none;
}

@media all and (min-width: 1280px) {
  .photo-of-the-day .x300x250 {
    display: block;
  }
}

@media all and (min-width: 1280px) {
  .photo-of-the-day .x728x90 {
    display: none;
  }
}

@media all and (min-width: 768px) {
  .photo-of-the-day + .news-block {
    padding-top: 0;
  }
}

.icon-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media all and (max-width: 767px) {
  .icon-header {
    padding: 15px;
  }
}

.icon-header img {
  height: 36px;
  width: 36px;
  margin: 0 14px 0 0;
}

.icon-header .icon-header__title {
  font-weight: 700;
  font-size: 30px;
  letter-spacing: -0.5px;
}

@media all and (min-width: 768px) {
  .icon-header .icon-header__title {
    font-size: 36px;
    letter-spacing: -1px;
  }
}

@media all and (max-width: 767px) {
  .share-it {
    padding: 17px 0;
  }
}

@media all and (max-width: 767px) {
  .share-it .icon-header {
    margin: 0;
  }
}

@media all and (min-width: 768px) {
  .share-it .icon-header {
    margin-bottom: 10px;
  }
}

.share-it-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

@media all and (min-width: 768px) {
  .share-it-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    overflow-x: visible;
  }
}

.share-it-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 25px;
}

@media all and (min-width: 768px) {
  .share-it-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-right: 0;
  }
}

.share-it-item {
  background-color: #FFF;
  -webkit-box-shadow: 0 3px 9px 0 rgba(59, 27, 224, 0.05), 0 5px 15px 0 rgba(224, 27, 27, 0.05), 0 0 0 1px rgba(235, 227, 231, 0.85);
          box-shadow: 0 3px 9px 0 rgba(59, 27, 224, 0.05), 0 5px 15px 0 rgba(224, 27, 27, 0.05), 0 0 0 1px rgba(235, 227, 231, 0.85);
  width: 275px;
  margin-left: 10px;
  border-radius: 15px;
  padding: 20px 20px 36px;
  position: relative;
  font-family: "Merriweather", serif;
  font-style: italic;
  font-size: 16px;
  line-height: 1.375;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .share-it-item {
    background-color: #1C242E;
    -webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
            box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
  }
}

:root[data-theme=dark] .share-it-item {
  background-color: #1C242E;
  -webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
          box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
}

@media all and (min-width: 768px) {
  .share-it-item {
    margin-left: 0;
    margin-bottom: 55px;
    width: 100%;
  }
}

.share-it-item::before {
  content: '';
  display: block;
  position: absolute;
  top: -10px;
  right: 15px;
  width: 34px;
  height: 26px;
  background-image: url(../images/shape-quote.svg);
  background-size: cover;
}

.share-it-item:first-child {
  margin-left: 15px;
}

@media all and (min-width: 768px) {
  .share-it-item:first-child {
    margin-left: 0;
  }
}

.share-it-item .signature {
  font-family: "Barlow", sans-serif;
  font-size: 14px;
  font-weight: 700;
  font-style: normal;
  display: block;
  width: 100%;
  line-height: 1.2;
  margin-top: 8px;
}

.share-it-item .share-buttons-wrapper {
  position: absolute;
  bottom: -20px;
  right: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.share-it-item .share-buttons-wrapper > * {
  margin-left: 3px;
}

.share-button {
  width: 67px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 10px;
  padding: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.share-button.facebook {
  background-color: #3A559F;
}

.share-button.whatsapp {
  background-color: #4CAF50;
}

.share-button.comments-no {
  background-color: #FFB600;
}

.share-button.comments-no span {
  color: #1C242E;
}

@media (hover: hover) {
  .share-button img {
    opacity: .8;
  }
  .share-button:hover img {
    opacity: 1;
  }
}

.share-button img {
  height: 24px;
  width: 24px;
}

.share-button span {
  margin-left: 12px;
  display: inline-block;
  color: #FFF;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  margin-top: -2px;
}

.share-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 15px 30px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media all and (max-width: 767px) {
  .share-container {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

@media all and (min-width: 768px) {
  .share-container {
    margin: 0 30px 40px;
  }
}

@media all and (min-width: 1024px) {
  .share-container {
    margin: 0 0 40px;
  }
}

.share-container .share-button {
  width: auto;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 11px 19px 11px 17px;
}

@media all and (max-width: 767px) {
  .share-container .share-button {
    padding: 11px;
  }
}

@media all and (max-width: 767px) {
  .share-container .share-button span {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: center;
  }
}

@media all and (max-width: 767px) {
  .share-container .share-button.facebook span {
    display: none;
  }
}

@media all and (max-width: 767px) {
  .share-container .share-button.whatsapp span {
    display: none;
  }
}

@media all and (max-width: 767px) {
  .share-container .share-button.comments-no {
    margin-right: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

@media all and (max-width: 767px) {
  .share-container .share-button.comments-no span {
    line-height: 1.1;
    margin-left: 5px;
  }
}

.debate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media all and (max-width: 767px) {
  .debate {
    padding: 17px 0 0;
  }
}

.debate .icon-header {
  margin-bottom: 20px;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

@media all and (max-width: 767px) {
  .debate .icon-header {
    margin: 0;
  }
}

@media all and (max-width: 767px) {
  .debate .news-item::before {
    display: none;
  }
}

footer {
  display: block;
  text-align: center;
  padding: 30px 30px 10px;
  
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-theme="dark"]) footer {
   background-color: #0E1823;
  }
}

@media all and (min-width: 768px) {
  footer {
    padding: 55px 50px 50px;
  }
}

footer p {
  font-family: "Barlow", sans-serif;
  font-size: 16px;
}

footer p a {
  color: #E01B2F;
}



@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme="dark"]) footer p a {
    color: #FFB600;

  }
}

:root[data-theme=dark] footer p a {
  color: #FFB600;

}

@media (hover: hover) {
  footer p a:hover {
    text-decoration: underline;
    color: #E01B2F;
  }
}

@media (hover: hover) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) footer p a:hover {
    color: #FFB600;
  }
}

@media (hover: hover) {
  :root[data-theme=dark] footer p a:hover {
    color: #FFB600;
  }
}

@media all and (min-width: 768px) {
  .article {
    padding-top: 30px;

  }
}

.article .controller {
  max-width: 1058px;
}

@media all and (min-width: 768px) {
  .article .controller {
    width: 100%;
  }
}

@media all and (min-width: 1024px) {
  .article .controller {
    width: calc(100% - 60px);
  }
}

@media all and (min-width: 1280px) {
  .article .controller {
    max-width: 1183px;
  }
}

.article p,
.article h1,
.article .h1,
.article h2,
.article .h2,
.article ul,
.article ol {
  margin-left: 15px;
  margin-right: 15px;
}

.article p a,
.article h1 a,
.article .h1 a,
.article h2 a,
.article .h2 a,
.article ul a,
.article ol a {
  color: #E01B2F;
  border-bottom: 1px dotted rgba(224, 27, 47, 0);
}

@media (hover: hover) {
  .article p a:hover,
  .article h1 a:hover,
  .article .h1 a:hover,
  .article h2 a:hover,
  .article .h2 a:hover,
  .article ul a:hover,
  .article ol a:hover {
    border-bottom: 1px dotted #E01B2F;
  }
}

.article p .highlighted {
  background-color: #FFE8AB;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .article p .highlighted {
    background-color: rgba(224, 27, 47, 0.5);
    color: #EBE3E7;
  }
}

:root[data-theme=dark] .article p .highlighted {
  background-color: rgba(224, 27, 47, 0.5);
  color: #EBE3E7;
}

.body-articol-opinii .article p .highlighted {
  background-color: #D5E9FF;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .body-articol-opinii .article p .highlighted {
    background-color: rgba(0, 74, 156, 0.5);
  }
}

:root[data-theme=dark] .body-articol-opinii .article p .highlighted {
  background-color: rgba(0, 74, 156, 0.5);
}

.article h1 .highlighted {
  background-color: #FFE8AB;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .article h1 .highlighted {
    background-color: rgba(224, 27, 47, 0.5);
    color: #EBE3E7;
  }
}

:root[data-theme=dark] .article h1 .highlighted {
  background-color: rgba(224, 27, 47, 0.5);
  color: #EBE3E7;
}

.body-articol-opinii .article h1 .highlighted {
  background-color: #D5E9FF;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .body-articol-opinii .article h1 .highlighted {
    background-color: rgba(0, 74, 156, 0.5);
  }
}

:root[data-theme=dark] .body-articol-opinii .article h1 .highlighted {
  background-color: rgba(0, 74, 156, 0.5);
}

.article .h1 .highlighted {
  background-color: #FFE8AB;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .article .h1 .highlighted {
    background-color: rgba(224, 27, 47, 0.5);
    color: #EBE3E7;
  }
}

:root[data-theme=dark] .article .h1 .highlighted {
  background-color: rgba(224, 27, 47, 0.5);
  color: #EBE3E7;
}

.body-articol-opinii .article .h1 .highlighted {
  background-color: #D5E9FF;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .body-articol-opinii .article .h1 .highlighted {
    background-color: rgba(0, 74, 156, 0.5);
  }
}

:root[data-theme=dark] .body-articol-opinii .article .h1 .highlighted {
  background-color: rgba(0, 74, 156, 0.5);
}

.article h2 .highlighted {
  background-color: #FFE8AB;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .article h2 .highlighted {
    background-color: rgba(224, 27, 47, 0.5);
    color: #EBE3E7;
  }
}

:root[data-theme=dark] .article h2 .highlighted {
  background-color: rgba(224, 27, 47, 0.5);
  color: #EBE3E7;
}

.body-articol-opinii .article h2 .highlighted {
  background-color: #D5E9FF;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .body-articol-opinii .article h2 .highlighted {
    background-color: rgba(0, 74, 156, 0.5);
  }
}

:root[data-theme=dark] .body-articol-opinii .article h2 .highlighted {
  background-color: rgba(0, 74, 156, 0.5);
}

.article .h2 .highlighted {
  background-color: #FFE8AB;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .article .h2 .highlighted {
    background-color: rgba(224, 27, 47, 0.5);
    color: #EBE3E7;
  }
}

:root[data-theme=dark] .article .h2 .highlighted {
  background-color: rgba(224, 27, 47, 0.5);
  color: #EBE3E7;
}

.body-articol-opinii .article .h2 .highlighted {
  background-color: #D5E9FF;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .body-articol-opinii .article .h2 .highlighted {
    background-color: rgba(0, 74, 156, 0.5);
  }
}

:root[data-theme=dark] .body-articol-opinii .article .h2 .highlighted {
  background-color: rgba(0, 74, 156, 0.5);
}

.article ul .highlighted {
  background-color: #FFE8AB;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .article ul .highlighted {
    background-color: rgba(224, 27, 47, 0.5);
    color: #EBE3E7;
  }
}

:root[data-theme=dark] .article ul .highlighted {
  background-color: rgba(224, 27, 47, 0.5);
  color: #EBE3E7;
}

.body-articol-opinii .article ul .highlighted {
  background-color: #D5E9FF;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .body-articol-opinii .article ul .highlighted {
    background-color: rgba(0, 74, 156, 0.5);
  }
}

:root[data-theme=dark] .body-articol-opinii .article ul .highlighted {
  background-color: rgba(0, 74, 156, 0.5);
}

.article ol .highlighted {
  background-color: #FFE8AB;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .article ol .highlighted {
    background-color: rgba(224, 27, 47, 0.5);
    color: #EBE3E7;
  }
}

:root[data-theme=dark] .article ol .highlighted {
  background-color: rgba(224, 27, 47, 0.5);
  color: #EBE3E7;
}

.body-articol-opinii .article ol .highlighted {
  background-color: #D5E9FF;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .body-articol-opinii .article ol .highlighted {
    background-color: rgba(0, 74, 156, 0.5);
  }
}

:root[data-theme=dark] .body-articol-opinii .article ol .highlighted {
  background-color: rgba(0, 74, 156, 0.5);
}

.article ul,
.article ol {
  font-size: 18px;
  font-family: "Merriweather", serif;
  line-height: 1.55;
  margin-bottom: 20px;
  font-weight: 300;
}

.article ul li,
.article ol li {
  margin-bottom: 10px;
}

.article ul {
  list-style-type: circle;
}

@media all and (min-width: 768px) {
  .article p,
  .article h1,
  .article .h1,
  .article h2,
  .article .h2,
  .article h6,
  .article .h6,
  .article ul,
  .article ol {
    margin-left: 30px;
    margin-right: 30px;
  }
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .article p {
    color: rgba(235, 227, 231, 0.9);
  }
}

:root[data-theme=dark] .article p {
  color: rgba(235, 227, 231, 0.9);
}

@media all and (min-width: 768px) {
  .article p {
    line-height: 1.6;
    margin-bottom: 24px;
    font-size: 20px;
  }
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .article ul {
    color: rgba(235, 227, 231, 0.9);
  }
}

:root[data-theme=dark] .article ul {
  color: rgba(235, 227, 231, 0.9);
}

@media all and (min-width: 768px) {
  .article ul {
    line-height: 1.6;
    margin-bottom: 24px;
    font-size: 20px;
  }
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .article ol {
    color: rgba(235, 227, 231, 0.9);
  }
}

:root[data-theme=dark] .article ol {
  color: rgba(235, 227, 231, 0.9);
}

@media all and (min-width: 768px) {
  .article ol {
    line-height: 1.6;
    margin-bottom: 24px;
    font-size: 20px;
  }
}

@media all and (min-width: 1024px) {
  .article p,
  .article h1,
  .article .h1,
  .article h2,
  .article .h2,
  .article h6,
  .article .h6,
  .article ul,
  .article ol,
  .article blockquote {
    margin-left: 0;
    margin-right: 0;
  }
}

.article .data-autor {
  font-family: "Barlow", sans-serif;
  font-size: 14px;
}

@media all and (min-width: 768px) {
  .article .data-autor {
    margin-bottom: 14px;
  }
}

.article h1 {
  margin-bottom: 20px;
}

@media all and (max-width: 767px) {
  .article h1 {
    position: relative;
    z-index: 2;
  }
}

@media all and (min-width: 768px) {
  .article h1 {
    font-size: 34px;
    margin-bottom: 30px;
    line-height: 1.1;
    letter-spacing: -.3px;
  }
}

.article h1 .back-from-comments {
  display: block;
  background-color: #F5F0F3;
  border-radius: 10px;
  font-size: 11px;
  color: #E01B2F;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: center;
  padding: 13px 35px 14px;
  margin-top: 15px;
  line-height: 1.55;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .article h1 .back-from-comments {
    background-color: #0E1823;
  }
}

:root[data-theme=dark] .article h1 .back-from-comments {
  background-color: #0E1823;
}

@media all and (min-width: 768px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .article h1 .back-from-comments {
    background-color: #1C242E;
  }
}

@media all and (min-width: 768px) {
  :root[data-theme=dark] .article h1 .back-from-comments {
    background-color: #1C242E;
  }
}

.article h1 a {
  color: #1C242E;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .article h1 a {
    color: #EBE3E7;
  }
}

:root[data-theme=dark] .article h1 a {
  color: #EBE3E7;
}

@media (hover: hover) {
  .article h1 a:hover {
    color: #E01B2F;
  }
}

@media all and (min-width: 768px) {
  .article h1 .marcaj {
    padding: 5px 10px;
    margin: 5px 10px 0 0;
    font-size: 18px;
  }
}

.article .h1 {
  margin-bottom: 20px;
}

@media all and (max-width: 767px) {
  .article .h1 {
    position: relative;
    z-index: 2;
  }
}

@media all and (min-width: 768px) {
  .article .h1 {
    font-size: 34px;
    margin-bottom: 30px;
    line-height: 1.1;
    letter-spacing: -.3px;
  }
}

.article .h1 .back-from-comments {
  display: block;
  background-color: #F5F0F3;
  border-radius: 10px;
  font-size: 11px;
  color: #E01B2F;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: center;
  padding: 13px 35px 14px;
  margin-top: 15px;
  line-height: 1.55;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .article .h1 .back-from-comments {
    background-color: #0E1823;
  }
}

:root[data-theme=dark] .article .h1 .back-from-comments {
  background-color: #0E1823;
}

@media all and (min-width: 768px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .article .h1 .back-from-comments {
    background-color: #1C242E;
  }
}

@media all and (min-width: 768px) {
  :root[data-theme=dark] .article .h1 .back-from-comments {
    background-color: #1C242E;
  }
}

.article .h1 a {
  color: #1C242E;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .article .h1 a {
    color: #EBE3E7;
  }
}

:root[data-theme=dark] .article .h1 a {
  color: #EBE3E7;
}

@media (hover: hover) {
  .article .h1 a:hover {
    color: #E01B2F;
  }
}

@media all and (min-width: 768px) {
  .article .h1 .marcaj {
    padding: 5px 10px;
    margin: 5px 10px 0 0;
    font-size: 18px;
  }
}

.article h2 {
  margin-top: 30px;
}

@media all and (min-width: 768px) {
  .article h2 {
    font-size: 28px;
    margin-top: 40px;
  }
}

.article h2::after {
  content: '';
  display: block;
  width: 100%;
  height: 10px;
  background-color: #F5F0F3;
  margin-bottom: 20px;
  margin-top: 6px;
  border-radius: 100px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .article h2::after {
    background-color: #333A43;
  }
}

:root[data-theme=dark] .article h2::after {
  background-color: #333A43;
}

@media all and (min-width: 768px) {
  .article h2::after {
    margin-bottom: 24px;
    margin-left: -5px;
    width: calc(100% + 10px);
  }
}

.body-articol-opinii .article h2::after {
  background-color: #eff6ff;
}

.article h2.no-underline {
  margin-bottom: 20px;
  font-size: 20px;
}

.article h2.no-underline::after {
  display: none;
}

.article .h2 {
  margin-top: 30px;
}

@media all and (min-width: 768px) {
  .article .h2 {
    font-size: 28px;
    margin-top: 40px;
  }
}

.article .h2::after {
  content: '';
  display: block;
  width: 100%;
  height: 10px;
  background-color: #F5F0F3;
  margin-bottom: 20px;
  margin-top: 6px;
  border-radius: 100px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .article .h2::after {
    background-color: #333A43;
  }
}

:root[data-theme=dark] .article .h2::after {
  background-color: #333A43;
}

@media all and (min-width: 768px) {
  .article .h2::after {
    margin-bottom: 24px;
    margin-left: -5px;
    width: calc(100% + 10px);
  }
}

.body-articol-opinii .article .h2::after {
  background-color: #eff6ff;
}

.article .h2.no-underline {
  margin-bottom: 20px;
  font-size: 20px;
}

.article .h2.no-underline::after {
  display: none;
}

@media all and (max-width: 767px) {
  .article h6,
  .article .h6 {
    padding: 16px 0 0 16px;
    display: block;
    width: auto;
    vertical-align: top;
    margin: 2px 0 10px;
    z-index: 1;
  }
}

@media all and (min-width: 768px) {
  .article h6,
  .article .h6 {
    margin-bottom: 10px;
  }
}

.article .cifra {
  background-color: #E01B2F;
  background-image: -webkit-gradient(linear, right top, left top, from(#FF6C00), to(#EB003C));
  background-image: linear-gradient(270deg, #FF6C00 0%, #EB003C 100%);
  border-radius: 15px;
  color: #FFF;
  padding: 15px 70px 20px 20px;
  font-family: "Barlow", sans-serif;
  position: relative;
}

@media all and (min-width: 768px) {
  .article .cifra {
    padding: 20px 145px 30px 30px;
    margin-top: 40px;
    margin-bottom: 50px;
    width: calc(100% + 10px);
    margin-left: -5px;
  }
}

.article .cifra::after {
  content: '';
  display: block;
  position: absolute;
  top: 18px;
  right: 18px;
  background-image: url(../images/shape-number.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 45px;
  height: 45px;
}

@media all and (min-width: 768px) {
  .article .cifra::after {
    top: 25px;
    right: 25px;
    width: 89px;
    height: 90px;
  }
}

.article .cifra .numar {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.1;
  display: block;
  margin-bottom: 4px;
  color: #FFF;
}

@media all and (min-width: 768px) {
  .article .cifra .numar {
    font-size: 40px;
    margin-bottom: 8px;
  }
}

.article .cifra .descriere-numar {
  font-size: 20px;
  line-height: 1.15;
  display: block;
  color: #FFF;
}

@media all and (min-width: 768px) {
  .article .cifra .descriere-numar {
    font-size: 22px;
    line-height: 1.27;
  }
}

.article .cifra + .cifra {
  margin-top: -40px;
  border-radius: 0 0 15px 15px;
  padding-top: 40px;
}

@media all and (min-width: 768px) {
  .article .cifra + .cifra {
    margin-top: -80px;
  }
}

.article .cifra + .cifra::after {
  background-image: none;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  top: 22px;
  width: 100px;
  left: 20px;
}

@media all and (min-width: 768px) {
  .article .cifra + .cifra::after {
    left: 30px;
  }
}

.article .poll {
  margin-left: 15px;
  margin-right: 15px;
  width: calc(100% - 30px);
  margin-bottom: 22px;
  position: relative;
}

@media all and (min-width: 768px) {
  .article .poll {
    margin-left: 30px;
    margin-right: 30px;
    width: calc(100% - 60px);
    border-radius: 15px;
    padding: 27px 145px 30px 30px;
  }
}

@media all and (min-width: 1024px) {
  .article .poll {
    width: calc(100% + 10px);
    margin: 40px 0 40px -5px;
  }
}

.article .poll::after {
  content: '';
  display: block;
  position: absolute;
  right: 18px;
  top: 22px;
  background-image: url(../images/shape-poll.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 44px;
  height: 38px;
}

@media all and (min-width: 768px) {
  .article .poll::after {
    top: 30px;
    right: 34px;
    width: 75px;
    height: 68px;
  }
}

@media all and (min-width: 768px) {
  .article .poll img {
    width: 42px;
    height: 40px;
    margin-left: 3px;
    margin-right: 20px;
    margin-bottom: 23px;
  }
}

.article .poll h3,
.article .poll .h3 {
  font-size: 20px;
}

@media all and (min-width: 768px) {
  .article .poll h3,
  .article .poll .h3 {
    font-size: 22px;
    margin-bottom: 13px;
    padding-right: 0;
  }
}

.article .poll .poll-option {
  font-size: 20px;
}

@media all and (min-width: 768px) {
  .article .poll .poll-option {
    font-size: 22px;
  }
}

@media all and (min-width: 768px) {
  .article .poll .poll-option .option {
    padding: 9px 10px 11px 0;
  }
}

@media all and (min-width: 768px) {
  .article .poll .poll-option .check {
    font-size: 24px;
    width: 65px;
    padding-right: 5px;
  }
}

@media all and (min-width: 768px) {
  .article .poll .total {
    padding: 10px 10px 0 66px;
  }
}

.article blockquote {
  background-image: -webkit-gradient(linear, right top, left top, from(#F6F8FA), to(#FAF6F8));
  background-image: linear-gradient(270deg, #F6F8FA 0%, #FAF6F8 100%);
  border-radius: 15px;
  padding: 20px;
  font-style: italic;
  position: relative;
  margin: 30px 15px 35px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .article blockquote {
    background-image: none;
    background-color: #0E1823;
  }
}

:root[data-theme=dark] .article blockquote {
  background-image: none;
  background-color: #0E1823;
}

@media all and (min-width: 768px) {
  .article blockquote {
    padding: 28px 145px 28px 30px;
    margin-top: 40px;
    margin-bottom: 40px;
    width: calc(100% + 10px);
    margin-left: -5px;
  }
}

.article blockquote::after {
  content: '';
  display: block;
  position: absolute;
  right: 20px;
  bottom: -15px;
  background-image: url(../images/shape-quote.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 41px;
  height: 33px;
}

@media all and (min-width: 768px) {
  .article blockquote::after {
    top: 34px;
    right: 34px;
    bottom: auto;
    width: 82px;
    height: 65px;
  }
}

.article blockquote p {
  margin: 0;
  line-height: 1.45;
}

@media all and (min-width: 768px) {
  .article blockquote p {
    font-size: 22px;
    line-height: 1.45;
    margin-left: 0;
    margin-right: 15px;
  }
}

.article blockquote .semnatura {
  display: block;
  font-family: "Barlow", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  margin-top: 15px;
  margin-bottom: 5px;
  max-width: calc(100% - 80px);
  line-height: 1.2;
}

@media all and (min-width: 768px) {
  .article blockquote .semnatura {
    font-size: 22px;
    margin-top: 16px;
  }
}

.article .article-container > table {
  margin: 0 15px 20px;
  line-height: 1.15;
  width: calc(100% - 30px);
}

@media all and (min-width: 768px) {
  .article .article-container > table {
    width: calc(100% - 60px);
    margin-left: 30px;
    margin-right: 30px;
    font-size: 22px;
  }
}

@media all and (min-width: 1024px) {
  .article .article-container > table {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}

.article .article-container > table thead {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: rgba(28, 36, 46, 0.5);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .article .article-container > table thead {
    color: rgba(235, 227, 231, 0.5);
  }
}

:root[data-theme=dark] .article .article-container > table thead {
  color: rgba(235, 227, 231, 0.5);
}

.article .article-container > table th {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  padding: 10px 5px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .article .article-container > table th {
    border-bottom: 1px solid #333A43;
  }
}

:root[data-theme=dark] .article .article-container > table th {
  border-bottom: 1px solid #333A43;
}

.article .article-container > table th:first-child {
  padding-left: 0;
}

.article .article-container > table th:last-child {
  padding-right: 0;
  text-align: right;
}

.article .article-container > table td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  padding: 10px 5px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .article .article-container > table td {
    border-bottom: 1px solid #333A43;
  }
}

:root[data-theme=dark] .article .article-container > table td {
  border-bottom: 1px solid #333A43;
}

.article .article-container > table td:first-child {
  padding-left: 0;
}

.article .article-container > table td:last-child {
  padding-right: 0;
  text-align: right;
}

.article .article-container > table tr:last-child td {
  border-bottom: none;
}

.article .read-more {
  list-style-type: none;
  font-family: "Barlow", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.15;
  padding-left: 50px;
  margin-bottom: 40px;
}

.article .read-more li {
  margin-bottom: 20px;
}

.article .read-more li a {
  position: relative;
}

@media (hover: hover) {
  .article .read-more li a:hover {
    border-bottom: 1px dotted #E01B2F;
  }
}

.article .read-more li a::before {
  content: '';
  display: block;
  width: 36px;
  height: 36px;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: -50px;
  top: 3px;
}

.article .read-more li a.more-video::before {
  background-image: url(../images/icon-video.svg);
}

.article .read-more li a.more-link::before {
  background-image: url(../images/icon-link.svg);
}

.article .read-more li a.more-photo::before {
  background-image: url(../images/icon-photo.svg);
}

.article .icon-link {
  font-family: "Barlow", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.15;
  padding-left: 40px;
  margin-bottom: 24px;
  margin-top: 29px;
  display: block;
  position: relative;
  min-height: 32px;
}

@media all and (min-width: 768px) {
  .article .icon-link {
    font-size: 22px;
  }
}

@media (hover: hover) {
  .article .icon-link:hover {
    border-bottom: 1px dotted transparent;
    color: #1C242E;
  }
}

@media (hover: hover) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .article .icon-link:hover {
    color: #FF3A00;
  }
}

@media (hover: hover) {
  :root[data-theme=dark] .article .icon-link:hover {
    color: #FF3A00;
  }
}

.article .icon-link::before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: -2px;
  border-radius: 200px;
}

.article .icon-link.video-link::before {
  background-image: url(../images/icon-video-red.svg);
}

.article .icon-link.normal-link::before {
  background-image: url(../images/icon-link-red.svg);
}

.article .icon-link.photo-link::before {
  background-image: url(../images/icon-photo-red.svg);
}

.article .cuprins {
  background-image: -webkit-gradient(linear, right top, left top, from(#F6F8FA), to(#FAF6F8));
  background-image: linear-gradient(270deg, #F6F8FA 0%, #FAF6F8 100%);
  border-radius: 15px;
  padding: 20px 5px 15px;
  margin: 25px 15px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .article .cuprins {
    background-image: none;
    background-color: #0E1823;
  }
}

:root[data-theme=dark] .article .cuprins {
  background-image: none;
  background-color: #0E1823;
}

@media all and (min-width: 1024px) {
  .article .cuprins {
    margin: 40px 0 40px -5px;
    width: calc(100% + 10px);
    padding: 25px 30px 20px;
  }
}

.article .cuprins .titlu-update {
  margin-top: 0;
  border-bottom: 3px solid #EBE3E7;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .article .cuprins .titlu-update {
    border-bottom: 3px solid #333A43;
  }
}

:root[data-theme=dark] .article .cuprins .titlu-update {
  border-bottom: 3px solid #333A43;
}

.article .cuprins ul {
  padding-left: 20px;
  margin-bottom: 0;
  font-family: "Barlow", sans-serif;
  line-height: 1.2;
}

.article .cuprins ul li {
  margin-bottom: 15px;
}

.article .cuprins a {
  color: #1C242E;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .article .cuprins a {
    color: #EBE3E7;
  }
}

:root[data-theme=dark] .article .cuprins a {
  color: #EBE3E7;
}

@media (hover: hover) {
  .article .cuprins a:hover {
    border-color: #1C242E;
  }
}

@media (hover: hover) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .article .cuprins a:hover {
    border-color: #EBE3E7;
  }
}

@media (hover: hover) {
  :root[data-theme=dark] .article .cuprins a:hover {
    border-color: #EBE3E7;
  }
}

.article.comments-hero h6,
.article.comments-hero .h6 {
  padding-right: 16px;
}

@media all and (max-width: 767px) {
  .article.comments-hero h6,
  .article.comments-hero .h6 {
    margin-top: 0;
  }
}

.article + .blogsport {
  -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
}

.photo-in-article {
  position: relative;
  margin: 20px 0 22px;
}

@media all and (min-width: 768px) {
  .photo-in-article {
    margin: 40px 0 50px -5px;
    width: calc(100% + 10px);
    border-radius: 15px;
    overflow: hidden;
  }
}

.photo-in-article img {
  width: 100%;
  height: auto;
}

.photo-in-article .gallery-link {
  bottom: 17px;
}

@media all and (min-width: 768px) {
  .photo-in-article .gallery-link {
    bottom: 20px;
  }
}

.photo-in-article + .photo-caption {
  margin-top: -5px;
}

@media all and (min-width: 768px) {
  .photo-in-article + .photo-caption {
    margin-top: -25px;
  }
}

@media all and (min-width: 1024px) {
  .photo-in-article + .photo-caption {
    margin-top: -35px;
  }
}

.photo-caption {
  font-family: "Merriweather", serif;
  font-size: 16px;
  font-style: italic;
  margin: 0 15px 25px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  padding-bottom: 12px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .photo-caption {
    border-bottom: 1px solid #333A43;
  }
}

:root[data-theme=dark] .photo-caption {
  border-bottom: 1px solid #333A43;
}

@media all and (min-width: 768px) {
  .photo-caption {
    margin: 0 30px 30px;
  }
}

@media all and (min-width: 1024px) {
  .photo-caption {
    margin: 0 0 30px;
  }
}

.gallery-in-article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 20px 0 22px;
}

@media all and (min-width: 768px) {
  .gallery-in-article {
    margin: 40px 0 50px -5px;
    width: calc(100% + 10px);
    border-radius: 15px;
    overflow: hidden;
  }
}

.gallery-in-article__main .gallery-link {
  padding: 10px 2px 0 46px;
}

.gallery-in-article__others {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 2px;
}

@media all and (min-width: 768px) {
  .gallery-in-article__others {
    padding-top: 3px;
  }
}

.gallery-in-article__other-photo {
  width: calc((100% - 6px) / 4);
}

@media all and (min-width: 768px) {
  .gallery-in-article__other-photo {
    width: calc((100% - 9px) / 4);
  }
}

.gallery-in-article__other-photo .thumb {
  width: 100%;
  padding-bottom: 100%;
}

.gallery-in-article__more-photos {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.gallery-in-article__more-photos::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: -webkit-gradient(linear, right top, left top, from(#005F6A), to(#00326A));
  background-image: linear-gradient(to left, #005F6A 0%, #00326A 100%);
  opacity: .75;
}

.gallery-in-article__more-photos span {
  color: #FFF;
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  margin: 0 0 3px -3px;
  position: relative;
}

@media all and (min-width: 768px) {
  .gallery-in-article__more-photos span {
    font-size: 22px;
  }
}

.gallery-in-article a.thumb {
  background-image: none;
}

.video-in-article {
  margin: 20px 0 22px;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
}

@media all and (min-width: 768px) {
  .video-in-article {
    margin: 40px 0 50px -5px;
    width: calc(100% + 10px);
    border-radius: 15px;
    overflow: hidden;
  }
}

.video-in-article iframe,
.video-in-article embed {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}

.related-in-article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 30px 15px;
}

@media all and (min-width: 768px) {
  .related-in-article {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 40px 0;
  }
}

.related-in-article .thumb {
  width: 87px;
  padding-bottom: 87px;
  border-radius: 15px;
  margin-right: 15px;
  margin-top: 1px;
}

@media all and (min-width: 768px) {
  .related-in-article .thumb {
    margin-right: 25px;
    margin-top: 0;
    width: 195px;
    padding-bottom: 130px;
  }
}

.related-in-article__text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.related-in-article__h6 {
  font-size: 11px;
  line-height: 1.1;
  letter-spacing: .5px;
  text-transform: uppercase;
  color: #E01B2F;
  font-weight: 700;
  margin-bottom: 6px;
}

@media all and (min-width: 768px) {
  .related-in-article__h6 {
    margin-bottom: 8px;
  }
}

.related-in-article__h2 {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
}

@media all and (min-width: 768px) {
  .related-in-article__h2 {
    font-size: 24px;
  }
}

@media (hover: hover) {
  .related-in-article:hover .related-in-article__h2 {
    color: #E01B2F;
  }
}

@media (hover: hover) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .related-in-article:hover .related-in-article__h2 {
    color: #FFB600;
  }
}

@media (hover: hover) {
  :root[data-theme=dark] .related-in-article:hover .related-in-article__h2 {
    color: #FFB600;
  }
}

.article-hero,
.article-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
}

@media all and (max-width: 767px) {
  .article-hero .article-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media all and (min-width: 1024px) {
  .article-hero .article-container {
    min-height: 635px;
    padding: 0 5px;
  }
}

.article-hero .article-container .banner {
  margin-top: 0;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .article-hero .article-container .banner {
    background-color: #0E1823;
  }
}

:root[data-theme=dark] .article-hero .article-container .banner {
  background-color: #0E1823;
}

@media all and (max-width: 767px) {
  .article-hero .thumb {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
}

@media all and (min-width: 768px) {
  .article-hero .thumb {
    margin-bottom: 35px;
  }
}

@media all and (min-width: 1024px) {
  .article-hero .thumb {
    border-radius: 15px;
    width: calc(100% + 10px);
    margin-left: -5px;
  }
}

.article-hero .thumb img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}

.article-body h6 {
  font-size: 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  padding-bottom: 10px;
  margin-top: 40px;
  margin-bottom: 20px !important;
  pointer-events: auto;
  color: #1C242E;
  text-transform: uppercase;
  letter-spacing: 0.2px;
  font-weight: 700;
  letter-spacing: 1px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .article-body h6 {
    color: #EBE3E7;
    border-bottom-color: #333A43;
  }
}

:root[data-theme=dark] .article-body h6 {
  color: #EBE3E7;
  border-bottom-color: #333A43;
}

@media all and (max-width: 767px) {
  .article-body h6 {
    max-width: none;
    margin: 30px 15px 20px;
    padding: 0 0 10px;
  }
}

.article-body h6::before, .article-body h6::after {
  display: none;
}

.article-body .h6 {
  font-size: 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  padding-bottom: 10px;
  margin-top: 40px;
  margin-bottom: 20px !important;
  pointer-events: auto;
  color: #1C242E;
  text-transform: uppercase;
  letter-spacing: 0.2px;
  font-weight: 700;
  letter-spacing: 1px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .article-body .h6 {
    color: #EBE3E7;
    border-bottom-color: #333A43;
  }
}

:root[data-theme=dark] .article-body .h6 {
  color: #EBE3E7;
  border-bottom-color: #333A43;
}

@media all and (max-width: 767px) {
  .article-body .h6 {
    max-width: none;
    margin: 30px 15px 20px;
    padding: 0 0 10px;
  }
}

.article-body .h6::before, .article-body .h6::after {
  display: none;
}

.article-body .titlu-update {
  font-size: 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  padding-bottom: 10px;
  margin-top: 40px;
  margin-bottom: 20px !important;
  pointer-events: auto;
  color: #1C242E;
  text-transform: uppercase;
  letter-spacing: 0.2px;
  font-weight: 700;
  letter-spacing: 1px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .article-body .titlu-update {
    color: #EBE3E7;
    border-bottom-color: #333A43;
  }
}

:root[data-theme=dark] .article-body .titlu-update {
  color: #EBE3E7;
  border-bottom-color: #333A43;
}

@media all and (max-width: 767px) {
  .article-body .titlu-update {
    max-width: none;
    margin: 30px 15px 20px;
    padding: 0 0 10px;
  }
}

.article-body .titlu-update::before, .article-body .titlu-update::after {
  display: none;
}

@media all and (min-width: 1024px) {
  .article-body .article-container {
    padding: 0 5px 0 90px;
  }
}

.banner-container {
  width: 300px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media all and (min-width: 1024px) {
  .banner-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.banner-container .banner {
  position: relative;
  background-color: transparent;
}

.banner-container .banner .sticker {
  position: sticky;
  position: -webkit-sticky;
  top: 90px;
  padding-bottom: 35px;
}

.banner-container .related-in-article {
  text-align: left;
  margin: 30px 0;
}

.banner-container .related-in-article:last-child {
  margin-bottom: 0;
}

.banner-container .related-in-article__h2 {
  font-size: 18px;
}

.article-container {
  width: 100%;
  position: relative;
}

@media all and (max-width: 767px) {
  .article-container {
    width: 100%;
    overflow-x: hidden;
  }
}

@media all and (min-width: 1024px) {
  .article-container {
    width: calc(100% - 330px);
    min-height: 920px;
  }
}

@media all and (min-width: 1280px) {
  .article-container {
    width: calc(100% - 360px);
  }
}

.article-container .banner {
  margin: 20px 0 22px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .article-container .banner {
    background-color: #0E1823;
  }
}

:root[data-theme=dark] .article-container .banner {
  background-color: #0E1823;
}

@media all and (min-width: 768px) {
  .article-container .banner {
    margin: 40px 0;
    background-color: transparent;
  }
}

.article-container > h3,
.article-container > .h3 {
  text-transform: uppercase;
  font-size: 18px;
  margin: 30px 15px 20px;
}

@media all and (min-width: 768px) {
  .article-container > h3,
  .article-container > .h3 {
    margin: 40px 30px 24px;
    font-size: 20px;
  }
}

@media all and (min-width: 1024px) {
  .article-container > h3,
  .article-container > .h3 {
    margin: 40px 0 24px;
  }
}

.info {
  position: absolute;
  right: 15px;
  bottom: 15px;
}

@media all and (min-width: 768px) {
  .info {
    right: 27px;
    bottom: 27px;
  }
}

.info .icon {
  border-radius: 200px;
  width: 26px;
  height: 26px;
  background-color: rgba(0, 0, 0, 0.5);
  background-image: url(../images/icon-info.svg);
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #FFF;
}

.info .tooltip {
  pointer-events: none;
  opacity: 0;
  position: absolute;
  bottom: 40px;
  right: 0;
  background-color: rgba(0, 0, 0, 0.75);
  color: #FFF;
  width: 200px;
  font-size: 14px;
  line-height: 1.2;
  padding: 12px 15px 13px;
  border-radius: 10px;
}

@media all and (min-width: 768px) {
  .info .tooltip {
    width: 400px;
  }
}

.info .tooltip::after {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  bottom: -12px;
  right: 12px;
  border-left: 12px solid transparent;
  border-right: 0 solid transparent;
  border-top: 12px solid rgba(0, 0, 0, 0.75);
}

.info:hover .icon {
  background-color: rgba(0, 0, 0, 0.75);
}

.info:hover .tooltip {
  opacity: 1;
}

.related {
  padding-top: 20px;
  padding-bottom: 20px;
}

.related > h3,
.related > .h3 {
  display: none;
}

@media all and (min-width: 768px) {
  .related > h3,
  .related > .h3 {
    display: block;
    text-transform: uppercase;
    color: #E01B2F;
    width: 100%;
    text-align: center;
    margin: -5px 0 17px;
  }
}

.related .controller {
  width: 100%;
}

.related .related-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

@media all and (min-width: 1280px) {
  .related .related-wrapper {
    width: 100%;
  }
}

.related .related-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding-right: 15px;
}

@media all and (min-width: 768px) {
  .related .related-container {
    padding-right: 30px;
  }
}

@media all and (min-width: 1280px) {
  .related .related-container {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-right: 0;
  }
}

.related .news-item {
  width: 300px;
  margin-left: 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media all and (max-width: 767px) {
  .related .news-item {
    width: 150px;
    margin-left: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
  }
}

@media all and (min-width: 1280px) {
  .related .news-item {
    margin-left: 0;
  }
}

@media all and (max-width: 767px) {
  .related .news-item::after {
    position: absolute;
    background: rgba(255, 255, 255, 0);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(90%, white), color-stop(100%, white));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(90%, white), to(white));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 90%, white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
    height: 30px;
    bottom: 0;
    left: 0;
    width: 100%;
    content: '';
  }
}

.related .news-item:first-child {
  margin-left: 15px;
}

@media all and (min-width: 768px) {
  .related .news-item:first-child {
    margin-left: 30px;
  }
}

@media all and (min-width: 1280px) {
  .related .news-item:first-child {
    margin-left: 0;
  }
}

.related .news-item h2,
.related .news-item .h2 {
  font-size: 18px;
}

@media all and (max-width: 767px) {
  .related .news-item h2,
  .related .news-item .h2 {
    padding: 4px 0 0;
    font-size: 16px;
    max-height: 82px;
    overflow: hidden;
  }
}

@media all and (min-width: 768px) {
  .related .news-item .text-container h2,
  .related .news-item .text-container .h2 {
    padding-top: 10px;
  }
}

@media all and (max-width: 767px) {
  .related .news-item .text-container h6,
  .related .news-item .text-container .h6 {
    margin-top: 10px;
    padding: 0;
    max-width: none;
  }
}

@media all and (max-width: 767px) {
  .related .news-item .text-container h6::before, .related .news-item .text-container h6::after,
  .related .news-item .text-container .h6::before,
  .related .news-item .text-container .h6::after {
    display: none;
  }
}

@media all and (max-width: 767px) {
  .related .news-item .thumb {
    border-radius: 10px;
    margin-bottom: 5px;
  }
}

@media all and (max-width: 767px) {
  .related .news-item .thumb .video-icon img {
    width: 29px;
    height: 29px;
    border: 1.5px solid #FFF;
  }
}

@media all and (max-width: 767px) {
  .related .news-item .comments-no {
    border-radius: 0 10px;
  }
}

.related-big {
  display: block;
}

@media all and (min-width: 768px) {
  .related-big {
    display: none;
  }
}

.related-big .thumb {
  margin-bottom: 5px;
}

.related-big .text-container h2,
.related-big .text-container .h2 {
  font-size: 16px;
}

.related-big + .related .news-item:first-child {
  display: none;
}

@media all and (min-width: 768px) {
  .related-big + .related .news-item:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.related-big + .related .news-item:nth-child(2) {
  margin-left: 15px;
}

@media all and (min-width: 768px) {
  .related-big + .related .news-item:nth-child(2) {
    margin-left: 12px;
  }
}

@media all and (min-width: 1280px) {
  .related-big + .related .news-item:nth-child(2) {
    margin-left: 0;
  }
}

.tablet-and-desktop-only {
  display: none;
}

@media all and (min-width: 768px) {
  .tablet-and-desktop-only {
    display: inline-block;
  }
}

.stiri-nebune {
  background-color: #ff910c;
  background-image: url(../images/stiri-nebune-hp.png);
  background-repeat: no-repeat;
  background-position: top center;
  padding-top: 75px !important;
}

.stiri-nebune .news-item {
  background-color: #ff910c;
}

.partners.stiri-nebune-mici {
  padding-top: 0;
  margin-top: -10px;
  background-color: #ff910c;
}

@media all and (min-width: 768px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .comments-hero {
    background-color: #0E1823;
  }
}

@media all and (min-width: 768px) {
  :root[data-theme=dark] .comments-hero {
    background-color: #0E1823;
  }
}

@media all and (min-width: 1024px) {
  .comments-hero .article-container {
    min-height: 0;
  }
}

@media all and (min-width: 1024px) {
  .comments-hero .article-container h1,
  .comments-hero .article-container .h1 {
    margin-bottom: 0;
  }
}

.comments {
  padding-top: 20px;
  padding-bottom: 30px;
}

@media all and (min-width: 768px) {
  .comments {
    padding-top: 35px;
    padding-bottom: 40px;
  }
}

@media all and (min-width: 768px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .comments {
    background-color: #0E1823;
  }
}

@media all and (min-width: 768px) {
  :root[data-theme=dark] .comments {
    background-color: #0E1823;
  }
}

.comments .controller {
  max-width: 1058px;
}

@media all and (min-width: 1280px) {
  .comments .controller {
    max-width: 1183px;
  }
}

@media all and (min-width: 1024px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .comments .banner-container .banner {
    background-color: #0E1823;
  }
}

@media all and (min-width: 1024px) {
  :root[data-theme=dark] .comments .banner-container .banner {
    background-color: #0E1823;
  }
}

.comments .article-container {
  margin: 0 15px;
}

@media all and (min-width: 768px) {
  .comments .article-container {
    width: calc(100% - 170px);
    margin-right: 85px;
  }
}

@media all and (min-width: 1024px) {
  .comments .article-container {
    width: calc(100% - 500px);
    min-height: 0;
  }
}

@media all and (min-width: 1280px) {
  .comments .article-container {
    width: calc(100% - 530px);
  }
}

.comments .article-container .banner.x300x250 {
  margin: 0 -15px 22px;
  padding: 20px 0;
  width: 100vw;
}

@media all and (min-width: 768px) {
  .comments .article-container .banner.x300x250 {
    display: none;
  }
}

.comments .article-container .banner.x728x90 {
  display: none;
}

@media all and (min-width: 768px) {
  .comments .article-container .banner.x728x90 {
    display: block;
    width: 100vw;
    margin-left: -115px;
    padding: 20px 0;
    background-color: #F5F0F3;
  }
}

@media all and (min-width: 1024px) {
  .comments .article-container .banner.x728x90 {
    width: auto;
    margin-left: -85px;
    margin-right: -85px;
    padding: 0;
    background-color: transparent;
  }
}

@media all and (min-width: 1024px) {
  .comments .article-body {
    min-height: 600px;
  }
}

.comments .box-header {
  margin-bottom: 20px;
}

@media all and (min-width: 768px) {
  .comments .box-header {
    margin-bottom: 33px;
  }
}

.comments .comment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 5px;
  position: relative;
}

@media all and (min-width: 768px) {
  .comments .comment {
    padding-bottom: 18px;
  }
}

.comments .comment--gsp {
  padding: 20px 20px 5px;
  margin-bottom: 20px;
}

@media all and (min-width: 768px) {
  .comments .comment--gsp {
    margin-bottom: 35px;
  }
}

@media all and (min-width: 1280px) {
  .comments .comment--gsp {
    padding: 30px 0 15px;
  }
}

.comments .comment--gsp::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #F5F0F3;
  z-index: 0;
  border-radius: 15px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .comments .comment--gsp::before {
    background-color: #0E1823;
  }
}

:root[data-theme=dark] .comments .comment--gsp::before {
  background-color: #0E1823;
}

@media all and (min-width: 1280px) {
  .comments .comment--gsp::before {
    right: -108px;
    left: -108px;
  }
}

@media all and (min-width: 768px) {
  .comments .comment--gsp::before {
    background-color: #FFF;
    -webkit-box-shadow: 0 3px 9px 0 rgba(59, 27, 224, 0.05), 0 5px 15px 0 rgba(224, 27, 27, 0.05), 0 0 0 1px rgba(235, 227, 231, 0.85);
            box-shadow: 0 3px 9px 0 rgba(59, 27, 224, 0.05), 0 5px 15px 0 rgba(224, 27, 27, 0.05), 0 0 0 1px rgba(235, 227, 231, 0.85);
  }
}

@media all and (min-width: 768px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .comments .comment--gsp::before {
    background-color: #1C242E;
    -webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
            box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
  }
}

@media all and (min-width: 768px) {
  :root[data-theme=dark] .comments .comment--gsp::before {
    background-color: #1C242E;
    -webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
            box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
  }
}

.comments .comment--gsp > * {
  position: relative;
}

.comments .comment--gsp .thumb {
  background-image: none;
  background-color: #FFF;
}

@media all and (min-width: 768px) {
  .comments .comment--gsp .thumb {
    background-color: #EBE3E7;
  }
}

@media all and (min-width: 1280px) {
  .comments .comment--gsp .thumb {
    top: 27px;
  }
}

.comments .comment--gsp .thumb img {
  top: 2px;
}

@media all and (min-width: 768px) {
  .comments .comment--gsp .thumb img {
    top: 3px;
  }
}

@media all and (max-width: 767px) {
  .comments .comment--gsp .comment-actions a {
    background-color: #FFF;
  }
}

.comments .comment--gsp .name-and-date a {
  color: #E01B2F;
}

.comments .thumb {
  width: 40px;
  padding-bottom: 40px;
  border-radius: 200px;
  margin-right: 10px;
  margin-bottom: 16px;
}

@media all and (min-width: 768px) {
  .comments .thumb {
    width: 65px;
    padding-bottom: 65px;
    position: absolute;
    top: -3px;
    left: -85px;
    margin: 0;
  }
}

.comments .thumb.team-logo {
  display: none;
  width: 65px;
  padding-bottom: 63px;
  background: #FFF;
  border: 1px solid #F5F0F3;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .comments .thumb.team-logo {
    background: #333A43;
    border: 1px solid #1C242E;
  }
}

:root[data-theme=dark] .comments .thumb.team-logo {
  background: #333A43;
  border: 1px solid #1C242E;
}

@media all and (min-width: 768px) {
  .comments .thumb.team-logo {
    display: block;
    left: auto;
    right: -85px;
  }
}

.comments .thumb.team-logo img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 49px;
  width: 49px;
  top: 7px;
  right: 7px;
  bottom: 7px;
  left: 7px;
  -o-object-position: center;
     object-position: center;
}

.comments .name-and-date {
  font-size: 16px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 1.1;
  margin-bottom: 16px;
}

.comments .comment-actions {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 17px;
}

.comments .comment-actions a {
  text-align: center;
  display: block;
  background-color: #F5F0F3;
  width: calc((100% - 9px) / 4);
  padding: 9px 0 7px;
  border-radius: 10px;
  position: relative;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .comments .comment-actions a {
    background-color: rgba(255, 255, 255, 0.15);
    color: #000;
  }
}

:root[data-theme=dark] .comments .comment-actions a {
  background-color: rgba(255, 255, 255, 0.15);
  color: #000;
}

.comments .comment-actions a span {
  display: block;
  width: 100%;
  font-size: 8px;
  text-transform: uppercase;
  font-weight: 700;
  margin-top: -3px;
  letter-spacing: .5px;
}

.comments .comment-actions a .actions-no {
  position: absolute;
  bottom: 4px;
  right: 4px;
  background-color: #E01B2F;
  color: #FFF;
  font-weight: 700;
  font-size: 11px;
  padding: 2px 4px 0;
  height: 14px;
  min-width: 14px;
  text-align: center;
  line-height: 1;
  border-radius: 100px;
}

@media all and (min-width: 768px) {
  .comments .comment-actions a .actions-no {
    padding-top: 1px;
  }
}

@media (hover: hover) {
  .comments .comment-actions a:hover {
    background-color: #F5F0F3;
  }
}

.comments .comment-actions img {
  width: 23px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}

.comments p {
  font-size: 16px;
  margin-bottom: 16px;
  width: 100%;
}

.comments p.moderated {
  font-family: "Barlow", sans-serif;
  font-size: 14px;
  color: rgba(28, 36, 46, 0.5);
  line-height: 1.285;
  margin-top: -4px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .comments p.moderated {
    color: rgba(235, 227, 231, 0.5);
  }
}

:root[data-theme=dark] .comments p.moderated {
  color: rgba(235, 227, 231, 0.5);
}

.comments blockquote {
  background-image: url(../images/icon-quote-comment.svg);
  background-repeat: no-repeat;
  background-position: 0 7px;
  padding: 5px 0 0 48px;
  margin-bottom: 0;
  width: 100%;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .comments blockquote {
    background-image: url(../images/icon-quote-comment-.svg);
  }
}

:root[data-theme=dark] .comments blockquote {
  background-image: url(../images/icon-quote-comment-.svg);
}

.comments blockquote .name-and-date {
  font-size: 14px;
  margin-bottom: 5px;
  color: rgba(28, 36, 46, 0.5);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .comments blockquote .name-and-date {
    color: rgba(235, 227, 231, 0.5);
  }
}

:root[data-theme=dark] .comments blockquote .name-and-date {
  color: rgba(235, 227, 231, 0.5);
}

.comments blockquote p {
  font-size: 14px;
}

.comments .more {
  margin-top: 5px;
  margin-bottom: 26px;
}

.comments .login {
  font-family: "Barlow", sans-serif;
  line-height: 1.25;
  margin-top: -5px;
  margin-bottom: 20px;
}

@media all and (min-width: 768px) {
  .comments .login {
    margin-top: -15px;
  }
}

.comments .login a {
  text-decoration: underline;
}

@media (hover: hover) {
  .comments .login a:hover {
    color: #E01B2F;
  }
}

.comments form textarea {
  font-size: 16px;
  height: 180px;
  margin-bottom: -7px;
  background-color: transparent;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .comments form textarea {
    background-color: #0E1823;
    color: #EBE3E7;
  }
}

:root[data-theme=dark] .comments form textarea {
  background-color: #0E1823;
  color: #EBE3E7;
}

@media all and (min-width: 1024px) {
  .comments form textarea {
    height: 220px;
  }
}

@media all and (min-width: 1024px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .comments form textarea {
    background-color: #1C242E;
  }
}

@media all and (min-width: 1024px) {
  :root[data-theme=dark] .comments form textarea {
    background-color: #1C242E;
  }
}

.comments form button {
  width: 100%;
}

.comments form label {
  font-size: 16px;
}

.comments form label a {
  text-decoration: underline;
}

@media (hover: hover) {
  .comments form label a:hover {
    color: #E01B2F;
  }
}

.comments form label.ch-count {
  text-align: right;
  width: 100%;
  padding: 5px 15px;
  background-color: #FFF;
  margin-top: -40px;
  margin-bottom: 9px;
  display: block;
  color: rgba(28, 36, 46, 0.3);
  font-size: 14px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .comments form label.ch-count {
    color: rgba(235, 227, 231, 0.3);
  }
}

:root[data-theme=dark] .comments form label.ch-count {
  color: rgba(235, 227, 231, 0.3);
}

.tags {
  margin: 0 15px 20px;
  font-size: 12px;
  line-height: 1.8;
}

@media all and (min-width: 768px) {
  .tags {
    margin: 0 30px 30px;
  }
}

@media all and (min-width: 1024px) {
  .tags {
    margin: 0 0 30px;
  }
}

.tags .tag {
  display: inline;
  margin: 0 0 5px 0;
  vertical-align: middle;
  text-transform: lowercase;
  background-color: #F5F0F3;
  padding: 2px 8px 3px;
  border-radius: 100px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .tags .tag {
    background-color: #0E1823;
  }
}

:root[data-theme=dark] .tags .tag {
  background-color: #0E1823;
}

@media all and (min-width: 768px) {
  .tags .tag {
    display: inline-block;
  }
}

.body-articol-opinii .tags .tag {
  background-color: #D5E9FF;
}

.tags .tag::before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url(../images/icon-tag.svg);
  background-size: contain;
  vertical-align: middle;
  margin: 0 3px 0 0;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .tags .tag::before {
    background-image: url(../images/icon-tag-.svg);
  }
}

:root[data-theme=dark] .tags .tag::before {
  background-image: url(../images/icon-tag-.svg);
}

@media (hover: hover) {
  .tags .tag:hover {
    background-color: #FFB600;
  }
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  padding: 0;
  margin: 15px 0 40px;
  width: 100%;
}

.pagination li {
  display: none;
  margin-right: 5px;
}

@media all and (min-width: 1280px) {
  .pagination li {
    display: block;
  }
}

.pagination li:last-child {
  margin-right: 0;
}

.pagination li.mobile {
  display: block;
}

.pagination li.page-selector {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: block;
}

@media all and (min-width: 1280px) {
  .pagination li.page-selector {
    display: none;
  }
}

.pagination a {
  width: 46px;
  height: 46px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #F5F0F3;
  font-weight: 700;
  font-size: 14px;
  border-radius: 10px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .pagination a {
    background-color: #333A43;
  }
}

:root[data-theme=dark] .pagination a {
  background-color: #333A43;
}

.pagination div {
  width: 46px;
  height: 46px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #F5F0F3;
  font-weight: 700;
  font-size: 14px;
  border-radius: 10px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .pagination div {
    background-color: #333A43;
  }
}

:root[data-theme=dark] .pagination div {
  background-color: #333A43;
}

.pagination a {
  color: #E01B2F;
  border: 1px solid #F5F0F3;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .pagination a {
    color: #EBE3E7;
    border: 1px solid #333A43;
  }
}

:root[data-theme=dark] .pagination a {
  color: #EBE3E7;
  border: 1px solid #333A43;
}

@media (hover: hover) {
  .pagination a:hover {
    border: 1px solid #FFB600;
    background-color: #FFB600;
  }
}

@media (hover: hover) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .pagination a:hover {
    border: 1px solid #FFB600;
    background-color: #FFB600;
  }
}

@media (hover: hover) {
  :root[data-theme=dark] .pagination a:hover {
    border: 1px solid #FFB600;
    background-color: #FFB600;
  }
  .pagination a:hover span {
    color: #1C242E;
  }
}

.pagination a.selected {
  background-color: #E01B2F;
  border: 1px solid #E01B2F;
  color: #FFF;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .pagination a.selected {
    background-color: #E01B2F;
    border: 1px solid #E01B2F;
    color: #FFF;
  }
}

:root[data-theme=dark] .pagination a.selected {
  background-color: #E01B2F;
  border: 1px solid #E01B2F;
  color: #FFF;
}

.pagination a.selected:hover span {
  color: #FFF;
}

.pagination img {
  width: 14px;
  height: 14px;
}

.pagination div {
  background-color: transparent;
  font-weight: 400;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .pagination div {
    background-color: transparent;
  }
}

:root[data-theme=dark] .pagination div {
  background-color: transparent;
}

.pagination select {
  height: 46px;
  padding-top: 10px;
  margin: 0 5px 0 0;
  width: 100%;
  background-color: #F5F0F3;
  border: 1px solid #F5F0F3;
  font-family: "Barlow", sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .pagination select {
    background-color: #333A43;
    color: #EBE3E7;
    border: 1px solid #333A43;
  }
}

:root[data-theme=dark] .pagination select {
  background-color: #333A43;
  color: #EBE3E7;
  border: 1px solid #333A43;
}

.pagination select:focus {
  border: 1px solid #E01B2F;
}

.menu-modal {
  position: fixed;
  width: 320px;
  right: -320px;
  top: 0;
  bottom: 0;
  background-color: #FFF;
  z-index: 100001;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .menu-modal {
    background-color: #0E1823;
  }
}

:root[data-theme=dark] .menu-modal {
  background-color: #0E1823;
}

.menu-modal h1,
.menu-modal .h1 {
  text-transform: uppercase;
  color: #E01B2F;
  margin-bottom: 8px;
}

.menu-modal h1 a,
.menu-modal .h1 a {
  border-bottom: 1px solid rgba(224, 27, 47, 0);
}

@media (hover: hover) {
  .menu-modal h1 a:hover,
  .menu-modal .h1 a:hover {
    border-bottom: 1px solid #E01B2F;
  }
}

.menu-modal .close {
  top: 0;
  right: 0;
  position: absolute;
  height: 46px;
  width: 46px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #E01B2F;
}

@media all and (min-width: 768px) {
  .menu-modal .close {
    width: 52px;
    height: 52px;
  }
}

@media all and (min-width: 768px) {
  .menu-modal .close img {
    width: 52px;
    height: 52px;
  }
}

@media (hover: hover) {
  .menu-modal .close:hover {
    background-color: #FF6C00;
  }
}

.menu-modal .modal-item {
  margin: 16px 0 20px;
}

.menu-modal .modal-item.loose {
  margin: 26px 0;
}

.menu-modal .box-header {
  margin-bottom: 5px;
}

.menu-modal .box-header h2,
.menu-modal .box-header .h2 {
  font-size: 20px;
  margin-bottom: 8px;
}

@media (hover: hover) {
  .menu-modal .box-header h2 a:hover,
  .menu-modal .box-header .h2 a:hover {
    color: #E01B2F;
  }
}

.menu-modal .all-the-news {
  color: #E01B2F;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
}

@media (hover: hover) {
  .menu-modal .all-the-news:hover {
    text-decoration: underline;
  }
}

.menu-modal .menu-modal-wrapper {
  overflow-y: scroll;
  overflow-x: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  padding: 70px 20px 20px;
}

@media all and (min-width: 768px) {
  .menu-modal .menu-modal-wrapper {
    padding-top: 75px;
  }
}

.menu-modal .menu-modal-wrapper img {
  width: 100%;
}

.menu-modal .sports-menu {
  list-style-type: none;
  padding: 0;
  margin: 0 0 20px;
  line-height: 1.2;
}

.menu-modal .sports-menu li {
  display: inline-block;
  margin-right: 10px;
}

.menu-modal .sports-menu li a {
  display: block;
  padding: 4px 0 0;
  margin-bottom: 3px;
  font-size: 16px;
  font-weight: 700;
}

@media (hover: hover) {
  .menu-modal .sports-menu li a:hover {
    color: #E01B2F;
  }
}

.menu-modal .sports-menu.secondary li a {
  font-weight: 400;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 18px;
  color: #E01B2F;
  border-bottom: 1px solid rgba(224, 27, 47, 0);
}

@media (hover: hover) {
  .menu-modal .sports-menu.secondary li a:hover {
    border-bottom: 1px solid #E01B2F;
  }
}

.menu-modal .competition-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  padding: 1px 0 5px;
}

.menu-modal .competition-logo {
  width: 28px;
  height: 28px;
  margin-right: 10px;
}

.menu-modal .competition-logo img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}

.menu-modal .competition-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-bottom: 1px solid #F5F0F3;
  padding-bottom: 5px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .menu-modal .competition-wrapper {
    border-bottom: 1px solid #333A43;
  }
}

:root[data-theme=dark] .menu-modal .competition-wrapper {
  border-bottom: 1px solid #333A43;
}

.menu-modal .competition-wrapper h3,
.menu-modal .competition-wrapper .h3 {
  width: calc(100% - 28px);
  height: 28px;
  padding-top: 5px;
}

@media (hover: hover) {
  .menu-modal .competition-wrapper h3 a:hover,
  .menu-modal .competition-wrapper .h3 a:hover {
    color: #E01B2F;
  }
}

.menu-modal .competition-wrapper ul {
  display: none;
  list-style-type: none;
  padding: 0;
  margin: 0 0 5px;
  width: 100%;
}

.menu-modal .competition-wrapper ul li {
  display: inline-block;
}

.menu-modal .competition-wrapper ul li::after {
  content: '/';
  display: inline;
  font-size: 11px;
  color: #E01B2F;
  margin: 0 5px;
}

.menu-modal .competition-wrapper ul li:last-child::after {
  display: none;
}

.menu-modal .competition-wrapper ul li a {
  padding: 0;
  height: auto;
  color: #E01B2F;
  text-transform: none;
  font-size: 14px;
  letter-spacing: 0;
  display: inline;
  font-weight: 700;
}

@media (hover: hover) {
  .menu-modal .competition-wrapper ul li:hover a {
    background-color: #FFF;
    text-decoration: underline;
  }
}

.menu-modal .competition-wrapper label {
  background-image: url(../images/icon-expand.svg);
  width: 28px;
  height: 28px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  margin: 0;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .menu-modal .competition-wrapper label {
    background-image: url(../images/icon-expand-.svg);
  }
}

:root[data-theme=dark] .menu-modal .competition-wrapper label {
  background-image: url(../images/icon-expand-.svg);
}

.menu-modal .competition-wrapper input[type=checkbox] {
  display: none;
}

.menu-modal .competition-wrapper input[type=checkbox]:checked + label {
  background-image: url(../images/icon-expanded.svg);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .menu-modal .competition-wrapper input[type=checkbox]:checked + label {
    background-image: url(../images/icon-expanded-.svg);
  }
}

:root[data-theme=dark] .menu-modal .competition-wrapper input[type=checkbox]:checked + label {
  background-image: url(../images/icon-expanded-.svg);
}

.menu-modal .competition-wrapper input[type=checkbox]:checked + label + ul {
  display: block;
}

.menu-shadow {
  display: none;
  position: fixed;
  width: 100vw;
  right: 0;
  top: 0;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 100000;
  cursor: default;
}

.search {
  margin-right: 46px;
}

@media all and (min-width: 768px) {
  .search {
    margin-right: 52px;
  }
}

.search input[type=search] {
  height: 46px;
  margin: 0;
  border: none;
  padding: 0 10px 0 50px;
  font-size: 16px;
  border-radius: 0;
  font-family: "Barlow", sans-serif;
  line-height: 1;
  background-color: #F5F0F3;
  background-image: url(../images/search.svg);
  background-repeat: no-repeat;
  background-size: 23px;
  background-position: 16px 13px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .search input[type=search] {
    background-color: #1C242E;
    color: #EBE3E7;
  }
}

:root[data-theme=dark] .search input[type=search] {
  background-color: #1C242E;
  color: #EBE3E7;
}

@media all and (min-width: 768px) {
  .search input[type=search] {
    background-position: 16px 16px;
    height: 52px;
  }
}

.search input[type=search]:focus {
  background-color: #F5F0F3;
  border: none;
  -webkit-box-shadow: inset 0 -1px 0 #E01B2F;
          box-shadow: inset 0 -1px 0 #E01B2F;
}

.category-title {
  background-image: -webkit-gradient(linear, right top, left top, from(#005F6A), to(#00326A));
  background-image: linear-gradient(to left, #005F6A 0%, #00326A 100%);
}

.category-title .controller {
  padding: 20px 15px;
  position: relative;
}

@media all and (min-width: 768px) {
  .category-title .controller {
    padding: 20px 12px;
  }
}

@media all and (min-width: 1280px) {
  .category-title .controller {
    padding: 30px 0;
  }
}

.category-title .h1-container {
  font-size: 30px;
  color: #FFF;
  line-height: 1.1;
  margin-bottom: 10px;
  font-weight: 700;
}

@media all and (min-width: 1280px) {
  .category-title .h1-container {
    font-size: 36px;
  }
}

.category-title .h1-container a {
  display: inline-block;
}

@media (hover: hover) {
  .category-title .h1-container a:hover {
    color: #FFB600;
  }
}

.category-title h1,
.category-title .h1 {
  font-size: 30px;
  color: #FFF;
  line-height: 1.1;
  display: inline;
}

@media all and (min-width: 1280px) {
  .category-title h1,
  .category-title .h1 {
    font-size: 36px;
  }
}

.category-title p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  font-family: "Barlow", sans-serif;
  line-height: 1.4;
  margin-top: 16px;
}

.category-title p a {
  color: #FFB600;
  border-bottom: 1px dotted transparent;
}

@media (hover: hover) {
  .category-title p a:hover {
    border-bottom: 1px dotted #FFB600;
  }
}

.category-title ul {
  list-style-type: none;
  padding: 0;
  margin: 5px 0;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.5);
}

.category-title ul li {
  display: inline-block;
  margin-right: 10px;
}

.category-title ul li.title {
  display: block;
}

.category-title ul li a {
  color: #FFB600;
  border-bottom: 1px dotted transparent;
}

@media (hover: hover) {
  .category-title ul li a:hover {
    border-bottom: 1px dotted #FFB600;
  }
}

.category-title ul input[type=radio] {
  margin: 0 8px 3px 0;
  vertical-align: middle;
}

.category-title ul label {
  color: #FFB600;
  border-bottom: 1px dotted transparent;
  margin-bottom: 0;
}

@media (hover: hover) {
  .category-title ul label:hover {
    border-bottom: 1px dotted #FFB600;
    cursor: pointer;
  }
  .category-title ul input[type=radio]:hover {
    cursor: pointer;
  }
  .category-title ul input[type=radio]:hover + label {
    border-bottom: 1px dotted #FFB600;
  }
}

.category-title .h1-container--opinii {
  position: relative;
  overflow: hidden;
  margin-bottom: -10px;
}

@media all and (min-width: 768px) {
  .category-title .h1-container--opinii {
    margin-bottom: 10px;
    margin-top: 10px;
  }
}

@media all and (min-width: 1280px) {
  .category-title .h1-container--opinii {
    margin-top: 0;
  }
}

.category-title .h1-container--opinii img {
  width: 180px;
}

@media all and (min-width: 768px) {
  .category-title .h1-container--opinii img {
    width: 215px;
  }
}

.category-title .h1-container--opinii h1 {
  position: absolute;
  left: 100%;
}

@media all and (min-width: 768px) {
  .category-title.tv-title {
    text-align: center;
  }
}

.category-title.category-title--autor .controller {
  display: block;
}

@media all and (min-width: 768px) {
  .category-title.category-title--autor .controller {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.category-title.category-title--autor .thumb--poza-autor {
  width: 80px;
  padding-bottom: 80px;
  border-radius: 50%;
  background-image: none;
  background-color: #EBE3E7;
  margin-right: 15px;
  float: left;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .category-title.category-title--autor .thumb--poza-autor {
    background-color: #0E1823;
  }
}

:root[data-theme=dark] .category-title.category-title--autor .thumb--poza-autor {
  background-color: #0E1823;
}

@media all and (min-width: 768px) {
  .category-title.category-title--autor .thumb--poza-autor {
    width: 168px;
    padding-bottom: 168px;
    margin-right: 40px;
    float: none;
  }
}

.category-title.category-title--autor p {
  margin-bottom: 0;
  margin-top: 0;
}

@media all and (min-width: 768px) {
  .category-title.category-title--autor p {
    margin-top: 6px;
  }
}

.category-title.category-title--autor .category-title--autor__text-container {
  display: block;
}

@media all and (min-width: 768px) {
  .category-title.category-title--autor .category-title--autor__text-container {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.category-pagination {
  padding: 25px 15px 0;
}

@media all and (min-width: 768px) {
  .category-pagination {
    padding: 25px 0 0;
  }
}

.tv-programmes {
  background-color: #F5F0F3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .tv-programmes {
    background-color: #1C242E;
  }
}

:root[data-theme=dark] .tv-programmes {
  background-color: #1C242E;
}

@media all and (min-width: 768px) {
  .tv-programmes {
    padding: 30px 30px 20px;
  }
}

.tv-day-wrapper {
  margin: 0;
  padding: 15px;
  background-color: #FFF;
  width: 100%;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .tv-day-wrapper {
    background-color: #0E1823;
  }
}

:root[data-theme=dark] .tv-day-wrapper {
  background-color: #0E1823;
}

@media all and (min-width: 768px) {
  .tv-day-wrapper {
    width: 290px;
    margin: 0 6px 12px;
    border-radius: 15px;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
    padding: 8px 15px 18px;
  }
}

@media all and (min-width: 768px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .tv-day-wrapper {
    -webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
            box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
  }
}

@media all and (min-width: 768px) {
  :root[data-theme=dark] .tv-day-wrapper {
    -webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
            box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
  }
}

.tv-day {
  width: 100%;
  font-size: 16px;
  line-height: 1.2;
}

.tv-day td {
  padding: 8px 0 9px;
  border-bottom: 1px solid #F5F0F3;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .tv-day td {
    border-bottom: 1px solid #333A43;
  }
}

:root[data-theme=dark] .tv-day td {
  border-bottom: 1px solid #333A43;
}

@media all and (min-width: 768px) {
  .tv-day td {
    padding: 8px 0 9px;
  }
}

.tv-day tr td:first-child {
  width: 62px;
}

.tv-day tr:last-child td {
  border-bottom: none;
}

@media all and (min-width: 768px) {
  .tv-day tr:last-child td {
    border-bottom: 1px solid #F5F0F3;
  }
}

@media (hover: hover) {
  .tv-day tr:hover td {
    border-bottom: 1px solid #1C242E;
  }
}

@media (hover: hover) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .tv-day tr:hover td {
    border-bottom: 1px solid rgba(255, 255, 255, 0.75);
  }
}

@media (hover: hover) {
  :root[data-theme=dark] .tv-day tr:hover td {
    border-bottom: 1px solid rgba(255, 255, 255, 0.75);
  }
}

.tv-day thead td {
  color: #E01B2F;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 1px;
  padding: 8px 0 12px;
}

@media all and (min-width: 768px) {
  .tv-day thead td {
    padding: 8px 0 12px;
  }
}

@media (hover: hover) {
  .tv-day tr:hover td {
    border-bottom: 1px solid #1C242E;
  }
  .tv-day thead tr:hover td {
    border-bottom: 1px solid #F5F0F3;
  }
}

@media all and (min-width: 768px) {
  .search-results {
    padding: 50px 0;
  }
}

@media all and (min-width: 1024px) {
  .search-results {
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    padding-bottom: 0;
  }
}

@media all and (min-width: 1024px) {
  .search-results .controller {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

@media all and (min-width: 768px) {
  .search-results .C1 {
    width: auto;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-right: 30px;
  }
}

@media all and (min-width: 768px) {
  .search-results .C1 .text-container {
    width: calc(100% - 130px);
  }
}

@media all and (min-width: 768px) {
  .search-results .C1 .text-container h6,
  .search-results .C1 .text-container .h6 {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 4px;
  }
}

@media all and (min-width: 768px) {
  .search-results .C1 .text-container h6::before, .search-results .C1 .text-container h6::after,
  .search-results .C1 .text-container .h6::before,
  .search-results .C1 .text-container .h6::after {
    display: none;
  }
}

.search-results .C1 .text-container h6 .date,
.search-results .C1 .text-container .h6 .date {
  color: rgba(28, 36, 46, 0.5);
}

@media all and (min-width: 768px) {
  .search-results .C1 .text-container h2,
  .search-results .C1 .text-container .h2 {
    padding-bottom: 10px;
  }
}

.search-results .C1 .text-container p {
  display: none;
}

@media all and (min-width: 768px) {
  .search-results .C1 .text-container p {
    padding: 0 15px;
    display: block;
    font-size: 14px;
    margin-bottom: 0;
  }
}

@media all and (min-width: 768px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .search-results .C1 .text-container p {
    opacity: .6;
  }
}

@media all and (min-width: 768px) {
  :root[data-theme=dark] .search-results .C1 .text-container p {
    opacity: .6;
  }
}

.search-results .C1 .pagination {
  margin: 10px 0;
}

@media all and (min-width: 768px) {
  .search-results .C1 .news-item {
    border-radius: 0;
    margin-bottom: 50px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

@media all and (min-width: 768px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .search-results .C1 .news-item {
    background-color: transparent;
  }
}

@media all and (min-width: 768px) {
  :root[data-theme=dark] .search-results .C1 .news-item {
    background-color: transparent;
  }
}

.search-results .C1 .news-item .text-container h6,
.search-results .C1 .news-item .text-container .h6 {
  padding-right: 0;
}

@media all and (hover: hover) and (min-width: 1024px) {
  .search-results .C1 .news-item:hover h2,
  .search-results .C1 .news-item:hover .h2 {
    color: #E01B2F;
  }
}

@media all and (hover: hover) and (min-width: 1024px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .search-results .C1 .news-item:hover h2, .search-results .C1 .news-item:hover .h2 {
    color: #FFB600;
  }
}

@media all and (hover: hover) and (min-width: 1024px) {
  :root[data-theme=dark] .search-results .C1 .news-item:hover h2, .search-results .C1 .news-item:hover .h2 {
    color: #FFB600;
  }
}

@media all and (min-width: 768px) {
  .search-results .C1 .thumb {
    width: 120px;
    padding-bottom: 120px;
    border-radius: 15px;
  }
}

@media all and (min-width: 768px) {
  .search-results .C2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 25px;
  }
}

@media all and (min-width: 1024px) {
  .search-results .C2 {
    width: 300px;
    margin-top: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media all and (min-width: 1280px) {
  .search-results .C2 {
    width: 360px;
  }
}

.search-results .C2 .wrapper {
  background-color: #FAF6F8;
  padding: 25px 15px;
  border-bottom: 1px solid #F5F0F3;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .search-results .C2 .wrapper {
    background-color: #0E1823;
    border-bottom: 1px solid #333A43;
  }
}

:root[data-theme=dark] .search-results .C2 .wrapper {
  background-color: #0E1823;
  border-bottom: 1px solid #333A43;
}

@media all and (min-width: 768px) {
  .search-results .C2 .wrapper {
    width: 48.5%;
    padding: 25px;
    border-bottom: none;
    border-radius: 15px;
  }
}

@media all and (min-width: 768px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .search-results .C2 .wrapper {
    border-bottom: none;
  }
}

@media all and (min-width: 768px) {
  :root[data-theme=dark] .search-results .C2 .wrapper {
    border-bottom: none;
  }
}

@media all and (min-width: 1024px) {
  .search-results .C2 .wrapper {
    width: 100%;
    margin-bottom: 30px;
  }
}

@media all and (min-width: 1280px) {
  .search-results .C2 .wrapper {
    padding: 30px;
  }
}

.search-results .C2 .box-header {
  margin-bottom: 20px;
}

.search-results .C2 form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.search-results .C2 label {
  font-size: 16px;
  width: 100%;
}

.search-results .C2 input[type=text] {
  font-family: "Barlow", sans-serif;
  font-size: 16px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .search-results .C2 input[type=text] {
    background-color: #1C242E;
    color: #EBE3E7;
  }
}

:root[data-theme=dark] .search-results .C2 input[type=text] {
  background-color: #1C242E;
  color: #EBE3E7;
}

.search-results .C2 select {
  font-family: "Barlow", sans-serif;
  font-size: 16px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .search-results .C2 select {
    background-color: #1C242E;
    color: #EBE3E7;
  }
}

:root[data-theme=dark] .search-results .C2 select {
  background-color: #1C242E;
  color: #EBE3E7;
}

.search-results .C2 select.zi {
  width: 25%;
}

.search-results .C2 select.luna {
  width: 45%;
}

.search-results .C2 select.an {
  width: 25%;
}

.search-results .C2 span {
  font-size: 14px;
  display: block;
  margin-bottom: 20px;
}

.search-results .C2 h6,
.search-results .C2 .h6 {
  margin-bottom: 12px;
}

.search-results .C2 ul {
  font-size: 16px;
  padding-left: 18px;
  margin-bottom: 24px;
}

@media (hover: hover) {
  .search-results .C2 ul a:hover {
    text-decoration: underline;
  }
}

.pagina-opinii {
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

@media all and (min-width: 1024px) {
  .pagina-opinii .controller {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}

@media all and (min-width: 768px) {
  .pagina-opinii .C1 .news-item {
    overflow: visible;
  }
}

.pagina-opinii .C1 .news-item .thumb {
  width: 80px;
  padding-bottom: 80px;
  border-radius: 50%;
  background-image: none;
  background-color: #EBE3E7;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .pagina-opinii .C1 .news-item .thumb {
    background-color: #0E1823;
  }
}

:root[data-theme=dark] .pagina-opinii .C1 .news-item .thumb {
  background-color: #0E1823;
}

@media all and (min-width: 768px) {
  .pagina-opinii .C1 .news-item .thumb {
    width: 168px;
    padding-bottom: 168px;
  }
}

.pagina-opinii .C1 .news-item .thumb img {
  top: 5px;
}

@media all and (min-width: 768px) {
  .pagina-opinii .C1 .news-item .thumb img {
    top: 10px;
  }
}

@media (hover: hover) {
  .pagina-opinii .C1 .news-item .thumb:hover {
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
  }
}

@media (hover: hover) {
  .pagina-opinii .C1 .news-item:hover h2,
  .pagina-opinii .C1 .news-item:hover .h2 {
    color: #1C242E;
  }
}

.pagina-opinii .C1 .text-container {
  padding-top: 4px;
}

@media all and (min-width: 768px) {
  .pagina-opinii .C1 .text-container {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: auto;
    padding-left: 15px;
  }
}

.pagina-opinii .C1 .text-container > * {
  width: 100%;
}

@media all and (min-width: 768px) {
  .pagina-opinii .C1 .text-container h6,
  .pagina-opinii .C1 .text-container .h6 {
    font-size: 14px;
    padding-bottom: 4px;
  }
}

.pagina-opinii .C1 .text-container h6 .date,
.pagina-opinii .C1 .text-container .h6 .date {
  display: inline-block;
}

.pagina-opinii .C1 .text-container h2,
.pagina-opinii .C1 .text-container .h2 {
  font-size: 24px;
}

@media all and (min-width: 768px) {
  .pagina-opinii .C1 .text-container h2,
  .pagina-opinii .C1 .text-container .h2 {
    font-size: 36px;
  }
}

@media (hover: hover) {
  .pagina-opinii .C1 .text-container h2:hover,
  .pagina-opinii .C1 .text-container .h2:hover {
    color: #E01B2F;
  }
}

.pagina-opinii .C1 .text-container p {
  display: block;
  font-size: 14px;
  margin: 8px 0 0;
}

@media all and (min-width: 768px) {
  .pagina-opinii .C1 .text-container p {
    font-size: 18px;
    margin-top: 0;
  }
}

.pagina-opinii .C2 {
  display: none;
}

@media all and (min-width: 1024px) {
  .pagina-opinii .C2 {
    width: 300px;
    position: relative;
    display: block;
    padding-bottom: 60px;
  }
}

.pagina-opinii .C2 .banner {
  position: -webkit-sticky;
  position: sticky;
  top: 82px;
}

.pagina-autor {
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

@media (hover: hover) {
  .pagina-autor .C1 .news-item:hover h2,
  .pagina-autor .C1 .news-item:hover .h2 {
    color: #1C242E;
  }
}

.pagina-autor .C1 .text-container {
  padding-left: 0;
  width: 100%;
}

.pagina-autor .C1 .text-container > * {
  width: 100%;
}

@media all and (min-width: 768px) {
  .pagina-autor .C1 .text-container h6,
  .pagina-autor .C1 .text-container .h6 {
    padding-left: 0;
  }
}

.pagina-autor .C1 .text-container h2,
.pagina-autor .C1 .text-container .h2 {
  font-size: 22px;
}

@media all and (min-width: 768px) {
  .pagina-autor .C1 .text-container h2,
  .pagina-autor .C1 .text-container .h2 {
    padding-left: 0;
    font-size: 30px;
  }
}

.pagina-autor .C1 .text-container h2 img,
.pagina-autor .C1 .text-container .h2 img {
  height: 22px;
  width: auto;
  vertical-align: top;
  margin-top: 4px;
  display: inline-block;
  margin-right: 2px;
}

@media all and (min-width: 768px) {
  .pagina-autor .C1 .text-container h2 img,
  .pagina-autor .C1 .text-container .h2 img {
    height: 30px;
    margin-top: 5px;
    margin-right: 4px;
  }
}

@media (hover: hover) {
  .pagina-autor .C1 .text-container h2:hover,
  .pagina-autor .C1 .text-container .h2:hover {
    color: #E01B2F;
  }
}

.pagina-autor .C1 .text-container p {
  display: block;
  margin: 8px 0 0;
  font-size: 14px;
}

@media all and (min-width: 768px) {
  .pagina-autor .C1 .text-container p {
    padding-left: 0;
    font-size: 14px;
    margin-top: 0;
  }
}

.gallery {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.gallery .photos-container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}

@media all and (min-width: 1024px) {
  .gallery .photos-container {
    width: calc(100% - 300px);
  }
}

.gallery .close-share-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #000;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  pointer-events: none;
}

@media all and (min-width: 768px) {
  .gallery .close-share-container {
    position: absolute;
    z-index: 10;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    background-color: transparent;
    padding: 10px 10px 0;
  }
}

.gallery .close-share-container .back-to-article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FFF;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: rgba(255, 255, 255, 0.25);
  margin: 10px;
  border-radius: 10px;
  padding: 0 20px 0;
  height: 50px;
  pointer-events: auto;
}

@media all and (min-width: 768px) {
  .gallery .close-share-container .back-to-article {
    background-color: rgba(0, 0, 0, 0.9);
  }
}

.gallery .close-share-container .back-to-article .back-to {
  display: none;
}

@media all and (min-width: 768px) {
  .gallery .close-share-container .back-to-article .back-to {
    display: block;
  }
}

.gallery .close-share-container .back-to-article .close-to {
  display: block;
  font-size: 36px;
  font-weight: 400;
  margin-top: -5px;
}

@media all and (min-width: 768px) {
  .gallery .close-share-container .back-to-article .close-to {
    display: none;
  }
}

@media (hover: hover) {
  .gallery .close-share-container .back-to-article:hover .back-to {
    color: #FFB600;
  }
}

.gallery .close-share-container .share-container {
  margin: 10px;
  pointer-events: auto;
}

.gallery .close-share-container .share-container .share-button {
  margin-bottom: 0;
  padding: 11px 17px;
}

.gallery .main-photo {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #1C242E;
}

.gallery .main-photo .thumb {
  padding-bottom: 0;
  height: 100%;
  background: #1C242E;
}

.gallery .main-photo .thumb img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.gallery .main-photo .photo-gallery-banner {
  margin: auto;
  position: relative;
}

@media all and (min-width: 360px) {
  .gallery .main-photo .photo-gallery-banner {
    z-index: 15;
  }
}

.gallery .main-photo.banner-interstitial .prev-photo,
.gallery .main-photo.banner-interstitial .next-photo {
  width: calc((100% - 300px) / 2);
  min-width: 40px;
}

@media all and (min-width: 360px) {
  .gallery .main-photo.banner-interstitial .prev-photo {
    width: 25%;
  }
}

@media all and (min-width: 360px) {
  .gallery .main-photo.banner-interstitial .next-photo {
    width: 75%;
  }
}

.gallery .photo-caption {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 1;
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  text-align: center;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 );
  -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.1);
          box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.1);
}

.gallery .photo-caption span {
  display: inline-block;
  padding: 80px 30px 15px;
  max-width: 728px;
}

.gallery .prev-photo,
.gallery .next-photo {
  position: absolute;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 0;
  bottom: 0;
}

.gallery .prev-photo img,
.gallery .next-photo img {
  margin: 10px;
  -webkit-transform: scale(0.65);
          transform: scale(0.65);
}

@media (hover: hover) {
  .gallery .prev-photo img,
  .gallery .next-photo img {
    display: none;
  }
}

.gallery .prev-photo {
  left: 0;
  width: 25%;
  cursor: url(../images/prev-photo.png), w-resize;
}

.gallery .next-photo {
  right: 0;
  width: 75%;
  cursor: url(../images/next-photo.png), e-resize;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.gallery .all-photos {
  height: 90px;
  width: 100%;
  background-color: #000;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.gallery .all-photos-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 0 5px;
}

.gallery .all-photos-container .thumb {
  width: 90px;
  padding-bottom: 57px;
  border: 5px solid #000;
  border-radius: 10px;
}

.gallery .all-photos-container .thumb.selected {
  border: 5px solid #FFB600;
}

@media (hover: hover) {
  .gallery .all-photos-container .thumb:hover {
    border: 5px solid #6b485d;
  }
}

.gallery .banner {
  display: none;
}

@media all and (min-width: 1024px) {
  .gallery .banner {
    display: block;
    width: 300px;
  }
}

.load-more {
  background-color: #FFF;
  padding: 20px 15px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .load-more {
    background-color: #1C242E;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    color: #0E1823;
  }
}

:root[data-theme=dark] .load-more {
  background-color: #1C242E;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  color: #0E1823;
}

@media all and (min-width: 768px) {
  .load-more {
    background-color: #F5F0F3;
    border-top: 1px solid #F5F0F3;
    padding: 40px 0;
  }
}

.load-more .controller {
  display: block;
  text-align: center;
  border-radius: 10px;
  background-color: #FFB600;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 700;
  padding: 20px;
}

@media (hover: hover) {
  .load-more .controller:hover {
    background-color: #E01B2F;
    color: #FFF;
  }
}

.cookieInfo, .cookieInfoFooter {
  display: block;
  background-color: #00326A;
  background-image: -webkit-gradient(linear, right top, left top, from(#005F6A), to(#00326A));
  background-image: linear-gradient(to left, #005F6A 0%, #00326A 100%);
  color: #fff;
  font-size: 16px;
  height: auto;
  line-height: 1.2;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 100%;
  border-radius: 0;
}

.cookieInfo.footer {
  border-radius: 0;
  width: 100%;
  font-size: 16px;
  height: auto;
  padding: 25px 10px 20px;
}

.cookieInfo.footer a {
  color: #FFB600;
}

@media (hover: hover) {
  .cookieInfo.footer a:hover {
    text-decoration: underline;
  }
}

.cookieInfo.footer.footer--articol {
  padding-bottom: 80px;
  padding-bottom: calc(env(safe-area-inset-bottom) + 80px);
}

@media all and (min-width: 1024px) {
  .cookieInfo.footer.footer--articol {
    padding-bottom: 20px;
  }
}

.cookies-button-wrapper {
  width: 100%;
  padding: 20px 0 10px;
  text-align: center;
}

.cookies-button {
  line-height: 1.1;
  display: inline-block;
  border: 1px solid #FFB600;
  padding: 13px 20px 15px;
  border-radius: 10px;
}

.top-championships {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 15px;
  -webkit-box-shadow: inset 0 0 0 1px #FFF;
          box-shadow: inset 0 0 0 1px #FFF;
  position: relative;
}

.top-championships::after {
  content: '';
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 1px;
  background-color: #FFF;
  bottom: 0;
  left: 0;
}

.top-championships .championship {
  width: 50%;
  height: 120px;
  padding: 20px;
  border-bottom: 1px solid #F5F0F3;
  border-right: 1px solid #F5F0F3;
  display: block;
}

.top-championships .championship img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
  width: 100%;
  mix-blend-mode: multiply;
}

.top-championships .championship:nth-child(even) {
  border-right: none;
}

@media (hover: hover) {
  .top-championships .championship:hover {
    background-color: #F5F0F3;
  }
}

.big-title {
  font-size: 30px;
  letter-spacing: -0.5px;
  line-height: 1.1;
  font-weight: 700;
}

@media all and (min-width: 768px) {
  .big-title {
    font-size: 36px;
    letter-spacing: -1px;
  }
}

.article-body .cross h6,
.article-body .cross .h6 {
  margin: 12px 0 0 !important;
  padding: 0;
}

@media all and (min-width: 768px) {
  .article-body .cross h6,
  .article-body .cross .h6 {
    margin: 12px 0 8px !important;
  }
}

@media all and (min-width: 768px) {
  .article .cross h2,
  .article .cross .h2 {
    font-size: 24px;
    margin-left: 0;
    margin-right: 0;
  }
}

.C3special {
  overflow: hidden;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

@media all and (min-width: 768px) {
  .C3special {
    overflow: visible;
  }
}

@media all and (min-width: 1280px) {
  .C3special {
    width: 300px;
    margin-left: 12px;
  }
}

.C3special .banner {
  display: none;
}

@media all and (min-width: 1280px) {
  .C3special .banner {
    display: block;
  }
}

@media all and (max-width: 767px) {
  .C3special .text-container h6,
  .C3special .text-container .h6 {
    margin-top: 2px;
    max-width: 100%;
  }
}

@media all and (max-width: 767px) {
  .C3special .text-container h6::before, .C3special .text-container h6::after,
  .C3special .text-container .h6::before,
  .C3special .text-container .h6::after {
    display: none;
  }
}

@media all and (min-width: 768px) {
  .C3special .partners-wrapper {
    overflow: visible;
  }
}

@media all and (min-width: 768px) {
  .C3special .partners-container {
    padding-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media all and (min-width: 1280px) {
  .C3special .partners-container {
    display: block;
  }
}

.C3special .partners.mobile-only {
  display: block;
}

@media all and (min-width: 1280px) {
  .C3special .partners.mobile-only {
    padding: 0;
  }
}

.C3special .partners.mobile-only .news-item {
  overflow: hidden;
}

@media all and (min-width: 768px) {
  .C3special .partners.mobile-only .news-item {
    width: calc((100% - 24px) / 3);
    margin-left: 0;
    background-color: #FFF;
    border-radius: 10px;
  }
}

@media all and (min-width: 1280px) {
  .C3special .partners.mobile-only .news-item {
    width: 100%;
  }
}

@media all and (min-width: 768px) {
  .C3special .partners.mobile-only .news-item:first-child {
    margin-left: 0;
  }
}

@media all and (max-width: 767px) {
  .C3special .partners.mobile-only .news-item h6,
  .C3special .partners.mobile-only .news-item .h6 {
    margin-bottom: 6px;
  }
}

@media all and (min-width: 768px) {
  .C3special .partners.mobile-only .news-item h6,
  .C3special .partners.mobile-only .news-item .h6 {
    margin-top: -34px;
    padding: 16px 0 0 1px;
  }
}

@media all and (min-width: 1024px) {
  .C3special .partners.mobile-only .news-item h6,
  .C3special .partners.mobile-only .news-item .h6 {
    padding: 16px 0 0 4px;
    margin-bottom: 0;
  }
}

@media all and (min-width: 1024px) {
  .C3special .partners.mobile-only .news-item h2,
  .C3special .partners.mobile-only .news-item .h2 {
    font-size: 18px;
    padding: 6px 3px 3px;
    margin-top: -5px;
  }
}

@media all and (min-width: 768px) {
  .C3special .partners.mobile-only .news-item .thumb {
    border-radius: 5px 5px 0 0;
  }
}

@media all and (min-width: 768px) {
  .C3special .partners .controller {
    width: 100%;
  }
}

@media all and (max-width: 767px) {
  .related,
  .comments,
  .tv-day-wrapper {
    overflow: hidden;
    position: relative;
  }
}

@media all and (max-width: 767px) {
  .related::before,
  .comments::before,
  .tv-day-wrapper::before {
    content: '';
    position: absolute;
    height: 10px;
    width: 100%;
    left: 0;
    top: -10px;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  }
}

@media all and (min-width: 1280px) {
  .best-of-today-container {
    padding: 30px 0 10px !important;
    background-color: #FFF;
  }
}

@media all and (min-width: 1280px) {
  .best-of-today-container .best-of-today {
    -webkit-box-shadow: none;
            box-shadow: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media all and (min-width: 1280px) {
  .best-of-today-container .best-of-today .news-item {
    width: calc((100% - 48px) / 5);
    border-bottom: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media all and (min-width: 1280px) {
  .best-of-today-container .C3 {
    width: 100%;
    margin-left: 0;
  }
}

@media all and (min-width: 1280px) {
  .best-of-today-container .C3 .statistics {
    padding: 0;
  }
}

@media all and (min-width: 1280px) {
  .best-of-today-container .C3 .box-header {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 25px;
  }
}

@media all and (min-width: 1280px) {
  .best-of-today-container .C3 .box-header h2,
  .best-of-today-container .C3 .box-header .h2 {
    width: auto;
  }
}

@media all and (min-width: 1280px) {
  .best-of-today-container .C3 .box-header .tabs {
    width: auto;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

@media all and (min-width: 1280px) {
  .best-of-today-container .C3 .box-header .tabs li {
    margin-left: 4px;
  }
}

.pre-footer {
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  padding: 10px 15px 1px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .pre-footer {
    background-color: #0E1823;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
            box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
  }
}

:root[data-theme=dark] .pre-footer {
  background-color: #0E1823;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
          box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
}

@media all and (min-width: 768px) {
  .pre-footer {
    padding: 20px 0 10px;
  }
}

@media all and (min-width: 1024px) {
  .pre-footer {
    padding: 30px 0;
  }
}

@media all and (min-width: 1024px) {
  .pre-footer .controller {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.pre-footer__column {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-bottom: 20px;
}

@media all and (min-width: 1024px) {
  .pre-footer__column {
    margin-bottom: 0;
  }
}

@media all and (min-width: 1024px) {
  .pre-footer__column + .pre-footer__column {
    padding-left: 40px;
    margin-left: 40px;
    border-left: 1px solid rgba(0, 0, 0, 0.15);
  }
}

@media all and (min-width: 1024px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .pre-footer__column + .pre-footer__column {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
  }
}

@media all and (min-width: 1024px) {
  :root[data-theme=dark] .pre-footer__column + .pre-footer__column {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
  }
}

.pre-footer__column h2,
.pre-footer__column .ex-h2 {
  margin-top: 5px;
  margin-bottom: 8px;
}

.pre-footer__column ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.pre-footer__column a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (hover: hover) {
  .pre-footer__column a:hover .pre-footer__bullet {
    -webkit-transform: translateX(3px);
            transform: translateX(3px);
  }
  .pre-footer__column a:hover .pre-footer__title {
    color: #E01B2F;
  }
}

@media (hover: hover) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .pre-footer__column a:hover .pre-footer__title {
    color: #FFB600;
  }
}

@media (hover: hover) {
  :root[data-theme=dark] .pre-footer__column a:hover .pre-footer__title {
    color: #FFB600;
  }
}

.pre-footer__column li + li .pre-footer__title {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .pre-footer__column li + li .pre-footer__title {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }
}

:root[data-theme=dark] .pre-footer__column li + li .pre-footer__title {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.pre-footer__bullet {
  line-height: 1.1;
  color: #FFF;
  background-image: -webkit-gradient(linear, right top, left top, from(#FF6C00), to(#EB003C));
  background-image: linear-gradient(270deg, #FF6C00 0%, #EB003C 100%);
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  align-items: center;
  border-radius: 15px;
  width: 43px;
  height: 43px;
}

@media all and (min-width: 1024px) {
  .pre-footer__bullet {
    width: 53px;
    height: 53px;
  }
}

.pre-footer__bullet > span {
  margin-bottom: 2px;
  font-size: 30px;
}

@media all and (min-width: 1024px) {
  .pre-footer__bullet > span {
    font-size: 40px;
  }
}

.pre-footer__bullet img {
  width: 43px;
  height: 43px;
}

@media all and (min-width: 1024px) {
  .pre-footer__bullet img {
    width: 53px;
    height: 53px;
  }
}

.pre-footer__bullet__ora {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.pre-footer__bullet__hh {
  font-size: 20px;
  line-height: 1;
}

@media all and (min-width: 1024px) {
  .pre-footer__bullet__hh {
    font-size: 28px;
  }
}

.pre-footer__bullet__mm {
  font-size: 12px;
  line-height: 1;
  margin-top: -2px;
  margin-left: -2px;
}

@media all and (min-width: 1024px) {
  .pre-footer__bullet__mm {
    font-size: 16px;
  }
}

.pre-footer__bullet__mm::before {
  content: ':';
}

.pre-footer__title {
  margin-left: 8px;
  font-size: 16px;
  line-height: 1.375;
  padding: 10px 8px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media all and (min-width: 1024px) {
  .pre-footer__title {
    margin-left: 10px;
    padding: 15px 10px;
  }
}

@media all and (min-width: 1280px) {
  .pre-footer__column--hot {
    width: 321px;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
}

.pre-footer__column--hot h2,
.pre-footer__column--hot .ex-h2 {
  margin-bottom: 20px;
}

.pre-footer__column--hot .pre-footer__title {
  font-size: 20px;
  line-height: 1.15;
  padding: 22px 0 22px 10px;
}

@media all and (min-width: 1024px) {
  .pre-footer__column--hot .pre-footer__title {
    font-size: 24px;
    line-height: 1.15;
    padding: 22px 0 22px 10px;
  }
}

.sticky-buttons {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 100;
  background-color: #FFF;
  -webkit-box-shadow: 0 3px 9px 0 rgba(59, 27, 224, 0.05), 0 5px 15px 0 rgba(224, 27, 27, 0.05), 0 0 0 1px rgba(235, 227, 231, 0.85);
          box-shadow: 0 3px 9px 0 rgba(59, 27, 224, 0.05), 0 5px 15px 0 rgba(224, 27, 27, 0.05), 0 0 0 1px rgba(235, 227, 231, 0.85);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 5px 7px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .sticky-buttons {
    background-color: #0E1823;
    -webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
            box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
  }
}

:root[data-theme=dark] .sticky-buttons {
  background-color: #0E1823;
  -webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
          box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
}

@media all and (min-width: 1024px) {
  .sticky-buttons {
    display: block;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 0;
    position: absolute;
    width: 50px;
    height: auto;
    top: 0;
    left: 0;
    bottom: 27px;
    background-color: transparent;
  }
}

@media all and (min-width: 1024px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .sticky-buttons {
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

@media all and (min-width: 1024px) {
  :root[data-theme=dark] .sticky-buttons {
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

.sticky-buttons__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  width: 100%;
  padding-top: 1px;
  padding-bottom: env(safe-area-inset-bottom);
  -webkit-transition: padding 0s ease;
  transition: padding 0s ease;
}

@media all and (min-width: 1024px) {
  .sticky-buttons__inner {
    padding-top: 0;
    width: 50px;
    height: auto;
    position: -webkit-sticky;
    position: sticky;
    top: 90px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.sticky-buttons__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  position: relative;
  width: calc((100% - 25px) / 6);
}

@media all and (min-width: 1024px) {
  .sticky-buttons__button {
    display: block;
    width: 50px;
    margin-bottom: 8px;
  }
}

@media (hover: hover) {
  .sticky-buttons__button {
    height: 50px;
    text-align: left;
  }
  .sticky-buttons__button:hover .sticky-buttons__tooltip {
    opacity: 1;
  }
}

.sticky-buttons__button img {
  width: 30px;
  height: 30px;
  margin-bottom: 3px;
}

@media all and (min-width: 1024px) {
  .sticky-buttons__button img {
    width: 50px;
    height: 50px;
  }
}

.sticky-buttons__button.tablet-and-desktop-only {
  display: none;
}

@media all and (min-width: 1024px) {
  .sticky-buttons__button.tablet-and-desktop-only {
    display: block;
  }
}

.sticky-buttons__button .thumb {
  background-image: none;
  background-color: #EBE3E7;
  width: 50px;
  padding-bottom: 50px;
  border-radius: 15px;
  margin-bottom: 3px;
}

.sticky-buttons__button .thumb img {
  top: 2px;
}

.sticky-buttons__tooltip {
  font-size: 10px;
  line-height: 1.1;
  display: block;
}

@media (hover: hover) {
  .sticky-buttons__tooltip {
    font-size: 14px;
    line-height: 1.55;
    opacity: 0;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 58px;
    top: 12px;
    pointer-events: none;
    width: 200px;
    height: 26px;
  }
}

@media (hover: hover) {
  .sticky-buttons__tooltip::before {
    display: block;
    content: '';
    position: absolute;
    left: -4px;
    top: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 4px 3px 0;
    border-color: transparent rgba(0, 0, 0, 0.85) transparent transparent;
  }
}

@media (hover: hover) {
  .sticky-buttons__tooltip > span {
    display: block;
    width: auto;
    background-color: rgba(0, 0, 0, 0.85);
    color: #FFF;
    padding: 2px 8px 3px;
    border-radius: 5px;
    height: 26px;
  }
}

@-webkit-keyframes nr-comentarii-dot {
  0% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes nr-comentarii-dot {
  0% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.sticky-buttons__nr-comentarii {
  display: block;
  background-color: #E01B2F;
  color: #FFF;
  font-weight: 700;
  padding: 0 5px 0 4px;
  border-radius: 50px;
  position: absolute;
  font-size: 8px;
  height: 14px;
  min-width: 14px;
  line-height: 14px;
  letter-spacing: -0.25px;
  text-align: center;
  top: -5px;
  right: calc(((100% - 30px) / 2) - 5px);
  -webkit-animation-name: nr-comentarii-dot;
          animation-name: nr-comentarii-dot;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

@media all and (min-width: 1024px) {
  .sticky-buttons__nr-comentarii {
    padding: 0 5px;
    font-size: 11px;
    height: 18px;
    min-width: 18px;
    line-height: 18px;
    right: -4px;
  }
}

@media all and (min-width: 1280px) {
  .sticky-buttons__nr-comentarii {
    top: auto;
    bottom: -4px;
  }
}

.sticky-buttons__desktop-text {
  display: none;
}

@media all and (min-width: 1024px) {
  .sticky-buttons__desktop-text {
    display: inline;
  }
}

.other-news {
  padding: 30px 0 0;
  position: relative;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .other-news {
    background-color: #0E1823;
  }
}

:root[data-theme=dark] .other-news {
  background-color: #0E1823;
}

@media all and (min-width: 768px) {
  .other-news {
    padding: 30px 0;
    background-image: -webkit-gradient(linear, right top, left top, from(#F6F8FA), to(#FAF6F8));
    background-image: linear-gradient(270deg, #F6F8FA 0%, #FAF6F8 100%);
  }
}

@media all and (min-width: 768px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .other-news {
    background-image: none;
    background-color: #1C242E;
  }
}

@media all and (min-width: 768px) {
  :root[data-theme=dark] .other-news {
    background-image: none;
    background-color: #1C242E;
  }
}

.other-news .controller {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 15px;
}

@media all and (min-width: 768px) {
  .other-news .controller {
    padding: 0;
  }
}

.other-news__invisible {
  display: none;
  -webkit-box-ordinal-group: 31;
      -ms-flex-order: 30;
          order: 30;
}

.other-news__invisible:checked + .other-news__tab {
  color: #FFF;
  background-color: #E01B2F;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .other-news__invisible:checked + .other-news__tab {
    background-color: #E01B2F;
  }
}

:root[data-theme=dark] .other-news__invisible:checked + .other-news__tab {
  background-color: #E01B2F;
}

.other-news__invisible:checked + .other-news__tab + .other-news__wrapper {
  display: block;
}

.other-news__tab {
  cursor: pointer;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  color: #E01B2F;
  font-size: 16px;
  letter-spacing: 1px;
  padding: 10px 15px 10px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  background-color: #FFF;
  border: 1px solid #E01B2F;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .other-news__tab {
    background-color: #0E1823;
  }
}

:root[data-theme=dark] .other-news__tab {
  background-color: #0E1823;
}

@media all and (min-width: 768px) {
  .other-news__tab {
    display: none;
  }
}

.other-news__tab:first-of-type {
  margin-right: 8px;
}

.other-news__wrapper {
  display: none;
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
  width: 100%;
}

@media all and (min-width: 768px) {
  .other-news__wrapper {
    display: block;
    margin-bottom: 20px;
  }
}

.other-news__wrapper .big-title {
  display: none;
}

@media all and (min-width: 768px) {
  .other-news__wrapper .big-title {
    display: block;
    text-align: center;
    padding: 8px 15px 20px;
  }
}

@media all and (min-width: 768px) {
  .other-news__wrapper .big-title br {
    display: none;
  }
}

.other-news__inner {
  width: 100vw;
  margin-left: -15px;
}

@media all and (min-width: 768px) {
  .other-news__inner {
    width: 100%;
    margin-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.other-news__inner .news-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 17px 15px;
}

@media all and (min-width: 768px) {
  .other-news__inner .news-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-shadow: 0 3px 9px 0 rgba(59, 27, 224, 0.05), 0 5px 15px 0 rgba(224, 27, 27, 0.05), 0 0 0 1px rgba(235, 227, 231, 0.85);
            box-shadow: 0 3px 9px 0 rgba(59, 27, 224, 0.05), 0 5px 15px 0 rgba(224, 27, 27, 0.05), 0 0 0 1px rgba(235, 227, 231, 0.85);
    border-radius: 15px;
    padding: 0;
    width: calc((100% - 60px) / 4);
  }
}

@media all and (min-width: 768px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .other-news__inner .news-item {
    -webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
            box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
  }
}

@media all and (min-width: 768px) {
  :root[data-theme=dark] .other-news__inner .news-item {
    -webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
            box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
  }
}

.other-news__inner .news-item .thumb {
  width: 87px;
  padding-bottom: 87px;
  border-radius: 10px;
}

@media all and (min-width: 768px) {
  .other-news__inner .news-item .thumb {
    border-radius: 15px 15px 0 0;
    width: 100%;
    padding-bottom: 66.66%;
  }
}

.other-news__inner .news-item .thumb .video-icon img {
  width: 28px;
  height: 28px;
  border: 2px solid #FFF;
}

@media all and (min-width: 768px) {
  .other-news__inner .news-item .thumb .video-icon img {
    width: 42px;
    height: 42px;
    border: 3px solid #FFF;
  }
}

.other-news__inner .news-item .text-container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 15px;
}

@media all and (min-width: 768px) {
  .other-news__inner .news-item .text-container {
    padding: 13px 15px 16px;
  }
}

.other-news__inner .news-item .text-container h2,
.other-news__inner .news-item .text-container .h2 {
  font-size: 18px;
  padding: 0 5px 0 0;
}

@media all and (min-width: 768px) {
  .other-news__inner .news-item .text-container h2,
  .other-news__inner .news-item .text-container .h2 {
    font-size: 18px;
  }
}

.other-news__inner .news-item .text-container h6,
.other-news__inner .news-item .text-container .h6 {
  margin: 0;
  padding: 8px 0 0;
}

.other-news__inner .news-item .text-container h6::before, .other-news__inner .news-item .text-container h6::after,
.other-news__inner .news-item .text-container .h6::before,
.other-news__inner .news-item .text-container .h6::after {
  display: none;
}

.other-news__inner .news-item .comments-no {
  display: none;
}

@media all and (min-width: 768px) {
  .other-news__inner .news-item .comments-no {
    display: block;
    border-radius: 0 15px 0 15px;
  }
}

@media (hover: hover) {
  .other-news__inner .news-item:hover {
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
    -webkit-box-shadow: 0 3px 9px 0 rgba(59, 27, 224, 0.1), 0 5px 15px 0 rgba(224, 27, 27, 0.1), 0 0 0 1px #ebe3e7;
            box-shadow: 0 3px 9px 0 rgba(59, 27, 224, 0.1), 0 5px 15px 0 rgba(224, 27, 27, 0.1), 0 0 0 1px #ebe3e7;
  }
}

.other-news__inner .news-item:first-child::before {
  display: none;
}

@media all and (max-width: 767px) {
  .other-news__inner .news-item:first-child .thumb {
    width: calc(100vw - 30px);
    padding-bottom: calc((100vw - 30px) / 3 * 2);
  }
}

@media all and (max-width: 767px) {
  .other-news__inner .news-item:first-child .thumb .video-icon img {
    width: 48px;
    height: 48px;
    border: 3px solid #FFF;
  }
}

@media all and (max-width: 767px) {
  .other-news__inner .news-item:first-child .text-container {
    padding: 0;
  }
}

@media all and (max-width: 767px) {
  .other-news__inner .news-item:first-child .text-container h2,
  .other-news__inner .news-item:first-child .text-container .h2 {
    padding: 8px 2px 0;
    font-size: 22px;
  }
}

.other-news__inner .news-item:first-child .text-container h6,
.other-news__inner .news-item:first-child .text-container .h6 {
  padding: 8px 2px 0;
}

.other-news--partners {
  padding-top: 0;
}

@media all and (min-width: 768px) {
  .other-news--partners {
    padding-top: 40px;
  }
}

.other-news--partners .other-news__wrapper {
  display: block;
}

.other-news--partners .other-news__inner .news-item:first-child::before {
  display: block;
}

.topstory {
  background-image: -webkit-gradient(linear, right top, left top, from(#FF6C00), to(#EB003C));
  background-image: linear-gradient(270deg, #FF6C00 0%, #EB003C 100%);
  padding-bottom: 20px;
}

@media all and (min-width: 768px) {
  .topstory {
    padding-bottom: 30px;
  }
}

@media all and (min-width: 768px) {
  .topstory .controller {
    width: 100%;
    max-width: 100%;
  }
}

.topstory__header {
  padding: 0 18px;
}

@media all and (min-width: 768px) {
  .topstory__header {
    padding: 0 30px;
  }
}

@media all and (min-width: 1280px) {
  .topstory__header {
    text-align: center;
  }
}

.topstory__header img {
  margin: 24px 0 16px;
  width: 142px;
  height: 32px;
}

@media all and (min-width: 768px) {
  .topstory__header img {
    margin: 32px 0 24px;
  }
}

.topstory__header h2,
.topstory__header .h2 {
  font-size: 30px;
  margin: 20px 0 16px;
  letter-spacing: -0.5px;
  line-height: 1.1;
  font-weight: 700;
}

@media all and (min-width: 768px) {
  .topstory__header h2,
  .topstory__header .h2 {
    margin: 25px 0 24px;
    font-size: 36px;
    letter-spacing: -1px;
  }
}

.topstory__wrapper1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  padding-left: 15px;
}

@media all and (min-width: 768px) {
  .topstory__wrapper1 {
    padding-left: 30px;
  }
}

@media all and (min-width: 1280px) {
  .topstory__wrapper1 {
    padding-left: 0;
    overflow-x: visible;
    overflow-y: visible;
  }
}

.topstory__wrapper2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 5px;
}

@media all and (min-width: 768px) {
  .topstory__wrapper2 {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-right: 15px;
  }
}

@media all and (min-width: 1280px) {
  .topstory__wrapper2 {
    padding-right: 0;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.topstory__item {
  width: 140px;
  text-align: center;
  margin-right: 10px;
}

@media all and (min-width: 768px) {
  .topstory__item {
    width: 180px;
    margin-right: 15px;
  }
}

@media all and (min-width: 1280px) {
  .topstory__item {
    margin: 0 8px;
    width: calc((100vw - 140px) / 6);
  }
}

@media all and (min-width: 1440px) {
  .topstory__item {
    width: 198px;
  }
}

.topstory__item .thumb {
  width: 100%;
  padding-bottom: 100%;
  border-radius: 50%;
}

.topstory__item .thumb::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  z-index: 10;
  -webkit-box-shadow: inset 0 3px 15px 0 rgba(0, 0, 0, 0.5);
          box-shadow: inset 0 3px 15px 0 rgba(0, 0, 0, 0.5);
}

@media (hover: hover) {
  .topstory__item:hover {
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
  }
}

.topstory__title {
  width: 100%;
  color: #FFF;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.1;
  margin-top: 6px;
}

@media all and (min-width: 768px) {
  .topstory__title {
    font-size: 18px;
    margin-top: 12px;
  }
}

.topstory--alb {
  background-image: none;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .topstory--alb {
    background-color: #0E1823;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
            box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
  }
}

:root[data-theme=dark] .topstory--alb {
  background-color: #0E1823;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
          box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
}

.topstory--alb .topstory__title {
  color: #1C242E;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .topstory--alb .topstory__title {
    color: #EBE3E7;
  }
}

:root[data-theme=dark] .topstory--alb .topstory__title {
  color: #EBE3E7;
}

.cross-outer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
}

@media all and (min-width: 768px) {
  .cross-outer {
    overflow-x: visible;
    overflow-y: visible;
    width: calc(100% + 10px);
    margin: 40px 0 40px -5px;
  }
}

.cross-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  background: -webkit-gradient(linear, right top, left top, from(#F6F8FA), to(#FAF6F8));
  background: linear-gradient(270deg, #F6F8FA 0%, #FAF6F8 100%);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0 8px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .cross-wrapper {
    background: #0E1823;
  }
}

:root[data-theme=dark] .cross-wrapper {
  background: #0E1823;
}

@media all and (min-width: 768px) {
  .cross-wrapper {
    background: #FFF;
    -webkit-box-shadow: 0 3px 9px 0 rgba(59, 27, 224, 0.05), 0 5px 15px 0 rgba(224, 27, 27, 0.05), 0 0 0 1px rgba(235, 227, 231, 0.85);
            box-shadow: 0 3px 9px 0 rgba(59, 27, 224, 0.05), 0 5px 15px 0 rgba(224, 27, 27, 0.05), 0 0 0 1px rgba(235, 227, 231, 0.85);
    border-radius: 15px;
    padding: 20px 10px 12px;
    width: 100%;
  }
}

@media all and (min-width: 768px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .cross-wrapper {
    -webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
            box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
  }
}

@media all and (min-width: 768px) {
  :root[data-theme=dark] .cross-wrapper {
    -webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
            box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
  }
}

@media all and (min-width: 768px) {
  .cross-wrapper .cross:nth-child(3), .cross-wrapper .cross:nth-child(4) {
    display: none;
  }
}

.cross {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-radius: 0;
  margin: 0;
  padding: 15px 7px;
  background-color: transparent;
  width: 80vw;
}

@media all and (min-width: 768px) {
  .cross {
    padding: 0;
    margin: 0 10px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.cross::before {
  display: none;
}

.cross .thumb {
  border-radius: 10px;
}

.cross .cross-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 4px 2px;
}

@media all and (min-width: 768px) {
  .cross .cross-title {
    padding: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.cross h2,
.cross .h2 {
  font-size: 20px;
  margin: 8px 0 0;
  padding: 0;
  line-height: 1.2;
}

@media all and (min-width: 768px) {
  .cross h2,
  .cross .h2 {
    margin-top: 12px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

@media all and (min-width: 768px) {
  .article .cross h2, .article
  .cross .h2 {
    font-size: 22px;
  }
}

.cross h2::after,
.cross .h2::after {
  display: none;
}

.cross h6 {
  border: none;
  font-size: 11px;
  color: #E01B2F;
  letter-spacing: 0;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .cross h6 {
    color: #E01B2F;
  }
}

:root[data-theme=dark] .cross h6 {
  color: #E01B2F;
}

.cross .h6 {
  border: none;
  font-size: 11px;
  color: #E01B2F;
  letter-spacing: 0;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .cross .h6 {
    color: #E01B2F;
  }
}

:root[data-theme=dark] .cross .h6 {
  color: #E01B2F;
}

@media (hover: hover) {
  .cross:hover h2,
  .cross:hover .h2 {
    color: #E01B2F;
  }
}

.banda-autori {
  background: -webkit-gradient(linear, right top, left top, from(#F6F8FA), to(#FAF6F8));
  background: linear-gradient(270deg, #F6F8FA 0%, #FAF6F8 100%);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .banda-autori {
    background: #0E1823;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
            box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
  }
}

:root[data-theme=dark] .banda-autori {
  background: #0E1823;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
          box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
}

.banda-autori .autori ul {
  padding: 20px 8px 5px;
}

@media all and (min-width: 768px) {
  .banda-autori .autori ul {
    padding: 40px 23px 25px;
  }
}

@media all and (min-width: 1440px) {
  .banda-autori .autori ul {
    padding: 40px calc((100vw - 1274px) / 2) 25px;
  }
}

@media (hover: hover) {
  .banda-autori .autori {
    scrollbar-color: rgba(255, 255, 255, 0.35) #00326A;
    scrollbar-width: thin;
  }
  .banda-autori .autori::-webkit-scrollbar {
    height: 10px;
    background-color: #FFF;
  }
}

@media (hover: hover) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .banda-autori .autori::-webkit-scrollbar {
    background-color: rgba(255, 255, 255, 0.1);
  }
}

@media (hover: hover) {
  :root[data-theme=dark] .banda-autori .autori::-webkit-scrollbar {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .banda-autori .autori::-webkit-scrollbar-thumb {
    background: #dacbd3;
    border-radius: 20px;
  }
}

@media (hover: hover) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .banda-autori .autori::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.2);
  }
}

@media (hover: hover) {
  :root[data-theme=dark] .banda-autori .autori::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.2);
  }
}

.autori {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
}

.category-title .autori {
  margin: -25px 0 0;
  padding: 0 8px 20px;
}

@media all and (min-width: 768px) {
  .category-title .autori {
    padding: 0 23px 30px;
  }
}

@media all and (min-width: 1280px) {
  .category-title .autori {
    padding: 0 23px 25px;
  }
}

@media all and (min-width: 1440px) {
  .category-title .autori {
    padding: 0 calc((100vw - 1274px) / 2) 25px;
  }
}

@media (hover: hover) {
  .category-title .autori {
    scrollbar-color: rgba(255, 255, 255, 0.35) #00326A;
    scrollbar-width: thin;
  }
  .category-title .autori::-webkit-scrollbar {
    height: 10px;
    background-color: #002651;
  }
}

@media (hover: hover) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .category-title .autori::-webkit-scrollbar {
    background: rgba(255, 255, 255, 0.1);
  }
}

@media (hover: hover) {
  :root[data-theme=dark] .category-title .autori::-webkit-scrollbar {
    background: rgba(255, 255, 255, 0.1);
  }
  .category-title .autori::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.5);
    border-radius: 20px;
  }
}

@media (hover: hover) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .category-title .autori::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
  }
}

@media (hover: hover) {
  :root[data-theme=dark] .category-title .autori::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
  }
}

.autori ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 8px;
  list-style-type: none;
  padding-left: 0;
}

@media all and (min-width: 768px) {
  .autori ul {
    padding-right: 23px;
  }
}

@media all and (min-width: 1440px) {
  .autori ul {
    padding-right: calc((100vw - 1274px) / 2);
  }
}

.autori li {
  width: calc($w-autori-desktop + 14px);
}

.category-title .autori li {
  margin-right: 0;
}

.autori a {
  display: block;
  padding: 0 7px;
}

@media (hover: hover) {
  .category-title .autori a:hover {
    border-bottom: 1px solid transparent;
  }
}

@media (hover: hover) {
  .autori a:hover {
    -webkit-transform: scale(1.07);
            transform: scale(1.07);
  }
}

.autori .thumb {
  background-image: none;
  background-color: #EBE3E7;
  width: 80px;
  padding-bottom: 80px;
  border-radius: 50%;
  margin-bottom: 6px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .autori .thumb {
    background-color: #1C242E;
  }
}

:root[data-theme=dark] .autori .thumb {
  background-color: #1C242E;
}

.autori .thumb img {
  top: 3px;
}

.autori h2,
.autori .h2 {
  font-size: 16px;
  line-height: 1.125;
  text-align: center;
}

.category-title .autori h2, .category-title
.autori .h2 {
  color: #FFF;
}

.meciurile-zilei {
  padding: 22px 0 30px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .meciurile-zilei {
    background-color: #0E1823;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
            box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
  }
}

:root[data-theme=dark] .meciurile-zilei {
  background-color: #0E1823;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
          box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
}

.meciurile-zilei .big-h2 {
  text-align: center;
  margin-bottom: 12px;
}

.meciurile-zilei .controller {
  max-width: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  scrollbar-color: rgba(255, 255, 255, 0.35) #FFF;
  scrollbar-width: thin;
}

.meciurile-zilei .controller::-webkit-scrollbar {
  height: 0;
  background-color: #FFF;
}

.meciurile-zilei .controller::-webkit-scrollbar-thumb {
  background: #FFF;
}

@-webkit-keyframes marquee-meciuri {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc(-100% + 100vw));
            transform: translateX(calc(-100% + 100vw));
  }
}

@keyframes marquee-meciuri {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc(-100% + 100vw));
            transform: translateX(calc(-100% + 100vw));
  }
}

.marquee-meciuri {
  padding: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation-name: marquee-meciuri;
          animation-name: marquee-meciuri;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.marquee-meciuri__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: 0 3px 9px 0 rgba(59, 27, 224, 0.05), 0 5px 15px 0 rgba(224, 27, 27, 0.05), 0 0 0 1px rgba(235, 227, 231, 0.85);
          box-shadow: 0 3px 9px 0 rgba(59, 27, 224, 0.05), 0 5px 15px 0 rgba(224, 27, 27, 0.05), 0 0 0 1px rgba(235, 227, 231, 0.85);
  border-radius: 15px;
  width: 270px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 12px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .marquee-meciuri__item {
    background-color: #1C242E;
    -webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
            box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
  }
}

:root[data-theme=dark] .marquee-meciuri__item {
  background-color: #1C242E;
  -webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
          box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
}

@media (hover: hover) {
  .marquee-meciuri__item:hover {
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
    -webkit-box-shadow: 0 3px 9px 0 rgba(59, 27, 224, 0.1), 0 5px 15px 0 rgba(224, 27, 27, 0.1), 0 0 0 1px #ebe3e7;
            box-shadow: 0 3px 9px 0 rgba(59, 27, 224, 0.1), 0 5px 15px 0 rgba(224, 27, 27, 0.1), 0 0 0 1px #ebe3e7;
  }
}

.marquee-meciuri__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  padding: 7px 12px 9px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.marquee-meciuri__competitie {
  width: 100%;
  font-size: 11px;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  padding-bottom: 4px;
  margin-bottom: 5px;
  height: 22px;
}

.marquee-meciuri__match-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.marquee-meciuri__logouri {
  width: 27px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: -3px;
  margin-right: 10px;
}

.marquee-meciuri__logouri .logo-club + .logo-club {
  margin-top: 3px;
}

.logo-club {
  width: 27px;
  height: 27px;
  position: relative;
  display: block;
}

.logo-club img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.marquee-meciuri__echipe {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 1px;
}

.marquee-meciuri__echipe span {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.1;
}

.marquee-meciuri__echipe span + span {
  margin-top: 6px;
}

.marquee-meciuri__status {
  width: 35px;
  text-align: right;
  font-size: 11px;
  line-height: 1.1;
  text-transform: uppercase;
}

.marquee-meciuri__echipe--scor {
  width: 27px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  text-align: center;
  background-color: #F5F0F3;
  border-radius: 5px;
  height: 51px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 8px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .marquee-meciuri__echipe--scor {
    background-color: #0E1823;
  }
}

:root[data-theme=dark] .marquee-meciuri__echipe--scor {
  background-color: #0E1823;
}

.marquee-meciuri__echipe--scor--live {
  background-color: #FFB600;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .marquee-meciuri__echipe--scor--live {
    background-color: #FFB600;
    color: #0E1823;
  }
}

:root[data-theme=dark] .marquee-meciuri__echipe--scor--live {
  background-color: #FFB600;
  color: #0E1823;
}

.pariu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 7px 0;
  line-height: 1;
  position: relative;
}

.pariu::before {
  content: '';
  display: none;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.15);
  height: 1px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .pariu::before {
    background-color: rgba(255, 255, 255, 0.05);
  }
}

:root[data-theme=dark] .pariu::before {
  background-color: rgba(255, 255, 255, 0.05);
}

.statistics .pariu {
  padding-left: 40px;
  background-color: #FFF;
  margin-top: -1px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .statistics .pariu {
    background-color: #0E1823;
  }
}

:root[data-theme=dark] .statistics .pariu {
  background-color: #0E1823;
}

@media all and (min-width: 768px) {
  .statistics .pariu {
    padding-right: 34px;
    padding-left: 70px;
  }
}

@media all and (min-width: 1024px) {
  .statistics .pariu {
    padding-right: 35px;
    margin-top: -4px;
    padding-top: 11px;
    padding-bottom: 14px;
  }
}

.statistics .pariu::before {
  display: block;
  background-color: rgba(0, 0, 0, 0.15);
  top: 0;
  right: 0;
  left: 40px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .statistics .pariu::before {
    background-color: #333A43;
  }
}

:root[data-theme=dark] .statistics .pariu::before {
  background-color: #333A43;
}

@media all and (min-width: 768px) {
  .statistics .pariu::before {
    right: 34px;
    left: 70px;
  }
}

@media all and (min-width: 1024px) {
  .statistics .pariu::before {
    right: 35px;
  }
}

.marquee-meciuri__item .pariu {
  width: 100%;
  margin-top: -1px;
  padding: 8px 12px 12px;
}

.marquee-meciuri__item .pariu::before {
  display: block;
  top: 0;
  right: 12px;
  left: 12px;
}

.rezultat-atasat .pariu {
  background-color: #F5F0F3;
  border-radius: 0 0 7px 7px;
  padding: 9px 10px 8px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .rezultat-atasat .pariu {
    background-color: #1C242E;
  }
}

:root[data-theme=dark] .rezultat-atasat .pariu {
  background-color: #1C242E;
}

.rezultat-atasat .pariu::before {
  display: block;
  top: 0;
  right: 10px;
  left: 10px;
}

.pariu__logo {
  display: block;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  height: 26px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 130px;
  margin-right: 10px;
}

.statistics .pariu__logo {
  height: 22px;
  max-width: 22px;
  margin-right: 4px;
}

@media all and (min-width: 1024px) {
  .statistics .pariu__logo {
    max-width: 110px;
  }
}

.rezultat-atasat .pariu__logo {
  height: 22px;
  max-width: 22px;
}

@media all and (min-width: 1024px) {
  .rezultat-atasat .pariu__logo {
    max-width: 110px;
  }
}

.C1 .pariu__logo {
  max-width: 22px;
}

.marquee-meciuri__item .pariu__logo {
  max-width: 26px;
}

.pariu__logo img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.statistics .pariu__logo--full {
  display: none;
}

@media all and (min-width: 1024px) {
  .statistics .pariu__logo--full {
    display: block;
  }
}

.marquee-meciuri__item .pariu__logo--full {
  display: none;
}

.rezultat-atasat .pariu__logo--full {
  display: none;
}

.pariu__logo--icon {
  display: none;
}

.statistics .pariu__logo--icon {
  display: block;
}

@media all and (min-width: 1024px) {
  .statistics .pariu__logo--icon {
    display: none;
  }
}

.marquee-meciuri__item .pariu__logo--icon {
  display: block;
}

.rezultat-atasat .pariu__logo--icon {
  display: block;
}

.pariu__cote-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
}

.statistics .pariu__cote-wrapper {
  padding-left: 4px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media all and (min-width: 768px) {
  .statistics .pariu__cote-wrapper {
    padding-left: 8px;
  }
}

@media all and (min-width: 1024px) {
  .statistics .pariu__cote-wrapper {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
}

.marquee-meciuri__item .pariu__cote-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.pariu__cota {
  background-color: #F5F0F3;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .pariu__cota {
    background-color: #0E1823;
  }
}

:root[data-theme=dark] .pariu__cota {
  background-color: #0E1823;
}

.pariu__cota + .pariu__cota {
  margin-left: 5px;
}

.statistics .pariu__cota {
  background-color: #FFF;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .statistics .pariu__cota {
    background-color: #1C242E;
  }
}

:root[data-theme=dark] .statistics .pariu__cota {
  background-color: #1C242E;
}

@media (hover: hover) {
  .statistics .pariu__cota:hover {
    background-color: #F5F0F3;
  }
}

@media (hover: hover) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .statistics .pariu__cota:hover {
    background-color: #1C242E;
  }
}

@media (hover: hover) {
  :root[data-theme=dark] .statistics .pariu__cota:hover {
    background-color: #1C242E;
  }
}

.rezultat-atasat .pariu__cota {
  background-color: #FFF;
}

@media (hover: hover) {
  .rezultat-atasat .pariu__cota:hover {
    background-color: #EBE3E7;
  }
}

@media (hover: hover) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .rezultat-atasat .pariu__cota:hover {
    background-color: rgba(235, 227, 231, 0.15);
  }
}

@media (hover: hover) {
  :root[data-theme=dark] .rezultat-atasat .pariu__cota:hover {
    background-color: rgba(235, 227, 231, 0.15);
  }
}

.pariu__cota__label {
  font-size: 11px;
  font-weight: 700;
  border-right: 1px solid rgba(0, 0, 0, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 5px 1px 6px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .pariu__cota__label {
    border-right-color: rgba(255, 255, 255, 0.05);
  }
}

:root[data-theme=dark] .pariu__cota__label {
  border-right-color: rgba(255, 255, 255, 0.05);
}

.statistics .pariu__cota__label {
  padding: 0 7px 1px 8px;
}

@media all and (min-width: 1024px) {
  .statistics .pariu__cota__label {
    padding: 0 5px 1px 6px;
  }
}

.pariu__cota__valoare {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 7px;
  font-size: 18px;
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.statistics .pariu__cota__valoare {
  font-size: 16px;
}

.marquee-meciuri__item .pariu__cota__valoare {
  font-size: 14px;
}

.rezultat-atasat .pariu__cota__valoare {
  font-size: 16px;
}

.pariu__alte-cote {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  text-align: right;
  width: 40px;
  margin-left: 7px;
  font-size: 18px;
  color: rgba(28, 36, 46, 0.5);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .pariu__alte-cote {
    color: rgba(235, 227, 231, 0.5);
  }
}

:root[data-theme=dark] .pariu__alte-cote {
  color: rgba(235, 227, 231, 0.5);
}

.statistics .pariu__alte-cote {
  display: none;
}

@media all and (min-width: 360px) {
  .statistics .pariu__alte-cote {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    width: 34px;
    margin-left: 0;
  }
}

@media all and (min-width: 1024px) {
  .statistics .pariu__alte-cote {
    width: 40px;
  }
}

.marquee-meciuri__item .pariu__alte-cote {
  display: none;
}

.rezultat-atasat .pariu__alte-cote {
  font-size: 16px;
}

.rezultat-atasat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 15px 15px;
}

@media all and (max-width: 767px) {
  .C1 .rezultat-atasat {
    padding: 0;
    margin-top: 15px;
  }
}

.C1 .rezultat-atasat .pariu__alte-cote {
  width: auto;
}

@media all and (min-width: 768px) {
  .C1 .rezultat-atasat .pariu__alte-cote {
    display: none;
  }
}

.C2 .rezultat-atasat {
  margin-top: -5px;
}

@media all and (min-width: 768px) {
  .C2 .rezultat-atasat {
    padding: 0 20px 20px;
  }
}

@media all and (min-width: 1024px) {
  .C2 .rezultat-atasat .pariu__logo--full {
    display: block;
  }
}

@media all and (min-width: 1024px) {
  .C2 .rezultat-atasat .pariu__logo--icon {
    display: none;
  }
}

.rezultat-atasat__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #F5F0F3;
  border-radius: 7px;
  padding: 8px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .rezultat-atasat__link {
    background-color: #1C242E;
  }
}

:root[data-theme=dark] .rezultat-atasat__link {
  background-color: #1C242E;
}

.rezultat-atasat--cu-cote .rezultat-atasat__link {
  border-radius: 7px 7px 0 0;
}

.rezultat-atasat__echipa {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 2px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.rezultat-atasat__echipa:last-child {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  padding-right: 0;
  padding-left: 2px;
}

.rezultat-atasat__echipa:last-child .rezultat-atasat__nume {
  text-align: right;
}

.rezultat-atasat__logo {
  height: 30px;
  width: 30px;
  position: relative;
}

.rezultat-atasat__logo img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.rezultat-atasat__nume {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 1;
  font-size: 16px;
  font-weight: 700;
  padding: 0 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.rezultat-atasat__nume--scurt {
  display: none;
}

@media all and (min-width: 768px) {
  .C1 .rezultat-atasat__nume--scurt {
    display: inline;
  }
}

@media all and (min-width: 768px) {
  .C1 .rezultat-atasat__nume--lung {
    display: none;
  }
}

.rezultat-atasat__scor {
  width: 28px;
  height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #FFF;
  line-height: 1;
  font-size: 16px;
  font-weight: 700;
  border-radius: 3px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .rezultat-atasat__scor {
    background-color: #0E1823;
  }
}

:root[data-theme=dark] .rezultat-atasat__scor {
  background-color: #0E1823;
}

.rezultat-atasat__live .rezultat-atasat__scor {
  background-color: #FFB600;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .rezultat-atasat__live .rezultat-atasat__scor {
    background-color: #FFB600;
    color: #0E1823;
  }
}

:root[data-theme=dark] .rezultat-atasat__live .rezultat-atasat__scor {
  background-color: #FFB600;
  color: #0E1823;
}

.rezultat-atasat__data-ora {
  font-size: 11px;
  text-transform: uppercase;
  line-height: 1;
  width: 60px;
  height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #FFF;
  border-radius: 3px;
  text-align: center;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .rezultat-atasat__data-ora {
    background-color: #0E1823;
  }
}

:root[data-theme=dark] .rezultat-atasat__data-ora {
  background-color: #0E1823;
}

.branding-logo-caseta {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  height: 30px;
  overflow: hidden;
  border-radius: 0 0 5px 0;
  z-index: 2;
}

@media all and (min-width: 768px) {
  .branding-logo-caseta {
    border-radius: 0 0 15px 0;
  }
}

.branding-logo-caseta img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

@media all and (max-width: 767px) {
  .C1 .branding-logo-caseta {
    width: 87px;
    height: 21px;
    top: 17px;
    left: 15px;
    border-radius: 15px 15px 0 0;
  }
}

@media all and (max-width: 767px) {
  .C1 .branding-logo-caseta + .thumb {
    margin-top: 21px;
    border-radius: 0 0 15px 15px !important;
  }
}

.popup-story {
  background-color: #FFF;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 200000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .popup-story {
    background-color: #0E1823;
  }
}

:root[data-theme=dark] .popup-story {
  background-color: #0E1823;
}

.popup-story__close {
  display: block;
  position: absolute;
  top: 20px;
  right: 6px;
  z-index: 100;
  border-radius: 100px;
  width: 46px;
  height: 46px;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transform-origin: top right;
          transform-origin: top right;
  background-color: rgba(0, 0, 0, 0.5);
}

@media all and (min-width: 768px) {
  .popup-story__close {
    top: 20px;
    right: 20px;
    background-color: transparent;
    -webkit-transform: none;
            transform: none;
  }
}

@media (hover: hover) {
  .popup-story__close:hover {
    background-color: #FFB600;
  }
}

@media (hover: hover) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .popup-story__close:hover .popup-story__close__svg {
    fill: #0E1823;
  }
}

@media (hover: hover) {
  :root[data-theme=dark] .popup-story__close:hover .popup-story__close__svg {
    fill: #0E1823;
  }
}

.popup-story__close__svg {
  fill: #FFF;
  vertical-align: top;
}

@media all and (min-width: 768px) {
  .popup-story__close__svg {
    fill: #1C242E;
  }
}

@media all and (min-width: 768px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .popup-story__close__svg {
    fill: #FFF;
  }
}

@media all and (min-width: 768px) {
  :root[data-theme=dark] .popup-story__close__svg {
    fill: #FFF;
  }
}

.popup-story__progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 100%;
  padding: 6px;
  top: 0;
  z-index: 90;
  pointer-events: none;
}

@media all and (min-width: 768px) {
  .popup-story__progress {
    width: 500px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    left: 50%;
  }
}

.popup-story__progress__item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 4px;
  background-color: rgba(28, 36, 46, 0.25);
  margin: 2px;
  border-radius: 10px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .popup-story__progress__item {
    background-color: rgba(255, 255, 255, 0.25);
  }
}

:root[data-theme=dark] .popup-story__progress__item {
  background-color: rgba(255, 255, 255, 0.25);
}

.popup-story__progress__item--past {
  background-color: #1C242E;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .popup-story__progress__item--past {
    background-color: #FFF;
  }
}

:root[data-theme=dark] .popup-story__progress__item--past {
  background-color: #FFF;
}

.popup-story__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: visible;
}

.popup-story__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
}

@media all and (min-width: 768px) {
  .popup-story__inner {
    width: 50.625vh;
  }
}

.popup-story__inner2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.popup-story__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  width: 100vw;
  height: 100vh;
}

@media all and (min-width: 768px) {
  .popup-story__item {
    height: 90vh;
    width: 50.625vh;
    border-radius: 15px;
    overflow: hidden;
    margin-right: 30px;
    opacity: .1;
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
}

@media (hover: hover) {
  .popup-story__item:hover {
    opacity: .4;
  }
}

.popup-story__item img {
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.popup-story__item--active {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

@media (hover: hover) {
  .popup-story__item--active:hover {
    opacity: 1;
  }
}

.popup-story__item--active .popup-story__item__inner {
  cursor: default;
}

.popup-story__item--active .popup-story__item__link {
  z-index: 100;
}

.popup-story__title {
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: inset 0 1px 0 #FFF, 0 3px 20px rgba(0, 0, 0, 0.25);
          box-shadow: inset 0 1px 0 #FFF, 0 3px 20px rgba(0, 0, 0, 0.25);
  position: absolute;
  bottom: 75px;
  right: 15px;
  left: 15px;
  font-size: 20px;
  font-weight: 700;
  border-radius: 10px;
  padding: 16px 15px 18px;
  text-align: center;
  line-height: 1.2;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .popup-story__title {
    background-color: rgba(14, 24, 35, 0.9);
    -webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
            box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
  }
}

:root[data-theme=dark] .popup-story__title {
  background-color: rgba(14, 24, 35, 0.9);
  -webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
          box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
}

@media all and (min-width: 768px) {
  .popup-story__title {
    font-size: 24px;
    right: 40px;
    left: 40px;
  }
}

.popup-story__item__link {
  color: #FFF;
  background-color: #E01B2F;
  position: absolute;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: inline-block;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 12px;
  line-height: 1;
  padding: 11px 20px 12px;
  border-radius: 10px;
}

@media (hover: hover) {
  .popup-story__item__link:hover {
    color: #FFF;
    background-color: #c9182a;
  }
}

.popup-story__item__inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
}

.popup-story__nav {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none;
}

.popup-story__prev {
  display: none;
}

@media all and (min-width: 768px) {
  .popup-story__prev {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 46px;
    height: 46px;
    background-color: #FFF;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 200px;
    position: absolute;
    pointer-events: auto;
  }
}

@media all and (min-width: 768px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .popup-story__prev {
    background-color: rgba(255, 255, 255, 0.35);
  }
}

@media all and (min-width: 768px) {
  :root[data-theme=dark] .popup-story__prev {
    background-color: rgba(255, 255, 255, 0.35);
  }
}

.popup-story__prev img {
  width: 16px;
  height: 16px;
}

@media (hover: hover) {
  .popup-story__prev:hover {
    background-color: #FFB600;
  }
}

@media (hover: hover) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .popup-story__prev:hover {
    background-color: #FFB600;
  }
}

@media (hover: hover) {
  :root[data-theme=dark] .popup-story__prev:hover {
    background-color: #FFB600;
  }
}

.popup-story__next {
  display: none;
}

@media all and (min-width: 768px) {
  .popup-story__next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 46px;
    height: 46px;
    background-color: #FFF;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 200px;
    position: absolute;
    pointer-events: auto;
  }
}

@media all and (min-width: 768px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .popup-story__next {
    background-color: rgba(255, 255, 255, 0.35);
  }
}

@media all and (min-width: 768px) {
  :root[data-theme=dark] .popup-story__next {
    background-color: rgba(255, 255, 255, 0.35);
  }
}

.popup-story__next img {
  width: 16px;
  height: 16px;
}

@media (hover: hover) {
  .popup-story__next:hover {
    background-color: #FFB600;
  }
}

@media (hover: hover) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .popup-story__next:hover {
    background-color: #FFB600;
  }
}

@media (hover: hover) {
  :root[data-theme=dark] .popup-story__next:hover {
    background-color: #FFB600;
  }
}

.popup-story__prev {
  left: 20px;
}

.popup-story__next {
  right: 20px;
}

.popup-story__big-prev,
.popup-story__big-next {
  position: absolute;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  pointer-events: auto;
}

@media all and (min-width: 768px) {
  .popup-story__big-prev,
  .popup-story__big-next {
    width: calc((100vw - 30px - (50.625vh * 3)) / 2);
  }
}

.popup-story__big-prev {
  left: 0;
  right: 66%;
}

@media all and (min-width: 768px) {
  .popup-story__big-prev {
    right: auto;
  }
}

@media (hover: hover) {
  .popup-story__big-prev:hover + .popup-story__prev {
    background-color: #FFB600;
  }
}

@media (hover: hover) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .popup-story__big-prev:hover + .popup-story__prev {
    background-color: #FFB600;
  }
}

@media (hover: hover) {
  :root[data-theme=dark] .popup-story__big-prev:hover + .popup-story__prev {
    background-color: #FFB600;
  }
}

.popup-story__big-next {
  left: 34%;
  right: 0;
}

@media all and (min-width: 768px) {
  .popup-story__big-next {
    left: auto;
  }
}

@media (hover: hover) {
  .popup-story__big-next:hover + .popup-story__next {
    background-color: #FFB600;
  }
}

@media (hover: hover) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .popup-story__big-next:hover + .popup-story__next {
    background-color: #FFB600;
  }
}

@media (hover: hover) {
  :root[data-theme=dark] .popup-story__big-next:hover + .popup-story__next {
    background-color: #FFB600;
  }
}

.popup-story__big-next .popup-story__prev,
.popup-story__big-next .popup-story__next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.popup-story__nav--help .popup-story__big-prev,
.popup-story__nav--help .popup-story__big-next {
  background-color: rgba(0, 0, 0, 0.85);
}

@media all and (min-width: 768px) {
  .popup-story__nav--help .popup-story__big-prev,
  .popup-story__nav--help .popup-story__big-next {
    background-color: transparent;
  }
}

.popup-story__nav--help .popup-story__big-prev {
  border-right: 1px dashed #FFF;
}

@media all and (min-width: 768px) {
  .popup-story__nav--help .popup-story__big-prev {
    border-right: none;
  }
}

.popup-story__nav--help .popup-story__help {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media all and (min-width: 768px) {
  .popup-story__nav--help .popup-story__help {
    display: none;
  }
}

.popup-story__help {
  color: #FFF;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.popup-story__help img {
  width: 20px;
  height: 20px;
  margin-bottom: 8px;
}

@media all and (min-width: 1150px) {
  .galerie {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.galerie__header {
  height: 60px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .galerie__header {
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
            box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
  }
}

:root[data-theme=dark] .galerie__header {
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
          box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
}

@media all and (min-width: 1150px) {
  .galerie__header {
    height: 90px;
    width: 100%;
  }
}

.galerie__logo {
  width: 123px;
  margin-top: 6px;
  margin-left: 15px;
  display: block;
}

@media all and (min-width: 1150px) {
  .galerie__logo {
    margin-left: 20px;
    margin-top: 8px;
  }
}

.galerie__logo img {
  width: 100%;
  height: auto;
}

.galerie__back {
  display: none;
}

@media all and (min-width: 1150px) {
  .galerie__back {
    display: block;
    font-size: 11px;
    letter-spacing: 1px;
    color: #E01B2F;
    text-transform: uppercase;
    font-weight: 700;
    margin-left: 20px;
    padding-top: 3px;
  }
}

@media all and (min-width: 1150px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .galerie__back {
    color: #FF3A00;
  }
}

@media all and (min-width: 1150px) {
  :root[data-theme=dark] .galerie__back {
    color: #FF3A00;
  }
}

.galerie__top-ad {
  display: none;
}

@media all and (min-width: 1150px) {
  .galerie__top-ad {
    display: block;
    width: 728px;
    height: 90px;
    margin-left: auto;
  }
}

.galerie__tools {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 60px;
  margin-left: auto;
  padding-right: 7px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media all and (min-width: 1150px) {
  .galerie__tools {
    margin-left: 0;
    width: 300px;
    height: 90px;
    padding-right: 22px;
  }
}

.galerie__tools .popup-story__close {
  position: static;
  -webkit-transform-origin: center;
          transform-origin: center;
  margin-left: 7px;
  -webkit-transform: none;
          transform: none;
  background-color: transparent;
}

@media all and (min-width: 1150px) {
  .galerie__tools .popup-story__close {
    margin-left: 22px;
  }
}

@media (hover: hover) {
  .galerie__tools .popup-story__close:hover {
    background-color: #FFB600;
  }
}

.galerie__tools .popup-story__close__svg {
  fill: #1C242E;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .galerie__tools .popup-story__close__svg {
    fill: #FFF;
  }
}

:root[data-theme=dark] .galerie__tools .popup-story__close__svg {
  fill: #FFF;
}

.galerie__share {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 5px;
}

@media all and (min-width: 1150px) {
  .galerie__share {
    width: 50px;
    height: 50px;
  }
}

.galerie__share img {
  width: 100%;
  height: auto;
}

.galerie__main {
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .galerie__main {
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
            box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
  }
}

:root[data-theme=dark] .galerie__main {
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
          box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
}

@media all and (min-width: 1150px) {
  .galerie__main {
    width: calc(100% - 300px);
    height: calc(100vh - 90px);
  }
}

.galerie__photo {
  position: relative;
}

@media all and (min-width: 1150px) {
  .galerie__photo {
    height: calc(100vh - 97px - 100px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.galerie__photo .thumb {
  width: 100%;
  padding-bottom: 0;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-image: none;
  background-color: #F5F0F3;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .galerie__photo .thumb {
    background-color: #0E1823;
  }
}

:root[data-theme=dark] .galerie__photo .thumb {
  background-color: #0E1823;
}

@media all and (min-width: 1150px) {
  .galerie__photo .thumb {
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: 10px;
    left: 20px;
    width: auto;
    border-radius: 20px;
  }
}

.galerie__photo .thumb img {
  position: static;
  width: auto;
  height: auto;
  max-height: calc(100vh - 250px);
}

@media all and (min-width: 1150px) {
  .galerie__photo .thumb img {
    max-height: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
  }
}

.galerie__photo h1 {
  width: 100%;
  text-align: center;
  font-size: 12px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  font-weight: 400;
  padding: 1px 10px 8px;
  display: inline-block;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .galerie__photo h1 {
    color: #FFF;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
            box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
  }
}

:root[data-theme=dark] .galerie__photo h1 {
  color: #FFF;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
          box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
}

@media all and (min-width: 1150px) {
  .galerie__photo h1 {
    border-radius: 100px;
    background-color: rgba(255, 255, 255, 0.9);
    width: auto;
    position: absolute;
    font-size: 14px;
    bottom: 30px;
    padding: 6px 15px 7px;
  }
}

@media all and (min-width: 1150px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .galerie__photo h1 {
    background-color: rgba(28, 36, 46, 0.9);
  }
}

@media all and (min-width: 1150px) {
  :root[data-theme=dark] .galerie__photo h1 {
    background-color: rgba(28, 36, 46, 0.9);
  }
}

.galerie__nav {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.galerie__nav__prev,
.galerie__nav__next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.galerie__nav__prev img,
.galerie__nav__next img {
  width: 25px;
  height: auto;
  margin: 0 15px;
  -webkit-transform: translateY(-14px);
          transform: translateY(-14px);
}

@media all and (min-width: 1150px) {
  .galerie__nav__prev img,
  .galerie__nav__next img {
    margin: 0 40px;
    width: 32px;
  }
}

@media (hover: hover) {
  .galerie__nav__prev img,
  .galerie__nav__next img {
    display: none;
  }
}

.galerie__nav__prev {
  width: 25%;
}

@media (hover: hover) {
  .galerie__nav__prev {
    cursor: url(../images/photo-nav-prev.svg), w-resize;
  }
}

.galerie__nav__next {
  width: 75%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media (hover: hover) {
  .galerie__nav__next {
    cursor: url(../images/photo-nav-next.svg), e-resize;
  }
}

.galerie__others {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 10px 15px;
}

@media all and (min-width: 1150px) {
  .galerie__others {
    padding: 10px 20px 20px;
  }
}

@media (hover: hover) {
  .galerie__others {
    scrollbar-color: rgba(255, 255, 255, 0.35) #00326A;
    scrollbar-width: thin;
  }
  .galerie__others::-webkit-scrollbar {
    height: 10px;
    background-color: #F5F0F3;
  }
}

@media (hover: hover) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .galerie__others::-webkit-scrollbar {
    background-color: rgba(255, 255, 255, 0.1);
  }
}

@media (hover: hover) {
  :root[data-theme=dark] .galerie__others::-webkit-scrollbar {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .galerie__others::-webkit-scrollbar-thumb {
    background: #dacbd3;
    border-radius: 20px;
  }
}

@media (hover: hover) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .galerie__others::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.2);
  }
}

@media (hover: hover) {
  :root[data-theme=dark] .galerie__others::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.2);
  }
}

.galerie__others__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 10px;
}

@media all and (min-width: 1150px) {
  .galerie__others__inner {
    padding-right: 15px;
  }
}

.galerie__others__inner .thumb {
  width: 100px;
  padding-bottom: 67px;
  border-radius: 8px;
  margin-right: 5px;
}

.galerie__others__inner .thumb::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-box-shadow: inset 0 0 0 4px transparent;
          box-shadow: inset 0 0 0 4px transparent;
  z-index: 10;
  border-radius: 8px;
}

@media (hover: hover) {
  .galerie__others__inner .thumb:hover::after {
    -webkit-box-shadow: inset 0 0 0 4px #1C242E;
            box-shadow: inset 0 0 0 4px #1C242E;
  }
}

.galerie__others__inner .thumb--selected::after {
  -webkit-box-shadow: inset 0 0 0 4px #FFB600;
          box-shadow: inset 0 0 0 4px #FFB600;
}

.galerie__side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px 0;
  width: 100%;
}

@media all and (min-width: 1150px) {
  .galerie__side {
    width: 300px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 0;
    -webkit-box-shadow: -1px 0 0 rgba(0, 0, 0, 0.1);
            box-shadow: -1px 0 0 rgba(0, 0, 0, 0.1);
  }
}

@media all and (min-width: 1150px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .galerie__side {
    -webkit-box-shadow: -1px 0 0 rgba(235, 227, 231, 0.1);
            box-shadow: -1px 0 0 rgba(235, 227, 231, 0.1);
  }
}

@media all and (min-width: 1150px) {
  :root[data-theme=dark] .galerie__side {
    -webkit-box-shadow: -1px 0 0 rgba(235, 227, 231, 0.1);
            box-shadow: -1px 0 0 rgba(235, 227, 231, 0.1);
  }
}

.galerie__side .banner300x250 {
  width: 300px;
  height: 250px;
}

@media all and (min-width: 1150px) {
  .galerie__side .banner300x250 {
    display: none;
  }
}

.galerie__side .banner300x600 {
  display: none;
}

@media all and (min-width: 1150px) {
  .galerie__side .banner300x600 {
    display: block;
    width: 300px;
    height: 600px;
  }
}

.doneaza__titlu {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 15px;
  letter-spacing: -.2px;
}

@media all and (min-width: 1280px) {
  .doneaza__titlu {
    font-size: 28px;
    margin-bottom: 20px;
  }
}

.doneaza__sume {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 5px;
}

@media all and (min-width: 1280px) {
  .doneaza__sume {
    margin-bottom: 10px;
  }
}

.doneaza__sume a {
  background-color: #FFB600;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  display: block;
  width: calc(50% - 4px);
  margin-bottom: 8px;
  border-radius: 5px;
  padding: 15px;
  line-height: 1.1;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .doneaza__sume a {
    color: #1C242E;
  }
}

:root[data-theme=dark] .doneaza__sume a {
  color: #1C242E;
}

@media all and (min-width: 1280px) {
  .doneaza__sume a {
    width: calc((100% - 24px) / 4);
  }
}

@media (hover: hover) {
  .doneaza__sume a:hover {
    background-color: #E01B2F;
    color: #FFF;
  }
}

@media (hover: hover) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .doneaza__sume a:hover {
    color: #FFF;
  }
}

@media (hover: hover) {
  :root[data-theme=dark] .doneaza__sume a:hover {
    color: #FFF;
  }
}

.doneaza__descriere {
  font-size: 16px;
  line-height: 1.1;
  margin-bottom: 15px;
}

@media all and (min-width: 1280px) {
  .doneaza__descriere {
    font-size: 20px;
  }
}

.doneaza__descriere span {
  font-weight: 700;
  font-size: 24px;
}

@media all and (min-width: 1280px) {
  .doneaza__descriere span {
    font-size: 28px;
  }
}

.doneaza__progres {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  position: relative;
  margin-bottom: 18px;
}

.doneaza__progres__item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 52px;
}

.doneaza__progres__item:nth-child(1) {
  background-color: #E01B2F;
  border-radius: 5px 0 0 5px;
}

.doneaza__progres__item:nth-child(2) {
  background-color: #FF7B00;
}

.doneaza__progres__item:nth-child(3) {
  background-color: #FFB600;
}

.doneaza__progres__item:nth-child(4) {
  background-color: #75D500;
}

.doneaza__progres__item:nth-child(5) {
  background-color: #28B200;
  border-radius: 0 5px 5px 0;
}

.doneaza__progres__pointer {
  position: absolute;
  width: 25px;
  height: 25px;
  bottom: -13px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.doneaza__progres__pointer .doneaza__progres__pointer__svg {
  fill: #1C242E;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .doneaza__progres__pointer .doneaza__progres__pointer__svg {
    fill: #FFF;
  }
}

:root[data-theme=dark] .doneaza__progres__pointer .doneaza__progres__pointer__svg {
  fill: #FFF;
}

.doneaza__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 16px;
}

@media all and (min-width: 1280px) {
  .doneaza__footer {
    font-size: 20px;
  }
}

.doneaza__footer img {
  width: 132px;
  height: 18px;
}

.doneaza__footer img.doneaza__footer__logo--light {
  display: block;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .doneaza__footer img.doneaza__footer__logo--light {
    display: none;
  }
}

:root[data-theme=dark] .doneaza__footer img.doneaza__footer__logo--light {
  display: none;
}

.doneaza__footer img.doneaza__footer__logo--dark {
  display: none;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .doneaza__footer img.doneaza__footer__logo--dark {
    display: block;
  }
}

:root[data-theme=dark] .doneaza__footer img.doneaza__footer__logo--dark {
  display: block;
}

.w-main {
  padding: 20px 20px 15px;
  margin: 30px 0;
  -webkit-box-shadow: 0 3px 9px 0 rgba(59, 27, 224, 0.05), 0 5px 15px 0 rgba(224, 27, 27, 0.05), 0 0 0 1px rgba(235, 227, 231, 0.85);
          box-shadow: 0 3px 9px 0 rgba(59, 27, 224, 0.05), 0 5px 15px 0 rgba(224, 27, 27, 0.05), 0 0 0 1px rgba(235, 227, 231, 0.85);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .w-main {
    background-color: #0E1823;
    -webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
            box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
  }
}

:root[data-theme=dark] .w-main {
  background-color: #0E1823;
  -webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
          box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
}

@media all and (min-width: 768px) {
  .w-main {
    margin: 40px 25px;
    border-radius: 15px;
    padding: 25px 30px 20px;
  }
}

@media all and (min-width: 1024px) {
  .w-main {
    margin: 40px -5px;
  }
}

.w__header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 12px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .w__header {
    border-bottom: 1px solid #333A43;
  }
}

:root[data-theme=dark] .w__header {
  border-bottom: 1px solid #333A43;
}

@media all and (min-width: 1280px) {
  .w__header {
    padding-bottom: 22px;
    padding-top: 6px;
  }
}

.w__header__text {
  font-size: 16px;
  line-height: 1.25;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.w__header__text__competitie {
  font-weight: 700;
}

.w__header__minute {
  font-size: 16px;
  font-weight: 700;
  margin-right: 6px;
}

.w__header__info {
  font-size: 16px;
  font-weight: 700;
  width: 53px;
  height: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #F5F0F3;
  line-height: 22px;
  border-radius: 5px;
  text-transform: uppercase;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .w__header__info {
    background-color: #1C242E;
  }
}

:root[data-theme=dark] .w__header__info {
  background-color: #1C242E;
}

@media all and (min-width: 1280px) {
  .w__header__info {
    font-size: 16px;
    width: 51px;
    height: 26px;
  }
}

.w__match {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 13px 0;
}

@media all and (min-width: 1280px) {
  .w__match {
    padding: 16px 0;
  }
}

@media (hover: hover) {
  a.w__match:hover .w__team__name {
    background-color: #EBE3E7;
  }
}

@media (hover: hover) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) a.w__match:hover .w__team__name {
    background-color: #333A43;
  }
}

@media (hover: hover) {
  :root[data-theme=dark] a.w__match:hover .w__team__name {
    background-color: #333A43;
  }
  a.w__match:hover .w__team__score {
    background-color: #EBE3E7;
  }
}

@media (hover: hover) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) a.w__match:hover .w__team__score {
    background-color: #333A43;
  }
}

@media (hover: hover) {
  :root[data-theme=dark] a.w__match:hover .w__team__score {
    background-color: #333A43;
  }
}

@media (hover: hover) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .w-odds--live a.w__match:hover .w__team__score {
    background-color: #FFB600;
  }
}

@media (hover: hover) {
  :root[data-theme=dark] .w-odds--live a.w__match:hover .w__team__score {
    background-color: #FFB600;
  }
}

.w__team {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2px 0;
}

@media (hover: hover) {
  a.w__team:hover .w__team__name {
    background-color: #EBE3E7;
  }
}

@media (hover: hover) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) a.w__team:hover .w__team__name {
    background-color: #333A43;
  }
}

@media (hover: hover) {
  :root[data-theme=dark] a.w__team:hover .w__team__name {
    background-color: #333A43;
  }
}

.w__team__logo {
  width: 45px;
  height: 45px;
  position: relative;
  margin-left: -2px;
  margin-right: 4px;
}

@media all and (min-width: 1280px) {
  .w__team__logo {
    width: 55px;
    height: 55px;
    margin-left: -4px;
  }
}

.w__team__logo img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.w__team__name {
  height: 43px;
  font-size: 24px;
  font-weight: 700;
  padding: 0 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 41px;
  letter-spacing: -.25px;
  border-radius: 5px;
  background-color: #F5F0F3;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .w__team__name {
    background-color: #1C242E;
  }
}

:root[data-theme=dark] .w__team__name {
  background-color: #1C242E;
}

@media all and (min-width: 1280px) {
  .w__team__name {
    height: 51px;
    font-size: 30px;
    line-height: 49px;
    padding: 0 15px;
  }
}

.w__team__score {
  height: 43px;
  width: 43px;
  margin-left: 6px;
  font-size: 24px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 41px;
  border-radius: 5px;
  background-color: #F5F0F3;
  text-align: center;
  letter-spacing: -.5px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .w__team__score {
    background-color: #1C242E;
  }
}

:root[data-theme=dark] .w__team__score {
  background-color: #1C242E;
}

@media all and (min-width: 1280px) {
  .w__team__score {
    height: 51px;
    width: 51px;
    font-size: 30px;
    line-height: 49px;
    margin-left: 8px;
  }
}

.w__team__scorers {
  width: 100%;
  padding-left: 57px;
  padding-right: 49px;
  font-size: 12px;
  line-height: 1.25;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media all and (min-width: 1280px) {
  .w__team__scorers {
    font-size: 16px;
    width: 50%;
    padding: 5px 0 5px;
  }
}

.w__team__scorers--home {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

@media all and (min-width: 1280px) {
  .w__team__scorers--home {
    -webkit-transform: none;
            transform: none;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding-left: 70px;
  }
}

.w__team__scorers--away {
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
}

@media all and (min-width: 1280px) {
  .w__team__scorers--away {
    -webkit-transform: none;
            transform: none;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    text-align: right;
    padding-right: 70px;
  }
}

@media all and (min-width: 1280px) {
  .w__team__scorers__goal {
    width: 100%;
  }
}

.w__team__scorers__goal::after {
  content: ',';
  margin-right: 3px;
}

@media all and (min-width: 1280px) {
  .w__team__scorers__goal::after {
    display: none;
  }
}

.w__team__scorers__goal:last-child::after {
  display: none;
}

.w__team__scorers__goal span {
  display: none;
}

@media all and (min-width: 1280px) {
  .w__team__scorers__goal span {
    display: inline;
  }
}

@media all and (min-width: 1280px) {
  .w-odds {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
  }
}

@media all and (min-width: 1280px) {
  .w-odds::after {
    content: '';
    display: block;
    position: absolute;
    top: 20px;
    bottom: 20px;
    left: 50%;
    width: 1px;
    background-color: rgba(0, 0, 0, 0.15);
  }
}

@media all and (min-width: 1280px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .w-odds::after {
    background-color: #333A43;
  }
}

@media all and (min-width: 1280px) {
  :root[data-theme=dark] .w-odds::after {
    background-color: #333A43;
  }
}

@media all and (min-width: 1280px) {
  .w-odds .w__header {
    padding-right: 20px;
  }
}

@media all and (min-width: 1280px) {
  .w-odds .w__match {
    padding-right: 20px;
  }
}

@media all and (min-width: 1280px) {
  .w-odds--wide {
    display: block;
  }
}

@media all and (min-width: 1280px) {
  .w-odds--wide::after {
    display: none;
  }
}

@media all and (min-width: 1280px) {
  .w-odds--wide .w__header {
    padding: 3px 0 14px;
  }
}

@media all and (min-width: 1280px) {
  .w-odds--wide .w__match {
    padding: 12px 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media all and (min-width: 1280px) {
  .w-odds--wide .w__team {
    width: calc(50% - 4px);
  }
}

@media all and (min-width: 1280px) {
  .w-odds--wide .w__team.w__team--away {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

@media all and (min-width: 1280px) {
  .w-odds--wide .w__team.w__team--away .w__team__score {
    margin-left: 0;
    margin-right: 8px;
  }
}

@media all and (min-width: 1280px) {
  .w-odds--wide .w__team.w__team--away .w__team__logo {
    margin-left: 4px;
    margin-right: -4px;
  }
}

@media all and (min-width: 1280px) {
  .w-odds--wide .w__team.w__team--away .w__team__name {
    text-align: right;
  }
}

@media all and (min-width: 1280px) {
  .w-odds--wide .w-odds__match {
    width: 100%;
  }
}

@media all and (min-width: 1280px) {
  .w-odds--wide .w-odds__list {
    padding: 0;
    margin: 0 auto 0;
  }
}

@media all and (min-width: 1280px) {
  .w-odds--wide .w-odds__list::before {
    content: '';
    display: block;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.15);
    position: absolute;
    left: 30px;
    right: 30px;
    margin-top: -1px;
  }
}

@media all and (min-width: 1280px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .w-odds--wide .w-odds__list::before {
    background-color: #333A43;
  }
}

@media all and (min-width: 1280px) {
  :root[data-theme=dark] .w-odds--wide .w-odds__list::before {
    background-color: #333A43;
  }
}

@media all and (min-width: 1280px) {
  .w-odds--wide .w__header__text {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media all and (min-width: 1280px) {
  .w-odds--wide .w-odds__selector {
    padding-top: 5px;
  }
}

@media all and (min-width: 1280px) {
  .w-odds--wide .w__header__text__competitie {
    font-size: 16px;
  }
}

@media all and (min-width: 1280px) {
  .w-odds--wide .w__header__text__detalii::before {
    content: '•';
    margin: 0 8px;
  }
}

.w-odds--live .w__header__info {
  font-size: 12px;
  width: 43px;
  background-color: #E01B2F;
  color: #FFF;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .w-odds--live .w__header__info {
    background-color: #E01B2F;
    color: #FFF;
  }
}

:root[data-theme=dark] .w-odds--live .w__header__info {
  background-color: #E01B2F;
  color: #FFF;
}

@media all and (min-width: 1280px) {
  .w-odds--live .w__header__info {
    width: 51px;
  }
}

.w-odds--live .w__header__info .marcaj--live__dot {
  margin: 0 2px 0 -1px;
}

@media all and (min-width: 1280px) {
  .w-odds--live .w__header__info .marcaj--live__dot {
    margin: 1px 3px 0 -1px;
  }
}

.w-odds--live .w__team__score {
  background-color: #FFB600;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .w-odds--live .w__team__score {
    background-color: #FFB600;
    color: #1C242E;
  }
}

:root[data-theme=dark] .w-odds--live .w__team__score {
  background-color: #FFB600;
  color: #1C242E;
}

@media (hover: hover) {
  .w-odds--live .w__match:hover .w__team__score {
    background-color: #FFB600;
  }
}

@media all and (min-width: 1280px) {
  .w-odds__match {
    width: 50%;
  }
}

@media all and (min-width: 1280px) {
  .w-odds__list {
    width: 50%;
    padding-left: 20px;
    padding-bottom: 10px;
  }
}

.w-odds__list .pariu__cota {
  width: 48px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .w-odds__list .pariu__cota {
    background-color: #1C242E;
  }
}

@media (prefers-color-scheme: dark) and (hover: hover) {
  :root:not([data-theme=light]):not([data-theme=dark]) .w-odds__list .pariu__cota:hover {
    background-color: #333A43;
  }
}

:root[data-theme=dark] .w-odds__list .pariu__cota {
  background-color: #1C242E;
}

@media (hover: hover) {
  :root[data-theme=dark] .w-odds__list .pariu__cota:hover {
    background-color: #333A43;
  }
}

@media (hover: hover) {
  .w-odds__list .pariu__cota:hover {
    background-color: #EBE3E7;
  }
}

@media (hover: hover) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .w-odds__list .pariu__cota:hover {
    background-color: #333A43;
  }
}

@media (hover: hover) {
  :root[data-theme=dark] .w-odds__list .pariu__cota:hover {
    background-color: #333A43;
  }
}

.w-odds__list .pariu__cota__valoare {
  padding: 0;
}

.w-odds__list .pariu {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .w-odds__list .pariu {
    border-top: 1px solid #333A43;
  }
}

:root[data-theme=dark] .w-odds__list .pariu {
  border-top: 1px solid #333A43;
}

.w-odds__list .pariu__alte-cote {
  display: none;
}

@media all and (min-width: 1280px) {
  .w-odds__list .pariu__alte-cote {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 42px;
  }
}

@media all and (min-width: 1280px) {
  .w-odds__list .pariu__logo {
    height: 22px;
  }
}

.w-odds__selector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

@media all and (min-width: 1280px) {
  .w-odds__selector {
    border-top: none;
  }
}

.w-odds__selector select {
  margin-bottom: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 10px;
  border: none;
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 11px;
  padding: 7px 1px;
  background-position: calc(100% - 2px) 11px;
  max-width: 130px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .w-odds__selector select {
    background-color: transparent;
    color: #EBE3E7;
    background-image: url(../images/dropdown-arrow-white.svg);
  }
}

:root[data-theme=dark] .w-odds__selector select {
  background-color: transparent;
  color: #EBE3E7;
  background-image: url(../images/dropdown-arrow-white.svg);
}

.w-odds__selector select.w-odds__selector--secondary {
  width: 35px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.w-odds__selector .pariu__cota {
  background-color: transparent;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .w-odds__selector .pariu__cota {
    background-color: transparent;
  }
}

:root[data-theme=dark] .w-odds__selector .pariu__cota {
  background-color: transparent;
}

@media (hover: hover) {
  .w-odds__selector .pariu__cota:hover {
    background-color: transparent;
  }
}

.w-odds__selector .pariu__cota__valoare {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 11px;
}

.w-match .pariu {
  padding: 16px 0;
}

@media all and (min-width: 1280px) {
  .w-match .pariu {
    padding: 10px 0;
  }
}

.w-match .pariu__cote-wrapper {
  margin-left: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.w-match .pariu__cota {
  width: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media all and (min-width: 1280px) {
  .w-match .pariu__cota__valoare {
    font-size: 16px;
  }
}

@media all and (min-width: 1280px) {
  .w-match .pariu__alte-cote {
    font-size: 16px;
  }
}

.w-match .pariu__logo {
  max-width: 110px;
}

@media all and (min-width: 1280px) {
  .w-match .w-odds__list {
    width: 60%;
  }
}

@media all and (min-width: 1280px) {
  .w-match .w-odds__list .pariu {
    border-top: none;
  }
}

@media all and (min-width: 1280px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .w-match .w-odds__list .pariu {
    border-top: none;
  }
}

@media all and (min-width: 1280px) {
  :root[data-theme=dark] .w-match .w-odds__list .pariu {
    border-top: none;
  }
}

.w__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .w__tabs {
    border-top: 1px solid #333A43;
    -webkit-box-shadow: inset 0 -1px 0 #333A43;
            box-shadow: inset 0 -1px 0 #333A43;
  }
}

:root[data-theme=dark] .w__tabs {
  border-top: 1px solid #333A43;
  -webkit-box-shadow: inset 0 -1px 0 #333A43;
          box-shadow: inset 0 -1px 0 #333A43;
}

@media all and (min-width: 1280px) {
  .w__tabs {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.w__tabs__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1;
}

.w__tabs__inner a {
  padding: 13px 0 14px;
}

@media all and (min-width: 1280px) {
  .w__tabs__inner a {
    padding: 18px 17px 19px;
  }
}

.w__tabs__inner a.selected {
  color: #E01B2F;
  position: relative;
}

.w__tabs__inner a.selected::after {
  content: '';
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  border: 1.5px solid rgba(0, 0, 0, 0.15);
  background-color: #FFF;
  bottom: -7px;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .w__tabs__inner a.selected::after {
    background-color: #1C242E;
    border: 1.5px solid #333A43;
  }
}

:root[data-theme=dark] .w__tabs__inner a.selected::after {
  background-color: #1C242E;
  border: 1.5px solid #333A43;
}

@media (hover: hover) {
  .w__tabs__inner a:hover {
    text-decoration: underline;
  }
}

.w__tabs__inner a + a {
  margin-left: 20px;
}

@media all and (min-width: 1280px) {
  .w__tabs__inner a + a {
    margin-left: 0;
  }
}

.w-match__teren__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 10px 0;
  max-width: 568px;
  margin: 0 auto;
}

@media all and (min-width: 768px) {
  .w-match__teren__wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 30px 0 20px;
  }
}

.w-match__teren__antrenor {
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 5px 0;
}

@media all and (min-width: 768px) {
  .w-match__teren__antrenor {
    padding: 7px 10px;
  }
}

.w-match__teren__antrenor > span:first-child {
  font-weight: 700;
}

@media all and (min-width: 768px) {
  .w-match__teren__antrenor > span:first-child {
    display: none;
  }
}

@media all and (min-width: 768px) {
  .w-match__teren__antrenor > span span {
    display: none;
  }
}

.w-match__teren__antrenor--home {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

@media all and (min-width: 768px) {
  .w-match__teren__antrenor--home {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 50%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.w-match__teren__antrenor--away {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

@media all and (min-width: 768px) {
  .w-match__teren__antrenor--away {
    width: 50%;
  }
}

.w-match__teren {
  background-image: url(../images/teren.jpg);
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 0;
  padding-bottom: 148%;
  position: relative;
  border-radius: 10px;
}

@media all and (min-width: 768px) {
  .w-match__teren {
    padding-bottom: 60%;
    background-image: url(../images/terenh.jpg);
  }
}

.w-match__teren__half {
  position: absolute;
  right: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding: 10px 0;
}

@media all and (min-width: 768px) {
  .w-match__teren__half {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.w-match__teren__half:first-child {
  top: 0;
  bottom: 50%;
}

@media all and (min-width: 768px) {
  .w-match__teren__half:first-child {
    top: 0;
    right: 50%;
    bottom: 0;
    left: 0;
  }
}

.w-match__teren__half:first-child .w-match__teren__jucator__bulina {
  background-color: #E01B2F;
}

.w-match__teren__half:last-child {
  top: 50%;
  bottom: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

@media all and (min-width: 768px) {
  .w-match__teren__half:last-child {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
  }
}

.w-match__teren__half:last-child .w-match__teren__jucator__bulina {
  background-color: #095ad4;
}

.w-match__teren__half:last-child .w-match__teren__compartiment {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

@media all and (min-width: 768px) {
  .w-match__teren__half:last-child .w-match__teren__compartiment {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.w-match__teren__compartiment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0 20px;
}

@media all and (min-width: 768px) {
  .w-match__teren__compartiment {
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.w-match__teren__jucator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  cursor: pointer;
}

@media all and (min-width: 768px) {
  .w-match__teren__jucator {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 100%;
  }
}

.w-match__teren__jucator__bulina {
  width: 24px;
  height: 24px;
  border: 1px solid #FFF;
  border-radius: 50%;
  text-align: center;
  line-height: 22px;
  font-size: 13px;
  font-weight: 700;
  color: #FFF;
  position: relative;
}

.w-match__teren__jucator__nume {
  font-size: 12px;
  line-height: 1.1;
  color: #FFF;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  text-align: center;
  padding: 2px 5px;
}

.w-match__teren__jucator__event {
  position: absolute;
  top: -3px;
  right: -5px;
  width: 12px;
  height: 12px;
}

.w-match__teren__jucator__event img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.w-match__livetext {
  max-width: 568px;
  margin: 0 auto;
}

@media all and (min-width: 768px) {
  .w-match__livetext {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
  }
}

@media all and (min-width: 768px) {
  .w-match__livetext::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    height: 10px;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
            box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  }
}

.w-match__livetext:first-child {
  margin-top: 20px;
}

@media all and (min-width: 768px) {
  .w-match__livetext:first-child {
    margin-top: 30px;
  }
}

.w-match__livetext__inner {
  max-height: 380px;
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
}

@media all and (min-width: 768px) {
  .w-match__livetext__inner {
    overflow-y: scroll;
    max-height: 320px;
  }
}

.w-match__livetext__inner::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#FFF));
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 100%);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .w-match__livetext__inner::after {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(14, 24, 35, 0)), to(#0E1823));
    background-image: linear-gradient(180deg, rgba(14, 24, 35, 0) 0%, #0E1823 100%);
  }
}

:root[data-theme=dark] .w-match__livetext__inner::after {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(14, 24, 35, 0)), to(#0E1823));
  background-image: linear-gradient(180deg, rgba(14, 24, 35, 0) 0%, #0E1823 100%);
}

@media all and (min-width: 768px) {
  .w-match__livetext__inner::after {
    display: none;
  }
}

.w-match__livetext__inner--all {
  max-height: none;
}

.w-match__livetext__inner--all::after {
  display: none;
}

.w-match__livetext__inner--all + .w-match__livetext__more {
  display: none;
}

.w-match__livetext__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  line-height: 1.25;
  border-radius: 5px;
  padding: 8px 10px;
}

@media all and (min-width: 768px) {
  .w-match__livetext__item {
    padding: 8px 15px;
  }
}

.w-match__livetext__item:nth-child(odd) {
  background-color: #FAF6F8;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .w-match__livetext__item:nth-child(odd) {
    background-color: #1C242E;
  }
}

:root[data-theme=dark] .w-match__livetext__item:nth-child(odd) {
  background-color: #1C242E;
}

@media all and (min-width: 768px) {
  .w-match__livetext__item:last-child {
    margin-bottom: 3px;
    position: relative;
  }
}

@media all and (min-width: 768px) {
  .w-match__livetext__item:last-child::after {
    content: '';
    display: block;
    height: 3px;
    background-color: #FFF;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    z-index: 10;
  }
}

@media all and (min-width: 768px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .w-match__livetext__item:last-child::after {
    background-color: #0E1823;
  }
}

@media all and (min-width: 768px) {
  :root[data-theme=dark] .w-match__livetext__item:last-child::after {
    background-color: #0E1823;
  }
}

.w-match__livetext__min {
  font-weight: 700;
  text-align: right;
  width: 28px;
  margin: 0 10px 0 -5px;
}

@media all and (min-width: 768px) {
  .w-match__livetext__min {
    margin-right: 15px;
  }
}

.w-match__livetext__icon {
  width: 12px;
  height: 12px;
  position: relative;
  margin: 5px 10px 0 0;
}

@media all and (min-width: 768px) {
  .w-match__livetext__icon {
    margin-right: 15px;
  }
}

.w-match__livetext__icon img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.w-match__livetext__comentariu {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.w-match__livetext__more {
  display: block;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 1px;
  font-weight: 700;
  color: #E01B2F;
  background-color: #FAF6F8;
  border: 1px solid #E01B2F;
  border-radius: 5px;
  text-align: center;
  padding: 13px;
  line-height: 1;
  margin: 10px 0;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .w-match__livetext__more {
    background-color: #1C242E;
  }
}

:root[data-theme=dark] .w-match__livetext__more {
  background-color: #1C242E;
}

@media all and (min-width: 768px) {
  .w-match__livetext__more {
    display: none;
  }
}

.w-match__footer {
  margin: 20px auto 0;
  padding: 15px 0 5px;
  font-size: 12px;
  text-align: center;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .w-match__footer {
    border-top: 1px solid #333A43;
  }
}

:root[data-theme=dark] .w-match__footer {
  border-top: 1px solid #333A43;
}

@media all and (min-width: 768px) {
  .w-match__footer {
    font-size: 16px;
    margin: 30px auto 0;
  }
}

.w-match__clasament .statistics {
  padding: 10px 0 8px;
  margin: 0 auto;
}

@media all and (min-width: 1280px) {
  .w-match__clasament .statistics {
    max-width: 568px;
    padding: 15px 0 20px;
  }
}

.w-match__clasament .statistics::before {
  display: none;
}

.w-match__clasament .statistics .results {
  display: block;
}

.w-match__clasament .statistics table td.team-name a {
  max-width: none;
}

@media all and (min-width: 360px) {
  .w-match__clasament .statistics table td.team-name a {
    max-width: calc(100vw - 263px);
  }
}

.w-match__clasament .statistics table .playing td.team-name a {
  background-color: #FFB600;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .w-match__clasament .statistics table .playing td.team-name a {
    color: #1C242E;
  }
}

:root[data-theme=dark] .w-match__clasament .statistics table .playing td.team-name a {
  color: #1C242E;
}

@media (hover: hover) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .w-match__clasament .statistics table .playing td.team-name a:hover {
    background-color: #FFB600;
    color: #1C242E;
  }
}

@media (hover: hover) {
  :root[data-theme=dark] .w-match__clasament .statistics table .playing td.team-name a:hover {
    background-color: #FFB600;
    color: #1C242E;
  }
}

.w__player {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.w__player__photo {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: relative;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);
  margin-right: 12px;
  display: block;
}

@media all and (min-width: 768px) {
  .w__player__photo {
    width: 44px;
    height: 44px;
  }
}

.w__player__photo img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: center;
     object-fit: center;
  border-radius: 50%;
  overflow: hidden;
}

.w-match__event--home .w__player__photo {
  -webkit-box-shadow: 0 0 0 2px #E01B2F;
          box-shadow: 0 0 0 2px #E01B2F;
}

.w-match__event--away .w__player__photo {
  -webkit-box-shadow: 0 0 0 2px #095ad4;
          box-shadow: 0 0 0 2px #095ad4;
}

.w__player__no {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 16px;
  height: 16px;
  background-color: #E01B2F;
  color: #FFF;
  font-size: 10px;
  font-weight: 700;
  border-radius: 50%;
  bottom: -4px;
  right: -4px;
}

.w__player__text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 1.1;
}

.w__player__nume {
  font-size: 16px;
  font-weight: 700;
  display: block;
}

.w__player__event {
  font-size: 12px;
  margin-top: 3px;
}

.w-match__events-wrapper {
  padding: 15px 0 0;
}

@media all and (min-width: 1280px) {
  .w-match__events-wrapper {
    max-width: 568px;
    margin: 0 auto;
  }
}

.w-match__event {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 0;
}

.w-match__event--home .w-match__event__half:last-child {
  display: none;
}

@media all and (min-width: 768px) {
  .w-match__event--home .w-match__event__half:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.w-match__event--away {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

@media all and (min-width: 768px) {
  .w-match__event--away {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.w-match__event--away .w-match__event__half:first-child {
  display: none;
}

@media all and (min-width: 768px) {
  .w-match__event--away .w-match__event__half:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.w-match__event__half {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media all and (min-width: 768px) {
  .w-match__event__half:last-child {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

@media all and (min-width: 768px) {
  .w-match__event__half:last-child .w__player {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

@media all and (min-width: 768px) {
  .w-match__event__half:last-child .w__player__photo {
    margin-left: 12px;
    margin-right: 0;
  }
}

@media all and (min-width: 768px) {
  .w-match__event__half:last-child .w__player__text {
    text-align: right;
  }
}

.w-match__event__min {
  font-size: 16px;
  width: 43px;
  height: 43px;
  font-weight: 700;
  background-color: #F5F0F3;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .w-match__event__min {
    background-color: #1C242E;
  }
}

:root[data-theme=dark] .w-match__event__min {
  background-color: #1C242E;
}

.w-match__event__icon {
  width: 12px;
  height: 12px;
  position: relative;
  margin: 0 10px;
}

.w-match__event__icon img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.w-match__event__title {
  text-align: center;
  font-size: 18px;
  letter-spacing: -.25px;
  padding: 10px 0;
  color: rgba(28, 36, 46, 0.5);
  background-color: #FFF;
  position: relative;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .w-match__event__title {
    background-color: #0E1823;
    color: rgba(235, 227, 231, 0.5);
  }
}

:root[data-theme=dark] .w-match__event__title {
  background-color: #0E1823;
  color: rgba(235, 227, 231, 0.5);
}

.w-match__teams {
  padding: 15px 0 0;
  position: relative;
}

@media all and (min-width: 1280px) {
  .w-match__teams {
    max-width: 568px;
    margin: 0 auto;
    padding-bottom: 10px;
  }
}

.w-match__teams::before {
  content: '';
  display: block;
  position: absolute;
  top: 20px;
  bottom: 10px;
  left: 50%;
  right: auto;
  width: 0;
  border-left: 1px dashed rgba(0, 0, 0, 0.15);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .w-match__teams::before {
    border-left: 1px dashed #333A43;
  }
}

:root[data-theme=dark] .w-match__teams::before {
  border-left: 1px dashed #333A43;
}

.w-match__teams .w__player__photo {
  -webkit-box-shadow: 0 0 0 2px #E01B2F;
          box-shadow: 0 0 0 2px #E01B2F;
}

.w-match__teams .w-match__event__half + .w-match__event__half {
  margin-left: 15px;
}

.w-match__teams .w-match__event__half:last-child {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.w-match__teams .w-match__event__half:last-child .w__player {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.w-match__teams .w-match__event__half:last-child .w__player__photo {
  margin-left: 12px;
  margin-right: 0;
}

.w-match__teams .w-match__event__half:last-child .w__player__text {
  text-align: right;
}

.w-match__teams .w-match__event__half:last-child .w__player__photo {
  -webkit-box-shadow: 0 0 0 2px #095ad4;
          box-shadow: 0 0 0 2px #095ad4;
}

.w-match__teams .w-match__event__half:last-child .w__player__no {
  background-color: #095ad4;
  left: -4px;
  right: auto;
}

.w-match__stats-wrapper {
  padding-top: 20px;
}

@media all and (min-width: 1280px) {
  .w-match__stats-wrapper {
    max-width: 568px;
    margin: 0 auto;
    padding: 30px 0 10px;
  }
}

.w-match__stat {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 15px;
}

@media all and (min-width: 768px) {
  .w-match__stat {
    margin-bottom: 20px;
  }
}

.w-match__stat__no {
  width: 43px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -.25px;
  line-height: 1.1;
  padding-bottom: 8px;
}

.w-match__stat__title {
  width: calc(100% - 86px);
  text-align: center;
  font-size: 16px;
  line-height: 1.1;
  padding-bottom: 8px;
}

.w-match__stat__rail {
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 5px;
  background-color: #F5F0F3;
  width: calc(50% - 1px);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .w-match__stat__rail {
    background-color: #1C242E;
  }
}

:root[data-theme=dark] .w-match__stat__rail {
  background-color: #1C242E;
}

.w-match__stat__rail--home {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.w-match__stat__rail--home .w-match__stat__bar {
  background-color: #E01B2F;
}

.w-match__stat__rail--away {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.w-match__stat__rail--away .w-match__stat__bar {
  background-color: #095ad4;
}

.w-match__stat__bar {
  border-radius: 10px;
  height: 5px;
}

.w-players-h2h .w__match {
  padding: 0 0 18px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .w-players-h2h .w__match {
    border-bottom: 1px solid #333A43;
  }
}

:root[data-theme=dark] .w-players-h2h .w__match {
  border-bottom: 1px solid #333A43;
}

@media all and (min-width: 1280px) {
  .w-players-h2h .w__match {
    padding-top: 5px;
  }
}

.w-players-h2h .w__team__scorers {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  width: calc(50% - 3px);
  padding: 5px 10px 2px;
  text-align: center;
}

@media all and (min-width: 1280px) {
  .w-players-h2h .w__team__scorers {
    width: calc(50% - 4px);
  }
}

.w-players-h2h .w__team__scorers--home {
  -webkit-transform: none;
          transform: none;
}

@media all and (min-width: 1280px) {
  .w-players-h2h .w__team__scorers--home {
    padding: 0 0 0 108px;
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
    text-align: left;
  }
}

.w-players-h2h .w__team__scorers--away {
  -webkit-transform: none;
          transform: none;
}

@media all and (min-width: 1280px) {
  .w-players-h2h .w__team__scorers--away {
    padding: 0 108px 0 0;
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
    text-align: right;
  }
}

.w-players-h2h .w__player__photo,
.w-players-h2h .w__team__logo {
  margin: 5px 0 12px;
  width: 80px;
  height: 80px;
}

.w-players-h2h .w__team__name {
  width: 100%;
  text-align: center;
}

.w-players-h2h .w__team {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(50% - 3px);
}

@media all and (min-width: 1280px) {
  .w-players-h2h .w__team {
    padding: 0;
    width: calc(50% - 4px);
  }
}

@media all and (min-width: 1280px) {
  .w-players-h2h .w__team.w__team--away .w__team__logo {
    margin: 0 0 0 10px !important;
  }
}

@media all and (min-width: 1280px) {
  .w-players-h2h .w__team--home {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.w-players-h2h .w__team--home .w__player__photo {
  -webkit-box-shadow: 0 0 0 3px #E01B2F;
          box-shadow: 0 0 0 3px #E01B2F;
}

@media all and (min-width: 1280px) {
  .w-players-h2h .w__team--home .w__player__photo {
    margin: 0 10px 0 0;
  }
}

@media all and (min-width: 1280px) {
  .w-players-h2h .w__team--home .w__team__logo {
    margin: 0 10px 0 0;
  }
}

@media all and (min-width: 1280px) {
  .w-players-h2h .w__team--home .w__team__name {
    text-align: left;
  }
}

.w-players-h2h .w__team--away .w__player__photo {
  -webkit-box-shadow: 0 0 0 3px #095ad4;
          box-shadow: 0 0 0 3px #095ad4;
}

@media all and (min-width: 1280px) {
  .w-players-h2h .w__team--away .w__player__photo {
    margin: 0 0 0 10px;
  }
}

.w-players-h2h .w__team__scorers__goal {
  width: 100%;
}

.w-players-h2h .w__team__scorers__goal strong {
  display: block;
}

.w-clasament {
  padding-top: 15px;
}

@media all and (min-width: 768px) {
  .w-clasament {
    padding-top: 20px;
  }
}

.w-clasament .w-match__clasament .statistics {
  padding-top: 0;
}

@media all and (min-width: 1280px) {
  .w-clasament .w-match__clasament .statistics {
    max-width: none;
  }
}

.w-clasament .w__team__logo {
  margin: 0 -2px 0 0;
}

.w-clasament__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  padding-bottom: 10px;
  margin-bottom: 10px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]):not([data-theme=dark]) .w-clasament__header {
    border-bottom: 1px solid #333A43;
  }
}

:root[data-theme=dark] .w-clasament__header {
  border-bottom: 1px solid #333A43;
}

.w-clasament__header__title {
  font-size: 30px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: -0.25px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-bottom: 3px;
}

@media all and (min-width: 768px) {
  .w-clasament__header__title {
    font-size: 36px;
    letter-spacing: -0.5px;
  }
}

.w-clasament__header__title span {
  display: inline-block;
}

.main-video-container {
  background-image: -webkit-gradient(linear, right top, left top, from(#005F6A), to(#00326A));
  background-image: linear-gradient(270deg, #005F6A 0%, #00326A 100%);
}

.main-video-container .controller {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media all and (min-width: 768px) {
  .main-video-container .controller {
    width: 100%;
  }
}

@media all and (min-width: 1280px) {
  .main-video-container .controller {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-top: 30px;
  }
}

.main-video-container .article-top {
  background-color: transparent;
}

@media all and (min-width: 1280px) {
  .main-video-container .article-top {
    display: none;
  }
}

.main-video-container .x300x600 {
  display: none;
}

@media all and (min-width: 1280px) {
  .main-video-container .x300x600 {
    display: block;
    width: 300px;
    margin-left: 20px;
  }
}

.main-video-container .share-container {
  margin: 15px;
}

@media all and (min-width: 768px) {
  .main-video-container .share-container {
    margin: 18px 30px 2.6vw;
  }
}

@media all and (min-width: 1280px) {
  .main-video-container .share-container {
    margin: 23px 0 25px;
  }
}

.video-column {
  width: 100%;
}

@media all and (min-width: 1280px) {
  .video-column {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.video-column h6,
.video-column .h6 {
  color: #FFB600;
  margin: 20px 15px 0;
}

@media all and (min-width: 768px) {
  .video-column h6,
  .video-column .h6 {
    margin: 3.25vw 30px 0;
  }
}

@media all and (min-width: 1280px) {
  .video-column h6,
  .video-column .h6 {
    margin: 25px 0 0;
  }
}

.video-column h1,
.video-column .h1 {
  color: #FFF;
  margin: 8px 15px 0;
  max-width: 924px;
}

@media all and (min-width: 768px) {
  .video-column h1,
  .video-column .h1 {
    font-size: 30px;
    margin: 8px 30px 0;
  }
}

@media all and (min-width: 1280px) {
  .video-column h1,
  .video-column .h1 {
    margin: 8px 0 0;
  }
}

.video-container {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: calc(56.25% - 1px);
  background-color: rgba(0, 0, 0, 0.25);
}

@media all and (min-width: 1280px) {
  .video-container {
    border-radius: 15px;
    overflow: hidden;
  }
}

.news-block.video-listing .controller {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-right: 0 18px 0 30px;
  padding-right: 0;
}

.news-block.video-listing .C1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

@media all and (min-width: 768px) {
  .news-block.video-listing .C1 {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.news-block.video-listing .C1 .news-item {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 100%;
}

@media all and (min-width: 768px) {
  .news-block.video-listing .C1 .news-item {
    width: calc((100% - 20px) / 2);
    display: block;
  }
}

@media all and (min-width: 1024px) {
  .news-block.video-listing .C1 .news-item {
    width: calc((100% - 36px) / 3);
  }
}

@media all and (min-width: 1280px) {
  .news-block.video-listing .C1 .news-item {
    width: 300px;
  }
}

.news-block.video-listing .C1 .news-item .comments-no {
  background-image: url(../images/time.svg);
  background-size: 11px 11px;
  background-position: 10px 16px;
}

@media all and (min-width: 768px) {
  .news-block.video-listing .C1 .news-item .comments-no {
    background-image: url(../images/time-w.svg);
    background-position: 10px 8px;
  }
}

@media all and (min-width: 768px) {
  .news-block.video-listing .C1 .thumb {
    padding-bottom: 56.25%;
  }
}

.news-block.video-listing .C1 .thumb .video-icon img {
  width: 36px;
  height: 36px;
}

@media all and (min-width: 768px) {
  .news-block.video-listing .C1 .thumb .video-icon img {
    width: 48px;
    height: 48px;
  }
}

.news-block.video-listing .C1 .text-container {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.news-block.video-listing .C1 .text-container h6,
.news-block.video-listing .C1 .text-container .h6 {
  margin: 0 0 5px;
}

.news-block.video-listing .C1 .text-container h6::before, .news-block.video-listing .C1 .text-container h6::after,
.news-block.video-listing .C1 .text-container .h6::before,
.news-block.video-listing .C1 .text-container .h6::after {
  display: none;
}

.news-block.video-listing .C3 {
  margin-left: 0;
}

.story {
  display: none;
  position: fixed;
  z-index: 100002;
  background-color: #FFF;
  top: 0;
  left: 0;
  height: 100vh;
  overflow: hidden;
  left: 0;
  -webkit-transition: none;
  transition: none;
}

@media all and (min-width: 768px) {
  .story {
    display: none;
  }
}

.story.slide1 {
  left: 0;
}

.story.slide2 {
  left: -100vw;
}

.story.slide3 {
  left: -200vw;
}

.story.slide4 {
  left: -300vw;
}

.story.slide5 {
  left: -400vw;
}

.story.slide6 {
  left: -500vw;
}

.story.slide7 {
  left: -600vw;
}

.story.slide8 {
  left: -700vw;
}

.story.slide9 {
  left: -800vw;
}

.story.slide10 {
  left: -900vw;
}

.story.slide11 {
  left: -1000vw;
}

.story.slide12 {
  left: -1100vw;
}

.story.slide13 {
  left: -1200vw;
}

.story.slide14 {
  left: -1300vw;
}

.story.slide15 {
  left: -1400vw;
}

.story-slide {
  width: 100vw;
  height: 100vh;
  padding: 17px 15px 15px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.story-slide .close {
  position: absolute;
  top: 28px;
  right: 0;
  display: block;
  z-index: 2;
  height: 50px;
  width: 50px;
  background-image: url(../images/icon-close-.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.story-slide h6,
.story-slide .h6 {
  margin-right: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.story-steps {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0;
  margin-bottom: 27px;
}

.story-steps li {
  background-color: rgba(0, 0, 0, 0.15);
  height: 3px;
  width: calc((100% - 30px) / 7);
  position: relative;
}

.story-steps li.active::before {
  content: '';
  display: block;
  position: absolute;
  background-color: #E01B2F;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.story-text {
  margin-top: 26px;
  margin-bottom: 20px;
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.story-text h2,
.story-text .h2 {
  margin: 0 25px 30px;
}

.story-text p {
  font-size: 22px;
  line-height: 1.45;
}

.story-text p a {
  color: #E01B2F;
  z-index: 2;
  position: relative;
}

.story-text .share-container {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 25px;
  position: relative;
  z-index: 2;
}

.story-text .share-container .share-button {
  width: 100%;
  margin-right: 0;
}

.story-text .share-container .share-button.facebook span, .story-text .share-container .share-button.whatsapp span {
  display: block;
}

.story-text .story-signature {
  margin: 10px 0 30px;
  text-align: center;
}

.story-text .story-signature img {
  max-height: 30vh;
}

.story-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 21px;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.story-footer .prev,
.story-footer .current,
.story-footer .next {
  width: 21px;
  height: 21px;
  border: 1px solid #E01B2F;
  text-align: center;
  color: #E01B2F;
  font-weight: 700;
  font-size: 11px;
  border-radius: 50%;
  line-height: 1;
  padding-top: 3.5px;
  background-color: #FFF;
}

.story-footer .current {
  background-color: #E01B2F;
  color: #FFF;
}

.story-footer .story-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 10px;
  height: 7px;
}

.story-footer .story-arrow .arrow {
  height: 7px;
  width: 7px;
  background-repeat: no-repeat;
  background-size: contain;
}

.story-footer .story-arrow .line {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 7px;
  background-repeat: repeat-x;
  background-image: url(../images/story-arrow-line.svg);
}

.story-footer .story-arrow.left .arrow {
  background-image: url(../images/story-arrow-left.svg);
}

.story-footer .story-arrow.right .arrow {
  background-image: url(../images/story-arrow-right.svg);
}

.story-footer .empty {
  opacity: 0;
}

.story-nav {
  display: block;
  position: absolute;
  height: 100vh;
  width: 50vw;
  top: 0;
  z-index: 1;
}

.story-nav.prev {
  left: 0;
}

.story-nav.next {
  right: 0;
}

.story-nav.next.full {
  width: 100vw;
}

.story-photo {
  position: absolute;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: -2;
  background-color: #00326A;
  background-image: -webkit-gradient(linear, right top, left top, from(#005F6A), to(#00326A));
  background-image: linear-gradient(to left, #005F6A 0%, #00326A 100%);
}

.story-photo img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.photo-slide .story-steps li {
  background-color: rgba(255, 255, 255, 0.25);
}

.photo-slide .story-steps li.active {
  background-color: #FFF;
}

.photo-slide .close {
  background-image: url(../images/icon-close.svg);
}

.photo-slide .story-footer .prev,
.photo-slide .story-footer .current,
.photo-slide .story-footer .next {
  border-color: rgba(255, 255, 255, 0.5);
  color: #FFF;
  background-color: rgba(0, 0, 0, 0.25);
}

.photo-slide .story-footer .current {
  background-color: #FFF;
  color: #000;
}

.photo-slide .story-footer .story-arrow .line {
  background-image: url(../images/story-arrow-line-light.svg);
}

.photo-slide .story-footer .story-arrow.left .arrow {
  background-image: url(../images/story-arrow-left-light.svg);
}

.photo-slide .story-footer .story-arrow.right .arrow {
  background-image: url(../images/story-arrow-right-light.svg);
}

.photo-slide::before, .photo-slide::after {
  content: '';
  display: block;
  position: absolute;
  height: 100px;
  width: 100%;
  left: 0;
  z-index: -1;
}

.photo-slide::before {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  top: 0;
}

.photo-slide::after {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  bottom: 0;
}

.story-item {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#E01B2F), to(#FF3A00));
  background-image: linear-gradient(180deg, #E01B2F 0%, #FF3A00 100%);
  padding-bottom: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}

@media all and (min-width: 768px) {
  .story-item {
    display: none;
  }
}

.story-item .thumb {
  width: 235px;
  padding-bottom: 235px;
  border-radius: 1000px;
  margin: auto;
}

.story-item .thumb-wrapper {
  border: 8px solid rgba(255, 255, 255, 0.5);
  width: 270px;
  height: 270px;
  border-radius: 1000px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.story-item .text-container h6,
.story-item .text-container .h6 {
  color: #FFF !important;
  margin-top: 0;
}

.story-item .text-container h6::before, .story-item .text-container h6::after,
.story-item .text-container .h6::before,
.story-item .text-container .h6::after {
  display: none;
}

.story-item .text-container h2,
.story-item .text-container .h2 {
  color: #FFF;
}

.story-item .comments-no {
  left: 5px;
  bottom: 10px;
  position: absolute;
  font-size: 11px;
  line-height: 1.1;
  color: #FFF;
  padding: 8px 8px 7px 24px;
  background-image: url(../images/comment-w.svg);
  background-repeat: no-repeat;
  background-size: 10px 10px;
  background-position: 10px 10px;
}

.story-item .story-steps {
  width: 100%;
  margin: 17px 15px 28px;
}

.story-item .story-steps li {
  background-color: #FFF;
}

.story-item-hidden-on-mobile {
  display: none;
}

@media all and (min-width: 768px) {
  .story-item-hidden-on-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.C1 .story-item {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0;
}

.C1 .story-item .thumb {
  width: 71px;
  padding-bottom: 71px;
  background: none;
  background-color: transparent;
}

.C1 .story-item .thumb-wrapper {
  border: 4px solid rgba(255, 255, 255, 0.5);
  width: 87px;
  height: 87px;
  margin: 15px 0 15px 15px;
}

.C1 .story-item .story-steps {
  display: none;
}

.C1 .story-item .text-container {
  width: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.C1 .story-item .text-container h2,
.C1 .story-item .text-container .h2 {
  font-size: 20px;
}

.C1 .story-item .comments-no {
  left: auto;
  bottom: auto;
  right: 6px;
  top: 8px;
}

@media all and (max-width: 767px) {
  .widget-livescore-list .section-header h5 {
    margin-bottom: 0;
  }
  .widget-livescore-list .section-header .flag {
    margin-bottom: 0;
  }
  .widget-category-dropdown {
    background-color: #F5F0F3;
  }
  div[data-widgetId="odds-listing"] .widget-prediction-poll-mobile .widget-odds {
    margin-left: 0 !important;
    margin-right: 0 !important;
    background-color: #F5F0F3 !important;
    padding-top: 22px !important;
  }
  div[data-widgetId="odds-listing"] .widget-prediction-poll-mobile {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  div[data-widgetId="odds-listing"] .widget-odds-mobile .bet-label {
    font-size: 9px !important;
    top: -20px !important;
  }
  div[data-widgetId="odds-listing"] .widget-odds-mobile .match-bet-wrap {
    border: none !important;
  }
  div[data-widgetId="odds-listing"] .widget-odds-mobile .match-bet li .bet-odds {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    background-color: #FFF !important;
  }
  div[data-widgetId="odds-listing"] .widget-odds-mobile .match-bet {
    padding: 0 !important;
  }
  div[data-widgetId="odds-listing"] .widget-prediction-poll-mobile .team-logo img {
    -webkit-transform: scale(1.3) translateY(10px);
            transform: scale(1.3) translateY(10px);
  }
  div[data-widgetId="odds-listing"] .widget-odds-mobile .odds-provider img {
    border-radius: 3px !important;
    overflow: hidden !important;
  }
  div[data-widgetId="odds-listing"] .odd-provider-name {
    width: 150px !important;
    height: 30px !important;
    background-color: #E01B2F !important;
  }
  div[data-widgetId="odds-listing"].prediction-widget .widget-prediction-poll-mobile {
    background-color: #F5F0F3 !important;
    padding: 5px 0 20px !important;
  }
  div[data-widgetId="odds-listing"].prediction-widget .widget-prediction-poll-mobile .prediction-content {
    background-color: #F5F0F3 !important;
  }
  div[data-widgetId="odds-listing"].prediction-widget .widget-prediction-poll-mobile .widget-odds {
    padding: 5px 0 10px !important;
  }
  div[data-widgetId="odds-listing"].prediction-widget .widget-prediction-poll-mobile .odds-provider {
    margin-top: 5px !important;
  }
  div[data-widgetId="odds-listing"].prediction-widget .widget-prediction-poll-mobile .prediction-content .match-league,
  div[data-widgetId="odds-listing"].prediction-widget .widget-prediction-poll-mobile .prediction-content .match-week {
    text-transform: uppercase;
    font-size: 12px !important;
  }
  div[data-widgetId="odds-listing"] .widget-prediction-poll-mobile .team-name {
    font-size: 18px !important;
    line-height: 1.1;
  }
  div[data-widgetId="odds-listing"] .widget-prediction-poll-mobile .match-status {
    margin: 0 10px !important;
  }
  div[data-widgetId="odds-listing"] .widget-prediction-poll-mobile .match-result {
    font-size: 22px !important;
    background-color: #FFF !important;
    padding: 8px 10px 10px !important;
    border-radius: 3px;
  }
  div[data-widgetId="odds-listing"] .widget-prediction-poll-mobile .match-team {
    width: auto !important;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .news-item div[data-widgetId="odds-listing"] .widget-prediction-poll-mobile .widget-odds {
    background-color: #FFF !important;
    margin: -5px 0 -15px !important;
  }
  .news-item div[data-widgetId="odds-listing"] .widget-odds-mobile .match-bet li .bet-odds {
    background-color: #EBE3E7 !important;
  }
  .news-item .thumb div[data-widgetId="odds-listing"] .widget-prediction-poll-mobile .widget-odds {
    background-color: transparent !important;
    padding-bottom: 10px !important;
  }
  .news-item .thumb div[data-widgetId="odds-listing"] .widget-prediction-poll-mobile {
    background-color: transparent !important;
  }
  .news-item .thumb div[data-widgetId="odds-listing"] .widget-odds .odds-provider {
    margin-left: 0 !important;
    margin-top: 4px !important;
  }
}

.widget-team-list .entry {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.col-minus-sidebar-1 {
  width: calc(100% - 312px);
}

.grid:not(.no-gutters) > * {
  padding-left: 0;
  padding-right: 0;
}

.form-select select {
  margin-bottom: 0;
  font-family: "Barlow", sans-serif;
}

.widget-carousel-matches p {
  font-family: "Barlow", sans-serif;
}

.col-1 {
  margin-bottom: 12px;
}

.widget-livescore-list .entry {
  margin-bottom: 0;
  border-bottom: 1px solid #F5F0F3;
}

.widget-livescore-list .widget-odds {
  margin-bottom: 0;
  border-bottom: none;
}

.widget-livescore-list .section-header .flag {
  margin-bottom: 8px;
}

.widget-view-more-load .label {
  font-family: "Barlow", sans-serif;
}

.datepicker {
  font-family: "Barlow", sans-serif !important;
}

.widget-carousel-livescore-dates .arrows button {
  margin-top: 0;
}

.widget-carousel-matches .arrows button {
  margin-top: 0;
}

.widget-odds .odds-provider {
  border-radius: 3px;
  overflow: hidden;
}

.widget-odds .bet-odds {
  border-radius: 3px;
  border: none;
  background-color: #F5F0F3;
}

.widget-odds .match-bet li:first-child .bet-odds {
  border-top-left-radius: 3px;
}

.widget-odds .match-bet li:last-child .bet-odds {
  border-top-right-radius: 3px;
}

.heading-tabs {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 0;
  margin-top: 0;
}

.widget-heading-small {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.widget-team-vote .vote-action .btn-generic {
  color: #E01B2F;
}

.widget-team-vote .vote-action .btn-generic:hover {
  color: #FFF !important;
}

.widget-news-article-share .share-media {
  margin-bottom: 0;
}

.widget-team-ranking .team-ranking-players .player-name {
  margin-bottom: 0;
}

.widget-news-article-share .share-count {
  color: #1C242E;
}

.wrap-width {
  max-width: 1226px;
}

.widget-livescore-list .section-header .name {
  margin-bottom: 0;
}

.table-foot {
  padding: 0;
}

.widget-carousel-matches .match-finished h6,
.widget-carousel-matches .match-live h6 {
  color: #FFF;
}

.widget-heading-small + .box-generic, .widget-heading-large + .box-generic {
  margin-top: 20px;
}

.widget-team-vote .vote-count {
  font-family: "Barlow", sans-serif;
}

.widget-header-breadcrumb {
  padding-top: 0;
  padding-bottom: 30px;
}

.ls-header {
  background-color: #FFF !important;
}

.widget-carousel-livescore-dates {
  background-color: #FFF !important;
}

.wrap-width {
  width: 100%;
}

.heading-tabs .calendar-trigger {
  background-color: #FFF;
  border: none;
}

.widget-team-accordion .section-header {
  padding-top: 0;
}

.widget-team-accordion .section-header .name {
  margin-bottom: 0;
}

.calendar-trigger {
  padding: 0;
}

.widget-carousel-livescore-dates .day {
  margin-bottom: 0;
  margin-top: 8px;
}

.widget-livescore-list .section-header {
  padding-top: 0;
}

.widget-livescore-list .section-header .flag {
  margin-bottom: 0;
}

.widget-livescore-list .section-header h5 {
  margin-bottom: 0;
}

.widget-header-mobile-breadcrumb {
  width: 100%;
  background-image: -webkit-gradient(linear, right top, left top, from(#005F6A), to(#00326A));
  background-image: linear-gradient(to left, #005F6A 0%, #00326A 100%);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.widget-header-mobile-breadcrumb h5 {
  margin-bottom: 0;
}

.widget-heading-mobile-league {
  width: 100%;
  background-color: #F5F0F3;
}

.widget-category-dropdown {
  margin-bottom: 0;
  padding-bottom: 20px;
}

.widget-tabs-lined .tab-nav {
  margin-bottom: 0;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.widget-category-dropdown {
  width: 100%;
}

.widget-header-mobile-breadcrumb .toggle-switch .toggle-switch-label {
  margin: 0;
}

.widget-header-mobile-breadcrumb .toggle-switch-label::before {
  border: none;
}

.widget-header-mobile-breadcrumb .toggle-switch .toggle-switch-label::after {
  top: 0;
  left: 0;
}

.widget-category-nav {
  background-color: #F5F0F3;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 10px;
  margin-top: -10px;
}

.widget-category-nav .content {
  background-color: transparent;
}

.widget-category-nav .content h5 {
  margin-bottom: 0;
}

.widget-livescore-list .widget-odds {
  margin: 10px 0 0 0;
}

.widget-tabs-lined-mobile {
  width: 100%;
}

.widget-heading-generic {
  margin-top: 0;
  background-color: #FFF;
}

.widget-standings-list .st-table-foot {
  display: block;
  padding: 0;
}

.widget-carousel-livescore-dates {
  background-color: #F5F0F3;
  -webkit-box-shadow: 0 -20px 0 #F5F0F3;
          box-shadow: 0 -20px 0 #F5F0F3;
}

.calendar-trigger {
  background-color: #F5F0F3;
}

.widget-carousel-livescore-dates + .calendar-trigger {
  margin-top: -10px;
}

.toggle-switch .toggle-switch-label {
  margin: 0;
}

.widget {
  width: 100%;
}

.widget-team-vote .vote-action button {
  color: #1C242E;
  margin-top: 0;
}

.bar-wrap ul {
  margin-bottom: 0;
}

.widget-prediction-poll-mobile {
  margin: 0;
  padding: 0;
}

.widget-prediction-poll-mobile .widget-odds {
  margin: 0;
  padding-bottom: 20px;
}

.widget-team-squad .squad-list .player-name {
  margin-bottom: 0;
}

.widget-team-squad .squad-list .player {
  padding: 15px 10px;
}

.widget-team-squad .squad-list .player-image {
  margin-bottom: 5px;
}

.widget-team-squad .squad-list .player-rank {
  font-size: 12px;
}

.widget-header-mobile-breadcrumb .watch-live .label {
  color: #FFB600;
  font-size: 10px;
  vertical-align: middle;
}

.widget-header-mobile-breadcrumb .watch-live .icon.icon-event-livetv-small {
  background-image: url(../src/image/icon/i_event_livetv_small-yellow.png);
}

.widget-livescore-list .team-name,
.widget-livescore-list .dashboard-result {
  font-size: 15px;
  display: inline-block;
}

.widget-livescore-list .widget-odds .bet-odds,
.widget-livescore-list .widget-odds .bet-label {
  font-size: 12px;
}

.widget-tabs-lined .tab-nav a {
  font-size: 15px;
}

.widget-league-scorer .sc-table,
.widget-league-standings .st-table {
  font-size: 15px;
}

.widget-team-list-vertical .name {
  font-size: 15px;
}

.match-timeline-list h6,
.prediction-content h6,
.match-goals h6,
.match-teams-generic h6 {
  font-size: 15px !important;
  text-transform: none;
  color: #1C242E;
}

.widget-match-inline-mobile .timeline-event {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.widget-match-inline-mobile .timeline-event-text {
  padding-bottom: 0;
}

.widget-match-inline-mobile .timeline-event-text span {
  font-size: 13px;
  display: block;
  margin-top: 3px;
}

.widget-match-topscorers .player-name {
  font-size: 15px;
  margin-bottom: 0;
}

.widget-match-topscorers .match-people-left .player-text .player-position {
  font-size: 12px;
}

.match-compare-generic .team-league .name {
  font-size: 15px;
  margin-bottom: 0;
}

.match-compare-generic.footer .link {
  font-size: 12px;
}

.match-season-text {
  font-size: 15px;
}

.player-table {
  font-size: 15px;
}

.player-table .name {
  font-size: 15px;
}

.player-table .cell {
  font-size: 12px;
}

.widget-odds-main-container {
  position: relative !important;
}

.widget-odds-main-container .odds-container {
  background-color: transparent !important;
  padding: 0 15px;
  margin-bottom: 30px;
}

@media all and (min-width: 768px) {
  .widget-odds-main-container .odds-container {
    padding: 0 30px;
  }
}

@media all and (min-width: 1024px) {
  .widget-odds-main-container .odds-container {
    padding: 0;
  }
}

.widget-odds-main-container .odds-view {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  border: none !important;
  margin-bottom: 8px !important;
}

.widget-odds-main-container .odds-view .odd-brand {
  width: 125px !important;
  height: 36px !important;
  display: block !important;
  padding: 0 !important;
  border-radius: 3px !important;
  background-color: #00326A !important;
}

.widget-odds-main-container .odds-view .odd-brand .brand-image-container {
  width: 125px !important;
  height: 36px !important;
}

@media (max-width: 768px) {
  .widget-odds-main-container .odds-view .odd-brand .brand-image-container {
    width: 248px !important;
    margin-top: 19px !important;
    border-radius: 3px !important;
  }
}

.widget-odds-main-container .odds-view .odd-brand img {
  -o-object-fit: contain !important;
     object-fit: contain !important;
  -o-object-position: center;
     object-position: center;
  height: 100% !important;
  width: 100% !important;
}

@media (max-width: 768px) {
  .widget-odds-main-container .odds-view .odd-brand {
    width: 248px !important;
  }
}

.widget-odds-main-container .odds-view .team-logo {
  width: 62px !important;
  height: 62px !important;
  padding: 0 !important;
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 !important;
          flex: 1 !important;
  background-image: url(../images/bg-odds.svg) !important;
  background-repeat: repeat-x;
  background-position: center;
  margin: 0 4px !important;
}

.widget-odds-main-container .odds-view .team-logo img {
  -o-object-fit: contain !important;
     object-fit: contain !important;
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}

.widget-odds-main-container .odds-view .odds-coefficient .odd-1,
.widget-odds-main-container .odds-view .odds-coefficient .odd-x,
.widget-odds-main-container .odds-view .odds-coefficient .odd-2 {
  position: relative !important;
  width: 60px !important;
  height: 36px !important;
  background-color: #EBE3E7 !important;
  border-radius: 3px !important;
  margin: 0 2px !important;
  border: none !important;
}

.widget-odds-main-container .odds-view .odds-coefficient .odd-1 .odd-label,
.widget-odds-main-container .odds-view .odds-coefficient .odd-x .odd-label,
.widget-odds-main-container .odds-view .odds-coefficient .odd-2 .odd-label {
  position: absolute !important;
  width: 100% !important;
  top: -15px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

.widget-odds-main-container .odds-view .odds-coefficient .odd-1 span:last-child,
.widget-odds-main-container .odds-view .odds-coefficient .odd-x span:last-child,
.widget-odds-main-container .odds-view .odds-coefficient .odd-2 span:last-child {
  border: none !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  background-color: transparent !important;
  padding-top: 2px !important;
}

@media (max-width: 768px) {
  .widget-odds-main-container .odds-view .odds-coefficient .odd-1,
  .widget-odds-main-container .odds-view .odds-coefficient .odd-x,
  .widget-odds-main-container .odds-view .odds-coefficient .odd-2 {
    padding-top: 5px !important;
    height: 45px !important;
  }
}

@media (max-width: 768px) {
  .widget-odds-main-container .odds-view .odds-coefficient {
    border: none !important;
  }
}

.widget-odds-main-container .odds-view .odds-link {
  width: 125px !important;
  height: 36px !important;
  border-radius: 3px !important;
  background-color: #EBE3E7 !important;
  margin: 0 !important;
  text-align: center !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

.widget-odds-main-container .odds-view .odds-link > a {
  display: block !important;
  width: 100%;
  color: #E01B2F !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  letter-spacing: 1px !important;
  margin: 0 !important;
}

.widget-odds-main-container .odds-view .odds-link > a::after {
  display: none;
}

@media (max-width: 768px) {
  .widget-odds-main-container .odds-view .odds-link {
    display: none !important;
  }
}

.widget-odds-main-container .odds-view.theme-pinnaclesports .odd-brand {
  background-color: #101928 !important;
}

.widget-odds-main-container .odds-view.theme-betfair .odd-brand {
  background-color: #fec101 !important;
}

.widget-odds-main-container .odds-view.theme-bet365 .odd-brand {
  background-color: #027B5B !important;
}

.widget-odds-main-container .odds-view.theme-bwin .odd-brand {
  background-color: #000 !important;
}

.widget-odds-main-container .odds-view.theme-skybet .odd-brand {
  background-color: #fff !important;
}

.widget-odds-main-container .odds-view.theme-willhill .odd-brand {
  background-color: #022E49 !important;
}

.widget-odds-main-container .odds-view.theme-marathonbet .odd-brand {
  background-color: #CB2129 !important;
}

.widget-odds-main-container .odds-view.theme-efbet .odd-brand {
  background-color: #000 !important;
}

.widget-odds-main-container .odds-view:first-child {
  margin-bottom: 2px !important;
}

div[data-widgetId='widget-match-header'] .widget-match-header {
  background: #F5F0F3 !important;
  border-radius: 10px !important;
  padding: 20px 20px 1px !important;
  font-family: "Barlow", sans-serif !important;
}

div[data-widgetId='widget-match-header'] .widget-match-header .championshipName {
  color: #E01B2F !important;
  margin-bottom: 10px !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  font-size: 14px !important;
}

div[data-widgetId='widget-match-header'] .widget-match-header .teamsInfo {
  font-size: 28px;
  line-height: 1.1;
  letter-spacing: -.2px;
}

div[data-widgetId='widget-match-header'] .widget-match-header .teamsInfo .goalInfo {
  width: 90px !important;
  margin-left: 15px !important;
  margin-right: 15px !important;
  font-size: 28px !important;
}

div[data-widgetId='widget-match-header'] .widget-match-header .teamsInfo .goalInfo .goals {
  background-color: #FFB600;
  border-radius: 3px;
  padding: 7px 3px 8px;
}

div[data-widgetId='widget-match-header'] .widget-match-header .teamsInfo .homeTeam,
div[data-widgetId='widget-match-header'] .widget-match-header .teamsInfo .awayTeam {
  width: auto !important;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

div[data-widgetId='widget-match-header'] .widget-match-header .teamsInfo .homeTeam .homeTeamName,
div[data-widgetId='widget-match-header'] .widget-match-header .teamsInfo .awayTeam .homeTeamName {
  text-align: right;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 0 !important;
}

@media (max-width: 768px) {
  div[data-widgetId='widget-match-header'] .widget-match-header .teamsInfo .homeTeam .homeTeamName,
  div[data-widgetId='widget-match-header'] .widget-match-header .teamsInfo .awayTeam .homeTeamName {
    font-size: 16px;
  }
}

div[data-widgetId='widget-match-header'] .widget-match-header .teamsInfo .homeTeam .awayTeamName,
div[data-widgetId='widget-match-header'] .widget-match-header .teamsInfo .awayTeam .awayTeamName {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: left;
  margin-left: 0 !important;
}

@media (max-width: 768px) {
  div[data-widgetId='widget-match-header'] .widget-match-header .teamsInfo .homeTeam .awayTeamName,
  div[data-widgetId='widget-match-header'] .widget-match-header .teamsInfo .awayTeam .awayTeamName {
    font-size: 16px;
  }
}

div[data-widgetId='widget-match-header'] .widget-match-header .teamsInfo .homeTeam .homeTeamLogo,
div[data-widgetId='widget-match-header'] .widget-match-header .teamsInfo .homeTeam .awayTeamLogo,
div[data-widgetId='widget-match-header'] .widget-match-header .teamsInfo .awayTeam .homeTeamLogo,
div[data-widgetId='widget-match-header'] .widget-match-header .teamsInfo .awayTeam .awayTeamLogo {
  width: 62px !important;
  height: 62px !important;
}

div[data-widgetId='widget-match-header'] .widget-match-header .teamsInfo .homeTeam .homeTeamLogo img,
div[data-widgetId='widget-match-header'] .widget-match-header .teamsInfo .homeTeam .awayTeamLogo img,
div[data-widgetId='widget-match-header'] .widget-match-header .teamsInfo .awayTeam .homeTeamLogo img,
div[data-widgetId='widget-match-header'] .widget-match-header .teamsInfo .awayTeam .awayTeamLogo img {
  -o-object-fit: contain !important;
     object-fit: contain !important;
  width: 100% !important;
  height: 100% !important;
}

@media (max-width: 768px) {
  div[data-widgetId='widget-match-header'] .widget-match-header .teamsInfo .homeTeam .homeTeamLogo,
  div[data-widgetId='widget-match-header'] .widget-match-header .teamsInfo .homeTeam .awayTeamLogo,
  div[data-widgetId='widget-match-header'] .widget-match-header .teamsInfo .awayTeam .homeTeamLogo,
  div[data-widgetId='widget-match-header'] .widget-match-header .teamsInfo .awayTeam .awayTeamLogo {
    width: 35px !important;
    height: 35px !important;
  }
}

div[data-widgetId='widget-match-header'] .widget-match-header .widget-odds-main-container .odds-view .odds-coefficient .odd-1,
div[data-widgetId='widget-match-header'] .widget-match-header .widget-odds-main-container .odds-view .odds-coefficient .odd-x,
div[data-widgetId='widget-match-header'] .widget-match-header .widget-odds-main-container .odds-view .odds-coefficient .odd-2 {
  background-color: #FFF !important;
}

div[data-widgetId='widget-match-header'] .widget-match-header .widget-odds-main-container .odds-view .odds-coefficient .odd-1 span:last-child,
div[data-widgetId='widget-match-header'] .widget-match-header .widget-odds-main-container .odds-view .odds-coefficient .odd-x span:last-child,
div[data-widgetId='widget-match-header'] .widget-match-header .widget-odds-main-container .odds-view .odds-coefficient .odd-2 span:last-child {
  background-color: #FFF !important;
  border-radius: 3px !important;
}

div[data-widgetId='widget-match-header'] .widget-match-header .widget-odds-main-container .odds-view .team-logo {
  display: block !important;
}

div[data-widgetId='widget-match-header'] .widget-match-header .widget-odds-main-container .odds-view .team-logo img {
  display: none !important;
}

div[data-widgetId='widget-match-header'] .widget-match-header .widget-odds-main-container .odds-view .odds-link {
  background-color: #FFF !important;
}

.news-item .thumb div[data-widgetId='odds-listing'] {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.85)));
  background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
  position: absolute !important;
  bottom: 0 !important;
  padding: 100px 0 10px;
  width: 100%;
}

.news-item .thumb .widget-odds-main-container {
  width: 100%;
}

.news-item .thumb .widget-odds-main-container .odds-container {
  margin-bottom: 0;
}

.news-item .thumb .widget-odds-main-container .odds-view {
  padding: 0 12px;
}

.news-item .thumb .widget-odds-main-container .odds-view .odd-brand img {
  position: relative !important;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}

@media (max-width: 768px) {
  .news-item .thumb .widget-odds-main-container .odds-view .odd-brand .brand-image-container {
    margin-top: 0 !important;
    position: relative;
    z-index: 1;
  }
}

.news-item .thumb .widget-odds-main-container .odds-view .odds-coefficient .odd-1,
.news-item .thumb .widget-odds-main-container .odds-view .odds-coefficient .odd-x,
.news-item .thumb .widget-odds-main-container .odds-view .odds-coefficient .odd-2 {
  background-color: #FFF !important;
}

.news-item .thumb .widget-odds-main-container .odds-view .odds-coefficient .odd-1 .odd-label,
.news-item .thumb .widget-odds-main-container .odds-view .odds-coefficient .odd-x .odd-label,
.news-item .thumb .widget-odds-main-container .odds-view .odds-coefficient .odd-2 .odd-label {
  color: #FFF !important;
}

.news-item .thumb .widget-odds-main-container .odds-view .odds-coefficient .odd-1 span:last-child,
.news-item .thumb .widget-odds-main-container .odds-view .odds-coefficient .odd-x span:last-child,
.news-item .thumb .widget-odds-main-container .odds-view .odds-coefficient .odd-2 span:last-child {
  background-color: #FFF !important;
  border-radius: 3px !important;
}

.news-item .thumb .widget-odds-main-container .odds-view .team-logo {
  display: block !important;
}

.news-item .thumb .widget-odds-main-container .odds-view .odds-link {
  background-color: #FFF !important;
}

.news-item:hover .thumb .widget-odds-main-container .odds-view .odd-brand img {
  -webkit-transform: none !important;
          transform: none !important;
}

.news-item:hover .thumb .widget-odds-main-container .odds-view .team-logo img {
  -webkit-transform: none !important;
          transform: none !important;
}

.standings-container {
  border: none !important;
}

.standings-container > .table-container ul li.goal-difference {
  width: 100px !important;
  max-width: 100px !important;
}

.standings-container > .table-container ul li.logo {
  width: 32px !important;
  max-width: 32px !important;
  text-align: center !important;
  border-bottom: none !important;
}

.standings-container > .table-container ul li.id {
  width: 35px !important;
  height: 35px !important;
  border-bottom: none !important;
}

@media (max-width: 768px) {
  .standings-container > .table-container ul li.id {
    max-width: 35px !important;
  }
}

.standings-container > .table-container ul li.id span {
  background-image: url(../images/mask-no.svg) !important;
  background-size: contain !important;
  background-color: #F5F0F3 !important;
  width: 35px !important;
  height: 35px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 5px 12px 0 0 !important;
  margin-top: -3px !important;
}

@media (max-width: 768px) {
  .standings-container > .table-container ul li.id span {
    text-align: center !important;
  }
}

.standings-container > .table-container ul li.id span.championsleague {
  background-color: #DFF4C7 !important;
}

.standings-container > .table-container ul li.id span.uefacup {
  background-color: #FFE8AB !important;
}

.standings-container > .table-container ul li.id span.relegation {
  background-color: #FBDDE0 !important;
}

.standings-container > .table-container ul li.team {
  width: auto !important;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: 700;
}

.standings-container > .table-container ul li.matches-played, .standings-container > .table-container ul li.wins, .standings-container > .table-container ul li.draws, .standings-container > .table-container ul li.loses, .standings-container > .table-container ul li.points {
  width: 33px !important;
  max-width: 33px !important;
}

.standings-container > .table-container ul li.points {
  text-align: right !important;
}

.standings-container .table-header {
  padding-right: 0 !important;
  border-bottom: none !important;
  margin-bottom: 0 !important;
  height: 34px !important;
}

.standings-container .table-row {
  padding: 0 !important;
  height: auto !important;
}

.standings-container .table-row:nth-child(2n + 1) {
  background-color: #FFF !important;
}

.standings-container ul {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important;
}

.standings-container ul > li {
  font-size: 16px !important;
  color: #1C242E !important;
  border-bottom: 1px solid #F5F0F3 !important;
  background-color: none !important;
  padding-top: 2px !important;
  padding-bottom: 6px !important;
}

.standings-container ul.tb-head > li {
  padding: 8px 0 0 !important;
  color: rgba(28, 36, 46, 0.5) !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px;
  font-weight: 700 !important;
}

.standings-container ul.tb-head > li.id {
  font-size: 0 !important;
}

.standings-container a {
  color: #1C242E !important;
}

.statistics .results div[data-widgetId='odds-listing'] {
  background-color: #FFF !important;
  -webkit-box-shadow: 0 -5px 0 #FFF !important;
          box-shadow: 0 -5px 0 #FFF !important;
  position: relative;
  margin-top: -6px;
}

@media (max-width: 768px) {
  .statistics .results div[data-widgetId='odds-listing'] {
    margin-top: 11px !important;
    -webkit-box-shadow: 0 -13px 0 #FFF !important;
            box-shadow: 0 -13px 0 #FFF !important;
  }
}

.statistics .results div[data-widgetId='odds-listing'] .widget-odds-main-container .odds-container {
  margin-bottom: 0 !important;
}

@media (max-width: 768px) {
  .statistics .results div[data-widgetId='odds-listing'] .widget-odds-main-container .odds-container {
    padding: 0 !important;
  }
}

@media (max-width: 768px) {
  .statistics .results div[data-widgetId='odds-listing'] .widget-odds-main-container .odds-view {
    padding-bottom: 30px !important;
    max-height: 64px !important;
  }
}

.statistics .results div[data-widgetId='odds-listing'] .widget-odds-main-container .odds-view .team-logo {
  height: 25px !important;
}

.statistics .results div[data-widgetId='odds-listing'] .widget-odds-main-container .odds-view .team-logo img {
  display: none !important;
}

.statistics .results div[data-widgetId='odds-listing'] .widget-odds-main-container .odds-view .odd-brand {
  width: 115px !important;
  height: 25px !important;
}

.statistics .results div[data-widgetId='odds-listing'] .widget-odds-main-container .odds-view .odd-brand .brand-image-container {
  width: 115px !important;
  height: 25px !important;
}

.statistics .results div[data-widgetId='odds-listing'] .widget-odds-main-container .odds-view .odds-link {
  width: 115px !important;
  height: 25px !important;
}

.statistics .results div[data-widgetId='odds-listing'] .widget-odds-main-container .odds-view .odds-coefficient .odd-1,
.statistics .results div[data-widgetId='odds-listing'] .widget-odds-main-container .odds-view .odds-coefficient .odd-x,
.statistics .results div[data-widgetId='odds-listing'] .widget-odds-main-container .odds-view .odds-coefficient .odd-2 {
  height: 25px !important;
  width: 47px !important;
}

@media (max-width: 768px) {
  .statistics .results div[data-widgetId='odds-listing'] .widget-odds-main-container .odds-view .odds-coefficient .odd-1,
  .statistics .results div[data-widgetId='odds-listing'] .widget-odds-main-container .odds-view .odds-coefficient .odd-x,
  .statistics .results div[data-widgetId='odds-listing'] .widget-odds-main-container .odds-view .odds-coefficient .odd-2 {
    padding-top: 0 !important;
  }
}

.statistics .results div[data-widgetId='odds-listing'] .widget-odds-main-container .odds-view .odds-coefficient .odd-1 .odd-label,
.statistics .results div[data-widgetId='odds-listing'] .widget-odds-main-container .odds-view .odds-coefficient .odd-x .odd-label,
.statistics .results div[data-widgetId='odds-listing'] .widget-odds-main-container .odds-view .odds-coefficient .odd-2 .odd-label {
  font-size: 9px !important;
  opacity: .5 !important;
}

.statistics .results div[data-widgetId='odds-listing'] .widget-odds-main-container .odds-view .odds-coefficient .odd-1 span:last-child,
.statistics .results div[data-widgetId='odds-listing'] .widget-odds-main-container .odds-view .odds-coefficient .odd-x span:last-child,
.statistics .results div[data-widgetId='odds-listing'] .widget-odds-main-container .odds-view .odds-coefficient .odd-2 span:last-child {
  font-size: 16px !important;
  font-weight: 400 !important;
  display: block !important;
  padding-top: 0 !important;
  margin-top: -4px !important;
}

.stat-item {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}

.stat-info {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
  padding: 5px 0;
}

.stat-info span:first-child {
  width: 50px;
  text-align-last: left;
}

.stat-info span:last-child {
  width: 50px;
  text-align-last: right;
}

.stat-bar-chart {
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.stat-bar-chart * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  height: 5px;
}

.stat-bar-chart .host-stat {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.stat-bar-chart .host-stat div {
  background-color: #004A9C;
}

.stat-bar-chart .guest-stat {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.stat-bar-chart .guest-stat div {
  background-color: #E01B2F;
}

.possession-chart-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 15px 0;
}

.possession-chart-wrapper .possession-percentage:first-child {
  text-align: right;
}

.possession-chart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 130px;
  height: 130px;
  margin: 0 10px;
}

.possession-chart h2,
.possession-chart .h2 {
  text-align: center;
  letter-spacing: normal;
  font-size: 18px;
}

.possession-chart .stats-donut-chart {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.possession-percentage {
  font-size: 18px;
  width: 50px;
  text-align: left;
}

.stats-donut-chart {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.stats-donut-chart circle {
  stroke: #004A9C;
  stroke-width: 10;
  stroke-dasharray: 286%;
}

.stats-donut-chart circle.circle-guests {
  stroke: #E01B2F;
}

div[data-widgetId="odds-listing"] a, div[data-widgetId="odds-listing"] abbr, div[data-widgetId="odds-listing"] acronym, div[data-widgetId="odds-listing"] address, div[data-widgetId="odds-listing"] applet, div[data-widgetId="odds-listing"] article, div[data-widgetId="odds-listing"] aside, div[data-widgetId="odds-listing"] audio, div[data-widgetId="odds-listing"] b, div[data-widgetId="odds-listing"] big, div[data-widgetId="odds-listing"] blockquote, div[data-widgetId="odds-listing"] canvas, div[data-widgetId="odds-listing"] caption, div[data-widgetId="odds-listing"] center, div[data-widgetId="odds-listing"] cite, div[data-widgetId="odds-listing"] code, div[data-widgetId="odds-listing"] dd, div[data-widgetId="odds-listing"] del, div[data-widgetId="odds-listing"] details, div[data-widgetId="odds-listing"] dfn, div[data-widgetId="odds-listing"] div, div[data-widgetId="odds-listing"] dl, div[data-widgetId="odds-listing"] dt, div[data-widgetId="odds-listing"] em, div[data-widgetId="odds-listing"] embed, div[data-widgetId="odds-listing"] fieldset, div[data-widgetId="odds-listing"] figcaption, div[data-widgetId="odds-listing"] figure, div[data-widgetId="odds-listing"] footer, div[data-widgetId="odds-listing"] form, div[data-widgetId="odds-listing"] h1, div[data-widgetId="odds-listing"] h2, div[data-widgetId="odds-listing"] h3, div[data-widgetId="odds-listing"] h4, div[data-widgetId="odds-listing"] h5, div[data-widgetId="odds-listing"] h6, div[data-widgetId="odds-listing"] header, div[data-widgetId="odds-listing"] hgroup, div[data-widgetId="odds-listing"] i, div[data-widgetId="odds-listing"] iframe, div[data-widgetId="odds-listing"] img, div[data-widgetId="odds-listing"] ins, div[data-widgetId="odds-listing"] kbd, div[data-widgetId="odds-listing"] label, div[data-widgetId="odds-listing"] legend, div[data-widgetId="odds-listing"] li, div[data-widgetId="odds-listing"] mark, div[data-widgetId="odds-listing"] menu, div[data-widgetId="odds-listing"] nav, div[data-widgetId="odds-listing"] object, div[data-widgetId="odds-listing"] ol, div[data-widgetId="odds-listing"] output, div[data-widgetId="odds-listing"] p, div[data-widgetId="odds-listing"] pre, div[data-widgetId="odds-listing"] q, div[data-widgetId="odds-listing"] ruby, div[data-widgetId="odds-listing"] s, div[data-widgetId="odds-listing"] samp, div[data-widgetId="odds-listing"] section, div[data-widgetId="odds-listing"] small, div[data-widgetId="odds-listing"] span, div[data-widgetId="odds-listing"] strike, div[data-widgetId="odds-listing"] strong, div[data-widgetId="odds-listing"] sub, div[data-widgetId="odds-listing"] summary, div[data-widgetId="odds-listing"] sup, div[data-widgetId="odds-listing"] table, div[data-widgetId="odds-listing"] tbody, div[data-widgetId="odds-listing"] td, div[data-widgetId="odds-listing"] tfoot, div[data-widgetId="odds-listing"] th, div[data-widgetId="odds-listing"] thead, div[data-widgetId="odds-listing"] time, div[data-widgetId="odds-listing"] tr, div[data-widgetId="odds-listing"] tt, div[data-widgetId="odds-listing"] u, div[data-widgetId="odds-listing"] ul, div[data-widgetId="odds-listing"] var, div[data-widgetId="odds-listing"] video {
  font-family: "Barlow", sans-serif !important;
}

div[data-widgetId="odds-listing"] .box-generic {
  border: none !important;
}

div[data-widgetId="odds-listing"] .widget-news-article .widget-odds {
  border: none !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  background-image: url(../images/bg-odds-re.svg) !important;
  background-repeat: repeat-x;
  background-position: center;
}

div[data-widgetId="odds-listing"] a img {
  height: 30px;
  width: 150px;
}

div[data-widgetId="odds-listing"] .widget-odds .widget-view-more {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  background-color: #EBE3E7;
  height: 30px !important;
  text-align: center !important;
  text-transform: uppercase !important;
  color: #E01B2F !important;
  font-size: 11px !important;
  letter-spacing: 1px;
  border-radius: 3px !important;
}

div[data-widgetId="odds-listing"] .widget-view-more .icon {
  display: none !important;
}

div[data-widgetId="odds-listing"] .widget-view-more .label::after {
  content: "\00bb";
  margin-left: 4px;
}

div[data-widgetId="odds-listing"] .widget-odds .match-bet-wrap {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -ms-flex-pack: distribute !important;
      justify-content: space-around !important;
  padding: 0 2% !important;
}

div[data-widgetId="odds-listing"] .widget-odds .bet-label {
  position: absolute !important;
  top: -25px !important;
  width: 100% !important;
  text-align: center !important;
  font-size: 11px !important;
}

div[data-widgetId="odds-listing"] .widget-odds .match-bet li {
  position: relative !important;
  margin: 0 2px !important;
}

div[data-widgetId="odds-listing"] .widget-odds .match-bet li a {
  display: block;
}

div[data-widgetId="odds-listing"] .widget-odds .bet-odds {
  border: none !important;
  border-radius: 3px !important;
  height: 30px !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  padding: 0 !important;
  background-color: #EBE3E7 !important;
  -webkit-box-shadow: 0 0 0 2px #FFF;
          box-shadow: 0 0 0 2px #FFF;
  width: 70px !important;
  text-align: center !important;
  line-height: 1.4 !important;
}

div[data-widgetId="odds-listing"] .widget-news-article .match-bet {
  padding: 0 !important;
}

div[data-widgetId="odds-listing"] .widget-odds .team-logo {
  width: auto !important;
  margin: 0 !important;
  max-width: none !important;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center !important;
}

div[data-widgetId="odds-listing"].prediction-widget .widget-prediction-poll {
  background-color: #F5F0F3 !important;
  padding: 20px !important;
  border-radius: 10px !important;
}

div[data-widgetId="odds-listing"].prediction-widget .widget-prediction-poll .match-league,
div[data-widgetId="odds-listing"].prediction-widget .widget-prediction-poll .match-week {
  text-transform: uppercase !important;
  font-size: 14px !important;
  margin-top: 0 !important;
}

div[data-widgetId="odds-listing"].prediction-widget .widget-odds .match-bet li .bet-odds {
  -webkit-box-shadow: 0 0 0 2px #F5F0F3;
          box-shadow: 0 0 0 2px #F5F0F3;
  background-color: #FFF !important;
}

div[data-widgetId="odds-listing"].prediction-widget .widget-odds .widget-view-more {
  background-color: #FFF !important;
}

div[data-widgetId="odds-listing"].prediction-widget .widget-prediction-poll .prediction-content {
  padding: 5px 0 25px !important;
}

div[data-widgetId="odds-listing"] .widget-prediction-poll .match-status {
  width: auto !important;
  background-color: #FFF;
  padding: 9px 12px 5px;
  border-radius: 3px;
  margin: 0;
}

div[data-widgetId="odds-listing"] .widget-prediction-poll .team-logo {
  max-width: 60px !important;
  max-height: 60px !important;
}

div[data-widgetId="odds-listing"] .widget-prediction-poll .match-team {
  width: auto !important;
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 !important;
          flex: 1 !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

div[data-widgetId="odds-listing"] .widget-prediction-poll .match-team img {
  margin: 0 15px !important;
}

div[data-widgetId="odds-listing"] .widget-prediction-poll .match-team h6 {
  margin: 0 0 3px !important;
  padding: 0 !important;
  font-size: 28px !important;
  letter-spacing: -.25px !important;
  line-height: 1.1;
}

div[data-widgetId="odds-listing"] .widget-prediction-poll .match-team:last-child h6 {
  text-align: left !important;
}

div[data-widgetId="odds-listing"] .widget-prediction-poll .match-team:first-child h6 {
  text-align: right !important;
}

.news-item div[data-widgetId="odds-listing"] {
  width: 100%;
  margin: -5px 0 !important;
}

.news-item div[data-widgetId="odds-listing"] .widget-odds .widget-view-more {
  width: 30px !important;
  padding: 0 !important;
}

.news-item div[data-widgetId="odds-listing"] .widget-view-more .label {
  font-size: 0 !important;
}

.news-item div[data-widgetId="odds-listing"] .widget-view-more .label::after {
  font-size: 12px !important;
  margin: 0 0 0 -8px !important;
}

.news-item .thumb div[data-widgetId="odds-listing"] .box-generic,
.news-item .thumb div[data-widgetId="odds-listing"] .widget-prediction-poll {
  background-color: transparent !important;
}

.news-item .thumb div[data-widgetId="odds-listing"] .widget-news-article .widget-odds {
  background-image: none !important;
  -webkit-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important;
  margin-bottom: 5px !important;
}

.news-item .thumb div[data-widgetId="odds-listing"] .widget-odds .match-bet li .bet-odds {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.news-item .thumb div[data-widgetId="odds-listing"] .widget-odds .bet-label {
  color: #FFF !important;
  top: -20px !important;
}

.news-item .thumb div[data-widgetId="odds-listing"] .widget-odds .odds-provider {
  margin-left: 10px !important;
}

.news-item .thumb div[data-widgetId="odds-listing"] .widget-odds .widget-view-more {
  margin-right: 10px !important;
}

.news-item .thumb div[data-widgetId="odds-listing"] .widget-odds .match-bet-wrap {
  -webkit-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important;
}

.statistics div[data-widgetId="odds-listing"] .widget-odds .team-logo img {
  display: none !important;
}

div[data-widgetId="odds-listing"] .widget-prediction-poll .prediction-content + div {
  text-align: center;
}

div[data-widgetId="odds-listing"] .widget-prediction-poll .prediction-content + div .the-dropdown {
  margin: 0 5px 30px !important;
}

div[data-widgetId="odds-listing"] .widget-prediction-poll .prediction-content + div .the-dropdown #dropdown__selected,
div[data-widgetId="odds-listing"] .widget-prediction-poll .prediction-content + div .the-dropdown .dropdown__list-item {
  padding: 10px 15px !important;
}

div[data-widgetId="odds-listing"] .widget-prediction-poll .prediction-content + div .the-dropdown .dropdown__arrow {
  top: 45% !important;
}

div[data-widgetid="team"] .widget-container {
  background-color: transparent !important;
}

div[data-widgetid="team"] .team-profile-container {
  background-color: rgba(245, 240, 243, 0.25);
  padding: 0 !important;
}

@media all and (max-width: 767px) {
  div[data-widgetid="team"] .team-profile-container {
    background-color: #FFF;
    padding-bottom: 15px !important;
  }
}

div[data-widgetid="team"] .widget-container .team-name,
div[data-widgetid="team"] .team-profile-container,
div[data-widgetid="team"] .statistics-container,
div[data-widgetid="team"] .widget-container .odds,
div[data-widgetid="player"] .widget-container .player-name,
div[data-widgetid="player"] .player-profile-container,
div[data-widgetid="player"] .teams-info-container,
div[data-widgetid="player"] .statistics-container,
div[data-widgetid="player"] .widget-container .container-label,
.smp-standings-widget *,
.tournament-wrapper,
.fixture-match-component-wrapper {
  font-family: "Barlow", sans-serif !important;
}

div[data-widgetid="team"] .widget-container .team-name .team-name-title {
  font-weight: 700;
}

div[data-widgetid="team"] .statistics-container .statistics-container-label,
div[data-widgetid="team"] .widget-container .odds .odds-label {
  font-weight: 700;
  background-color: transparent !important;
  padding: 25px 12px 12px !important;
}

div[data-widgetid="team"] .widget-container .team-name {
  background-color: transparent !important;
}

div[data-widgetid="team"] .statistics-container .statistics-items-container .statistic .statistics-info-container .stats-label {
  margin-top: 12px !important;
  line-height: 1.2 !important;
  text-align: left !important;
}

@media all and (max-width: 767px) {
  div[data-widgetid="team"] .statistics-container .statistics-items-container .statistic .statistics-info-container .stats-label {
    margin-top: -6px !important;
  }
}

div[data-widgetid="team"] .statistics-container .statistics-items-container .statistic .statistics-info-container .stats-value {
  text-align: left !important;
}

div[data-widgetid="team"] .statistics-container .statistics-items-container {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-color: transparent !important;
}

div[data-widgetid="team"] .statistics-container .statistics-items-container .statistic {
  width: 20% !important;
  padding-left: 12px;
}

@media all and (max-width: 767px) {
  div[data-widgetid="team"] .statistics-container .statistics-items-container .statistic {
    width: 33% !important;
    padding-top: 2px !important;
  }
}

div[data-widgetid="team"] .statistics-container .statistics-items-container .statistic .statistics-info-container {
  border-left: none !important;
  border-right: none !important;
}

div[data-widgetId="odds-listing"] .widget-odds .match-bet li a:hover {
  border-bottom: none !important;
}

div[data-widgetid="team"] .statistics-container + div[data-widgetid="team"] .border-separator {
  display: none;
}

div[data-widgetid="team"] .widget-container .odds div[data-widgetId="odds-listing"] .widget-news-article .widget-odds {
  padding-top: 0 !important;
  margin: 20px 0 0 !important;
}

div[data-widgetid="player"] .widget-container {
  max-width: 100% !important;
  background-color: transparent !important;
}

div[data-widgetid="player"] .widget-container .border-separator {
  max-width: 100% !important;
}

div[data-widgetid="player"] .widget-container .player-name {
  background-color: transparent !important;
  font-weight: 700 !important;
  padding-left: 12px !important;
}

div[data-widgetid="player"] .player-profile-container {
  background-color: rgba(245, 240, 243, 0.25);
}

@media all and (max-width: 767px) {
  div[data-widgetid="player"] .player-profile-container {
    background-color: #FFF;
  }
}

div[data-widgetid="player"] .player-profile-container .player-profile-info .player-info-table .player-info-row {
  margin-bottom: 3px !important;
}

@media all and (max-width: 767px) {
  div[data-widgetid="player"] .player-profile-container .player-profile-info .player-info-table .player-info-row {
    margin-bottom: -3px !important;
  }
}

div[data-widgetid="player"] .teams-info-container .teams-info-current-teams,
div[data-widgetid="player"] .statistics-container .statistics-container-label,
div[data-widgetid="player"] .widget-container .container-label {
  font-weight: 700;
  padding: 25px 12px 12px !important;
}

div[data-widgetid="player"] .statistics-container .statistics-items-container .statistic .statistics-info-container .stats-value {
  text-align: left !important;
}

div[data-widgetid="player"] .statistics-container .statistics-items-container .statistic .statistics-info-container .stats-label {
  text-align: left !important;
  margin-top: 12px !important;
  line-height: 1.2 !important;
}

@media all and (max-width: 767px) {
  div[data-widgetid="player"] .statistics-container .statistics-items-container .statistic .statistics-info-container .stats-label {
    margin-top: -6px !important;
  }
}

div[data-widgetid="player"] .statistics-container .statistics-items-container {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  background-color: transparent !important;
}

div[data-widgetid="player"] .statistics-container .statistics-items-container .statistic {
  width: 20% !important;
  padding-left: 12px;
}

@media all and (max-width: 767px) {
  div[data-widgetid="player"] .statistics-container .statistics-items-container .statistic {
    width: 33% !important;
    padding-top: 0 !important;
  }
}

div[data-widgetid="player"] .statistics-container .statistics-items-container .statistic .statistics-info-container {
  border-right: none !important;
}

div[data-widgetid="player"] .statistics-container .statistics-items-container .statistic:nth-child(4), div[data-widgetid="player"] .statistics-container .statistics-items-container .statistic:nth-child(7) {
  display: none !important;
}

div[data-widgetid="player"] .widget-container .container-label {
  border-bottom: 1px solid #ccc;
}

div[data-widgetid="player"] div[data-widgetId="odds-listing"] .widget-news-article .widget-odds:first-child {
  margin-bottom: -15px;
}

div[data-widgetid="team"],
div[data-widgetid="player"],
div[data-widgetid="widget-match"],
div[data-widgetid="fixtures-widget"] {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 12px;
  overflow: hidden;
}

@media all and (max-width: 767px) {
  div[data-widgetid="team"],
  div[data-widgetid="player"],
  div[data-widgetid="widget-match"],
  div[data-widgetid="fixtures-widget"] {
    border: none;
    border-radius: 0;
    background-color: #F5F0F3;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

div[data-widgetid="team"] {
  padding: 4px 24px 20px;
}

@media all and (max-width: 767px) {
  div[data-widgetid="team"] {
    padding-bottom: 0 !important;
  }
}

div[data-widgetid="player"] {
  padding: 8px 24px 12px;
}

div[data-widgetid="widget-match"] {
  padding: 8px 24px 12px;
}

div[data-widgetid="fixtures-widget"] {
  padding: 12px 24px 16px;
}

div[data-widgetid="widget-match"] ul,
div[data-widgetid="widget-match"] ol {
  font-family: "Barlow", sans-serif !important;
}

div[data-widgetid="widget-match"] ul li,
div[data-widgetid="widget-match"] ol li {
  margin-bottom: 0 !important;
}

div[data-widgetid="widget-match"] .smp-match-widget .widget-tabs-lined .tab-content {
  background-color: transparent !important;
}

div[data-widgetid="widget-match"] .smp-match-widget .widget-tabs-lined .tab-nav a {
  height: auto !important;
  padding: 10px 0 !important;
  line-height: 1.1 !important;
  background-color: #F5F0F3;
}

div[data-widgetid="widget-match"] .smp-match-widget .widget-tabs-lined .tab-nav .active a {
  background-color: #FFF !important;
}

div[data-widgetid="widget-match"] .smp-standings-widget > .table-container ul li.team a {
  color: #1C242E !important;
  font-weight: 700;
}

div[data-widgetid="widget-match"] .smp-standings-widget > .table-container ul li.team a:hover {
  border-color: #1C242E;
}

div[data-widgetid="widget-match"] .smp-standings-widget .table-row {
  height: auto !important;
  padding: 4px 3px 5px !important;
}

div[data-widgetid="widget-match"] .smp-standings-widget .table-row.selected {
  background-color: #F5F0F3 !important;
}

div[data-widgetId="odds-listing"] .widget-prediction-poll .match-league,
div[data-widgetId="odds-listing"] .widget-prediction-poll .match-week {
  text-transform: uppercase !important;
  font-size: 14px !important;
}

div[data-widgetId="odds-listing"] .widget-prediction-poll .match-week {
  margin: 0 0 25px !important;
}

.smp-standings-widget .table-row[data-rule-type="promotion"]:before {
  background-color: #DFF4C7 !important;
}

.smp-standings-widget .table-row[data-rule-type="tiertwo"]:before {
  background-color: #FFE8AB !important;
}

.smp-standings-widget .table-row[data-rule-type="relegation"]:before {
  background-color: #FBDDE0 !important;
}

div[data-widgetid="fixtures-widget"] .tournament-wrapper .tournament-name {
  font-size: 24px !important;
  margin-bottom: 20px !important;
}

div[data-widgetid="fixtures-widget"] .tournament-wrapper .tournament-name img {
  width: 28px;
  margin: 2px 10px 0 0 !important;
}

@media all and (max-width: 767px) {
  div[data-widgetid="fixtures-widget"] .tournament-wrapper .tournament-name img {
    margin-top: 10px !important;
  }
}

div[data-widgetid="fixtures-widget"] .fixture-match-component-wrapper .start-date {
  top: 20px !important;
  left: 12px !important;
}

@media all and (max-width: 767px) {
  div[data-widgetid="fixtures-widget"] .fixture-match-component-wrapper .start-date {
    position: static !important;
    text-align: center !important;
    border-bottom: 1px solid #ccc;
    font-size: 12px !important;
  }
}

div[data-widgetid="widget-match"] div[data-widgetId="odds-listing"] .widget-news-article .widget-odds:first-child {
  margin-bottom: 15px !important;
}

div[data-widgetId="odds-listing"] .widget-news-article .widget-odds:first-child {
  margin-bottom: -15px !important;
}

.prediction-widgetdiv[data-widgetId="odds-listing"] .widget-news-article .widget-odds:first-child {
  margin-bottom: -15px !important;
}

div[data-widgetId="odds-listing"] .widget-prediction-poll-mobile .match-league,
div[data-widgetId="odds-listing"] .widget-prediction-poll-mobile .match-week {
  text-transform: uppercase !important;
}

div[data-widgetId="odds-listing"] .widget-prediction-poll-mobile .prediction-content + div {
  text-align: center;
}

div[data-widgetId="odds-listing"] .widget-prediction-poll-mobile .prediction-content + div .the-dropdown {
  margin-left: 0 5px !important;
}

div[data-widgetId="odds-listing"] .widget-prediction-poll-mobile .prediction-content + div .the-dropdown:last-child {
  margin-bottom: 20px !important;
}

div[data-widgetId="odds-listing"] .widget-prediction-poll-mobile .prediction-content + div .the-dropdown #dropdown__selected,
div[data-widgetId="odds-listing"] .widget-prediction-poll-mobile .prediction-content + div .the-dropdown .dropdown__list-item {
  padding: 10px 15px !important;
}

div[data-widgetId="odds-listing"] .widget-prediction-poll-mobile .widget-odds {
  padding-bottom: 0 !important;
}

div[data-widgetId="odds-listing"] .widget-prediction-poll-mobile .widget-odds:last-child {
  padding-bottom: 20px !important;
}

div[data-widgetId="odds-listing"] .widget-prediction-poll-mobile {
  background-color: #F5F0F3 !important;
  padding: 10px 0;
}

div[data-widgetId="odds-listing"] .widget-prediction-poll-mobile .prediction-content {
  background-color: transparent !important;
}

div[data-widgetid="team"] .force-mobile .widget-container .team-info .team-profile-container .team-profile-info .team-info-row .team-info-label {
  font-size: 14px !important;
  width: 30% !important;
}

div[data-widgetid="team"] .force-mobile .widget-container .team-info .team-profile-container .team-profile-info .team-info-row .team-info-value {
  font-size: 14px !important;
}

div[data-widgetid="team"] .force-mobile .widget-container .team-info .team-profile-container .team-profile-info .team-info-row .team-info-separator {
  padding-right: 10px !important;
}

div[data-widgetid="player"] .force-mobile .widget-container .player-club .teams-info-container .teams-info-teams {
  background-color: transparent !important;
}

div[data-widgetid="player"] .force-mobile .widget-container .player-info .player-profile-container .player-profile-info .player-info-row .player-info-label,
div[data-widgetid="player"] .force-mobile .widget-container .player-info .player-profile-container .player-profile-info .player-info-row .player-info-value {
  font-size: 14px !important;
}

div[data-widgetid="fixtures-widget"] .force-mobile .fixture-team-wrapper .team-name {
  font-size: 16px !important;
  line-height: 1.1 !important;
}

div[data-widgetid="fixtures-widget"] .fixture-match-component-wrapper {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media all and (max-width: 767px) {
  div[data-widgetid="fixtures-widget"] .fixture-match-component-wrapper {
    background-color: transparent !important;
  }
}

div[data-widgetid="fixtures-widget"] .force-mobile .fixture-match-component-wrapper .time-score-wrapper .time-score {
  font-size: 16px !important;
}

@media (min-width: 767px) {
	.banner-m-top {
		display:none;
}
}

@media screen and (max-width: 600px) {
 .banner-m-top {
    min-height: 140px;
}
}

.banner.d-only {
	display:none;
}
}
/*# sourceMappingURL=default.css.map */