@charset "UTF-8";
/* cyrillic-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Noto Sans"), local("NotoSans"), url("fonts/o-0IIpQlx3QUlC5A4PNr6DRAW_0.woff2") format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Noto Sans"), local("NotoSans"), url("fonts/o-0IIpQlx3QUlC5A4PNr4TRAW_0.woff2") format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* devanagari */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Noto Sans"), local("NotoSans"), url("fonts/o-0IIpQlx3QUlC5A4PNr5DRAW_0.woff2") format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* greek-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Noto Sans"), local("NotoSans"), url("fonts/o-0IIpQlx3QUlC5A4PNr6TRAW_0.woff2") format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Noto Sans"), local("NotoSans"), url("fonts/o-0IIpQlx3QUlC5A4PNr5jRAW_0.woff2") format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Noto Sans"), local("NotoSans"), url("fonts/o-0IIpQlx3QUlC5A4PNr6jRAW_0.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Noto Sans"), local("NotoSans"), url("fonts/o-0IIpQlx3QUlC5A4PNr6zRAW_0.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Noto Sans"), local("NotoSans"), url("fonts/o-0IIpQlx3QUlC5A4PNr5TRA.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* ----------------------------------------------------------------------
	Base Colors
-------------------------------------------------------------------------*/
/*Colors*/
/*FONTS*/
@font-face {
  font-family: inspiro-icons;
  src: url("https://www.sportlive.bg/css/fonts/inspiro-icons.eot?mxrs1k");
  src: url("https://www.sportlive.bg/css/fonts/inspiro-icons.eot?mxrs1k#iefix") format("embedded-opentype"), url("https://www.sportlive.bg/css/fonts/inspiro-icon.ttf?mxrs1k") format("truetype"), url("https://www.sportlive.bg/css/fonts/inspiro-icons.woff?mxrs1k") format("woff"), url("https://www.sportlive.bg/css/fonts/inspiro-icons.svg?mxrs1k#inspiro-icons") format("svg");
  font-weight: 400;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-display: auto;
}
@font-face {
  font-family: iconmoon;
  src: url("https://www.sportlive.bg/css/fonts/icomoon.eot?mxrs1k");
  src: url("https://www.sportlive.bg/css/fonts/icomoon.eot?mxrs1k#iefix") format("embedded-opentype"), url("https://www.sportlive.bg/css/fonts/icomoon.ttf?mxrs1k") format("truetype"), url("https://www.sportlive.bg/css/fonts/icomoon.woff?mxrs1k") format("woff"), url("https://www.sportlive.bg/css/fonts/icomoon.svg?mxrs1k#inspiro-icons") format("svg");
  font-weight: 400;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-display: auto;
}
.desktop {
  display: block;
}

.mobile {
  display: none;
}

h1 {
  font-size: 36px;
}

.icon-comments-white, .icon-eye-white, .icon-eye-dark {
  font-family: iconmoon;
  font-size: 16px;
  color: #ffffff;
  margin-right: 12px;
  font-style: normal;
}

.icon-comments-dark, .icon-eye-dark {
  font-family: iconmoon;
  font-size: 16px;
  color: #3a3b46;
  margin-right: 12px;
  font-style: normal;
}

.icon-twitter, .icon-facebook, .icon-instagram, .icon-youtube {
  font-family: iconmoon;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.9);
  font-style: normal;
}

.icon-comments-white:before {
  content: "\e901";
}

.icon-comments-dark:before {
  content: "\e901";
}

.icon-eye-white:before {
  content: "\e900";
}

.icon-eye-dark:before {
  content: "\e900";
}

.date-white, .comments-white, .view-white {
  text-align: left;
  color: #ffffff;
  margin-right: 20px;
}

.date-dark, .comments-dark, .view-dark {
  text-align: left;
  color: #6A6B7B;
  margin-right: 20px;
}

.icon-twitter:before {
  content: "\ea96";
}

.icon-facebook:before {
  content: "\ea90";
}

.icon-instagram:before {
  content: "\ea92";
}

.icon-youtube:before {
  content: "\ea9d";
}

iframe {
  background-color: #FFFFFF;
  margin: auto;
  display: block;
}

strong, b {
  font-weight: bold;
  color: rgba(255, 255, 255, 0.7);
}

a strong, a b {
  color: #5783e0;
}

p {
  color: #a7a9b0;
}

body {
  font-family: "Noto Sans";
  background-color: #23242b;
  margin: 0px;
}

.container {
  margin: 0 auto;
  color: #6A6B7B;
  background-color: #23242b;
  position: relative;
}

header {
  height: 45px;
  background-color: #2a2b33;
  display: inline-block;
  width: 100%;
  position: fixed;
  top: 0px;
  z-index: 999;
  box-shadow: 0 3px 2px -2px rgba(42, 43, 53, 0.7);
}
header .menu-bar {
  display: none;
  float: right;
  cursor: pointer;
  margin-top: 12px;
}
header .bar1, header .bar2, header .bar3 {
  width: 20px;
  height: 3px;
  background-color: #ffffff;
  margin: 3px 0;
  transition: 0.4s;
  border-radius: 3px;
}
header .change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-3px, 3px);
  transform: rotate(-45deg) translate(-3px, 3px);
}
header .change .bar2 {
  opacity: 0;
}
header .change .bar3 {
  -webkit-transform: rotate(45deg) translate(-5px, -5px);
  transform: rotate(45deg) translate(-5px, -5px);
}
header .menu-mobile li {
  display: none;
  position: relative;
  margin-left: 0px;
  padding-top: 15px;
}
header .menu-mobile li ul li a {
  font-size: 15px;
}
header .menu-mobile li a {
  width: 100%;
  display: block;
  position: relative;
  padding-bottom: 0px;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.88;
  letter-spacing: normal;
  text-align: left;
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  text-transform: uppercase;
}
header .menu-mobile li a:hover {
  color: #ffffff;
  border-bottom: solid 4px #5783e0;
  z-index: 999;
}
header .menu-mobile li .sub-menu-mobile {
  display: none;
}
header .menu-mobile li .sub-menu-mobile li {
  padding-top: 13px;
  position: relative;
}
header .menu-mobile li .sub-menu-mobile li a:before {
  position: absolute;
  top: 5px;
  left: -20px;
  content: "-";
  color: #6A6B7B;
  font-size: 24px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 10px;
  padding: 0px;
  margin: 0px;
}
header .menu-mobile li .sub-menu-mobile li a:hover {
  border-bottom: none;
}
header .menu-mobile li a:hover {
  border-bottom: none;
}
header .menu-mobile li .active {
  z-index: 999;
  display: block;
}
header .search-header-box {
  position: absolute;
  display: none;
  right: 0px;
  top: 55px;
  z-index: 999;
  width: 96%;
  background-color: #5783e0;
  padding: 25px;
}
header .search-header-box .search-header-filed {
  height: 50px;
  padding-left: 10px;
  padding-right: 15px;
  background-color: #fff;
  border: none;
  text-align: left;
  width: 90%;
  color: #000000;
}
header .search-header-box a {
  margin-left: 15px;
  color: #000 !important;
}
header .search-header-box .icon-search {
  font-size: 24px !important;
}
header .search-box a {
  vertical-align: -5px;
}

.logo-box {
  float: left;
  display: inline-block;
}
.logo-box .logo {
  float: left;
  margin-right: 5px;
  margin-top: 8px;
  margin-left: 5px;
}

.sportlive-logo-text {
  width: 90px;
  height: 26px;
  font-family: Axiforma;
  font-size: 19.1px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  margin-top: 10px;
  margin-bottom: 27.1px;
  text-decoration: none;
  margin-right: 20px;
  display: inline-block;
}
.sportlive-logo-text span {
  font-weight: 300;
}

header nav {
  display: inline-block;
}

header nav ul {
  float: left;
  list-style-type: none;
  margin: 0px 0px 0px 50px;
  padding: 0px;
}

header nav .main-menu li {
  position: relative;
  display: inline-block;
  margin-left: 25px;
  padding-top: 10px;
}
header nav .main-menu li a {
  position: relative;
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.88;
  letter-spacing: normal;
  text-align: left;
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  text-transform: uppercase;
}
header nav .main-menu li a:hover {
  color: #ffffff;
  border-bottom: solid 4px #5783e0;
}
header nav .main-menu li .active-link {
  color: #ffffff;
  border-bottom: solid 4px #5783e0;
}

header nav .sub-menu {
  display: none;
  position: absolute;
  margin: 0px;
  padding: 0px;
  background-color: #2A2B33;
  width: 300px;
  top: 50px;
  z-index: 999;
  padding-bottom: 15px;
  padding-top: 10px;
}
header nav .sub-menu li {
  margin-right: 20px;
  display: block;
  position: relative;
  cursor: pointer;
  padding-top: 0px;
}
header nav .sub-menu li a {
  display: block;
  width: 100%;
  line-height: 18.5px;
  font-size: 15px;
  padding-top: 5px;
  z-index: 999;
}
header nav .sub-menu li a:hover {
  color: #ffffff;
  border: none;
  display: block;
  width: 100%;
}
header nav .sub-menu li a:hover:before {
  z-index: 999;
  position: absolute;
  top: 12px;
  left: -20px;
  content: "-";
  color: #5783e0;
  font-size: 42px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 10px;
  padding: 0px;
  margin: 0px;
}
header nav .sub-menu li .active-link {
  color: #ffffff;
  border-bottom: none;
}

header nav .active {
  display: block;
}

header .search-box {
  float: right;
  padding-top: 10px;
  margin-right: 10px;
}
header .search-box a {
  text-decoration: none;
  color: #ffffff;
}
header .search-box a:focus, header .search-box a:active, header .search-box a:link {
  text-decoration: none;
}
header .search-box .icon-search {
  font-family: inspiro-icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  font-size: 16px;
  text-transform: none;
}
header .search-box .icon-search:before {
  content: "\e9eb";
}

.mega-board {
  margin: auto;
  text-align: center;
  min-height: 80px;
  margin-top: 80px;
}

.teams-flag, .teams-flag1 {
  opacity: 0;
  margin: 0px;
  list-style-type: none;
  width: 100%;
  border-radius: 10px;
  background-color: #2a2b33;
  position: relative;
  padding: 0px 0px 0px 10px !important;
}
.teams-flag .icon-right-arrow, .teams-flag1 .icon-right-arrow {
  font-family: inspiro-icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  position: absolute;
  right: -6px;
  top: 35%;
  color: #fff;
  font-size: 22px;
  cursor: pointer;
}
.teams-flag .icon-right-arrow:before, .teams-flag1 .icon-right-arrow:before {
  content: "\e95a";
}
.teams-flag .icon-left-arrow, .teams-flag1 .icon-left-arrow {
  font-family: inspiro-icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  position: absolute;
  left: 0px;
  top: 35%;
  color: #fff;
  width: 14px;
  z-index: 99;
  cursor: pointer;
  padding: 8px 8px 8px 3px;
}
.teams-flag .icon-left-arrow:before, .teams-flag1 .icon-left-arrow:before {
  content: "\e959";
}

.teams-flag div figure, .teams-flag1 div figure {
  position: relative;
  width: 100%;
  margin: 0px;
  padding-top: 21px;
  padding-bottom: 21px;
  display: inline-block;
  cursor: pointer;
}
.teams-flag div figure img, .teams-flag1 div figure img {
  cursor: pointer;
}

.worldcup2022 .teams-flag div figure, .worldcup2022 .teams-flag1 div figure {
  position: relative;
  width: 100%;
  margin: 0px;
  padding-top: 6px;
  padding-bottom: 6px;
  display: inline-block;
  cursor: pointer;
}
.worldcup2022 .teams-flag div figure img, .worldcup2022 .teams-flag1 div figure img {
  cursor: pointer;
}

.slick-initialized .slick-slide {
  margin-right: 8px;
  display: inline-block;
}

#home-slider, .teams-flag {
  padding: 0px;
  opacity: 0;
  overflow: hidden;
}

#home-slider div figure {
  position: relative;
  width: 100%;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
}
#home-slider div figure img {
  object-fit: contain;
  border-radius: 10px;
  width: 100%;
  cursor: pointer;
  opacity: 0.9;
}
#home-slider div .slider-caption {
  display: none;
  position: absolute;
  left: 30px;
  right: 25px;
  bottom: 10px;
}
#home-slider div .slider-caption p {
  color: #ffffff;
}
#home-slider div .slider-caption a {
  font-family: "Noto Sans";
  font-size: 15px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 16px;
  letter-spacing: normal;
  text-decoration: none;
  text-align: left;
  color: rgba(255, 255, 255, 0.9);
}

#home-slider .icon-right-arrow, .teams-flag1 .icon-right-arrow, .teams-flag .icon-right-arrow {
  font-family: inspiro-icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  position: absolute;
  right: -2px;
  top: 33%;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  width: 12px;
  background-color: rgba(0, 0, 0, 0.4);
  padding: 8px 5px 8px 8px;
}
#home-slider .icon-right-arrow:before, .teams-flag1 .icon-right-arrow:before, .teams-flag .icon-right-arrow:before {
  content: "\e95a";
}

#home-slider .icon-left-arrow, .teams-flag1 .icon-left-arrow, .teams-flag .icon-left-arrow {
  font-family: inspiro-icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  position: absolute;
  left: 0px;
  top: 33%;
  color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  width: 12px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 99;
  cursor: pointer;
  padding: 8px 8px 8px 5px;
}
#home-slider .icon-left-arrow:before, .teams-flag1 .icon-left-arrow:before, .teams-flag .icon-left-arrow:before {
  content: "\e959";
}

#home-slider div:last-child, .galleries-block .last-child, .row .col-lg-6:nth-child(2), .row .col-lg-6:nth-child(4), .home-categories-box .col-lg-4:nth-child(3) {
  padding-right: 0px;
  margin-right: 0px;
}

.galleries-block .last-child, .row .col-lg-6:nth-child(2), .row .col-lg-6:nth-child(4) {
  padding-left: 8px;
}

.top-articles-block img {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  opacity: 0.9;
  object-fit: cover;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}

.top-articles-block-right-part {
  border-top-right-radius: 10px;
  margin-bottom: 20px;
  overflow: hidden;
}
.top-articles-block-right-part .slick-slide {
  margin: 0px 5px;
}
.top-articles-block-right-part figure {
  position: relative;
  margin: 0px;
  padding: 0px;
}
.top-articles-block-right-part figure img {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  opacity: 1;
  width: 100%;
}
.top-articles-block-right-part figure .slider-caption {
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding: 10px;
  background: linear-gradient(to bottom, transparent 0, #000 100%);
}
.top-articles-block-right-part figure .slider-caption a {
  color: #FFFFFF;
  text-shadow: 1px 1px 1px #555;
  text-decoration: none;
  margin-bottom: 0px;
  line-height: 18px;
  display: block;
}
.top-articles-block-right-part figure .slider-caption a:hover {
  text-decoration: underline;
}

.top-articles-block .navigation {
  position: absolute;
  background-color: #000;
  box-sizing: border-box;
  color: #FFFFFF;
  bottom: 0px;
  right: 8px;
  height: 26px;
  margin-left: 5px;
  width: calc(100% - 15px);
  border-bottom-right-radius: 10px;
}
.top-articles-block .navigation span {
  float: left;
  margin-left: 5px;
  margin-top: 2px;
}

.search-field {
  width: 80%;
  height: 50px;
  padding-left: 10px;
}

.search-button {
  height: 55px;
  width: 15%;
  background-color: #6999ff;
  color: #fff;
  border: 1px solid;
  cursor: pointer;
}

.top-articles-block-left-part {
  padding-right: 0px !important;
  position: relative;
  height: 406px;
}

.top-articles-block-left-part .top-articles-caption {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.8) 78%);
  border-bottom-left-radius: 10px;
  padding-top: 20px;
  padding-bottom: 10px;
}
.top-articles-block-left-part .top-articles-caption a {
  text-shadow: 1px 1px 1px #555;
  font-family: "Noto Sans";
  font-size: 27px;
  font-stretch: normal;
  font-style: normal;
  line-height: 32px;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  text-decoration: none;
}
.top-articles-block-left-part .top-articles-caption .description {
  font-size: 14px;
  font-weight: normal;
  line-height: 12px;
}
.top-articles-block-left-part .top-articles-caption p {
  padding-left: 10px;
  padding-right: 10px;
}

.top-articles-block-right-part {
  padding: 0px;
  background-color: #2a2b33;
  height: 386px;
  margin: 1px 1px 20px;
}

.highlight-block h3 {
  height: 47px;
  overflow: hidden;
  line-height: 22px;
  margin: 0px;
}
.highlight-block div {
  display: inline-flex;
}
.highlight-block figure {
  margin: 0px;
  padding: 0px;
  position: relative;
}
.highlight-block figure img {
  opacity: 0.9;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.highlight-block figure .highlight-article-caption {
  position: absolute;
  left: 0px;
  bottom: 4px;
  background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.8) 78%);
  padding-top: 20px;
  width: 100%;
  max-height: 90px;
}
.highlight-block figure .highlight-article-caption p {
  padding-left: 10px;
  padding-right: 10px;
}
.highlight-block figure .highlight-article-caption a {
  text-shadow: 1px 1px 1px #555;
  font-family: "Noto Sans";
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 20px;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  text-decoration: none;
}
.highlight-block ul {
  width: 100%;
  margin: 0px;
  margin-top: -4px;
  margin-left: 0px;
  list-style-type: none;
  background-color: #2a2b33;
  padding: 0px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.highlight-block ul li {
  border-bottom: 2px solid #3a3b46;
  overflow: hidden;
  padding: 15px;
}
.highlight-block ul li a {
  font-family: "Noto Sans";
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 20px;
  letter-spacing: normal;
  text-align: left;
  color: rgba(255, 255, 255, 0.9);
  text-decoration: none;
}
.highlight-block ul li span {
  display: block;
  width: 100%;
  font-family: "Noto Sans";
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 20px;
  letter-spacing: normal;
  text-align: left;
  color: #6a6b7b;
}
.highlight-block ul li:last-child {
  border-bottom: none;
}

.sl-360-home-box .highlight-article-caption {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.sl-360-home-box img {
  border-radius: 10px;
}

.home-categories-box {
  position: relative;
}
.home-categories-box img {
  border-radius: 10px;
  opacity: 0.9;
}
.home-categories-box .content-sl-360 {
  position: absolute;
  left: 20px;
  bottom: 30px;
}
.home-categories-box .content-sl-360 a {
  text-shadow: 1px 1px 1px #555;
  font-family: "Noto Sans";
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 20px;
  letter-spacing: normal;
  text-align: left;
  color: rgba(255, 255, 255, 0.9);
  text-decoration: none;
}
.home-categories-box .content-sl-360 p {
  font-family: "Noto Sans";
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 20px;
  letter-spacing: normal;
  text-align: left;
  color: rgba(255, 255, 255, 0.9);
}
.home-categories-box div {
  position: relative;
  display: inline-block;
  padding-right: 0px;
  margin-right: 8px;
}
.home-categories-box .content-text-box {
  left: 0px;
  bottom: 4px;
  right: 50px;
  position: absolute;
  background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.8) 78%);
  width: 100%;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  max-height: 95px;
  overflow: hidden;
}
.home-categories-box .content-text-box p {
  padding-left: 10px;
  padding-right: 10px;
}
.home-categories-box .content-text-box a {
  text-shadow: 1px 1px 1px #555;
  font-family: "Noto Sans";
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 20px;
  letter-spacing: normal;
  text-align: left;
  color: rgba(255, 255, 255, 0.9);
  text-decoration: none;
}

.home-categories-list img {
  border-radius: 10px;
}
.home-categories-list ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.home-categories-list ul li {
  clear: both;
  margin-bottom: 20px;
}
.home-categories-list ul li .right-part {
  margin-left: 25px;
  margin-top: 4px;
}
.home-categories-list ul li .category-breadcrumb-list {
  border-radius: 10px;
  background-color: #5783e0;
  padding: 5px 10px;
  text-transform: uppercase;
}
.home-categories-list ul li .category-breadcrumb-list-arrow {
  font-family: inspiro-icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  right: 8px;
  top: 40px;
  color: #fff;
  font-size: 18px;
}
.home-categories-list ul li .category-breadcrumb-list-arrow:before {
  content: "\e95a";
}
.home-categories-list ul li a {
  font-family: "Noto Sans";
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 26px;
  letter-spacing: normal;
  text-align: left;
  color: rgba(255, 255, 255, 0.9);
  text-decoration: none;
  text-transform: uppercase;
}
.home-categories-list ul li .title {
  text-transform: none;
  margin-top: 12px;
  display: block;
}
.home-categories-list ul li p {
  font-family: "Noto Sans";
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 16px;
  letter-spacing: normal;
  text-align: left;
  color: #6A6B7B;
  text-decoration: none;
}

.advertising-label {
  font-family: "Noto Sans";
  font-size: 10px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  vertical-align: 5px;
  letter-spacing: normal;
  text-align: left;
  color: rgba(255, 255, 255, 0.9);
}

.ads-box {
  width: 300px;
  margin: 0 auto;
  text-align: center;
}

.right-box {
  border-radius: 10px;
  background-color: #2a2b33;
  margin-top: 20px;
}
.right-box .inner-box {
  display: inline-block;
  padding-left: 5%;
  padding-right: 5%;
  width: 90%;
}
.right-box .one-article-box {
  padding: 0px 16px 10px 16px;
}
.right-box .h2 {
  padding-top: 16px;
  font-family: "Noto Sans";
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  margin-bottom: 3px;
}
.right-box ul {
  margin: 0px;
  padding: 0px;
  display: block;
  list-style-type: none;
}
.right-box ul li {
  clear: both;
  padding-bottom: 20px;
  height: 80px;
  overflow: hidden;
}
.right-box ul li figure {
  margin-left: 7px;
}
.right-box ul li .article-image {
  width: 100%;
  opacity: 0.9;
  border-radius: 5px;
}
.right-box ul li a {
  font-family: "Noto Sans";
  font-size: 15px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.9);
}
.right-box ul li .gray-link {
  color: #6A6B7B;
}
.right-box ul li p {
  font-family: "Noto Sans";
  font-size: 15px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  text-decoration: none;
  color: #6A6B7B;
}
.right-box .transferline-box li, .right-box .comments-box li {
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 2px solid #3a3b46;
  height: 100px;
}
.right-box .transferline-box li .right-column-right, .right-box .comments-box li .right-column-right {
  margin-left: 15px;
}
.right-box .transferline-box li:last-child, .right-box .comments-box li:last-child {
  border-bottom: none;
}
.right-box .links-ads ul li {
  height: 15px;
  padding-bottom: 10px;
}
.right-box .links-ads ul li a {
  text-decoration: underline;
}
.right-box .see-all-articles-button {
  font-family: "Noto Sans";
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.5;
  letter-spacing: normal;
  text-align: left;
  color: #6999ff;
  text-decoration: none;
  width: 100%;
  display: block;
}
.right-box figure {
  position: relative;
  margin: 0px 0px 10px;
}
.right-box figure .title-box {
  position: absolute;
  left: 0px;
  bottom: 4px;
  padding: 10px;
  background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.8) 78%);
  width: calc(100% - 20px);
}
.right-box figure .title-box a {
  text-shadow: 1px 1px 1px #555;
  font-family: "Noto Sans";
  font-size: 15px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.53;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  text-decoration: none;
}
.right-box img {
  object-fit: contain;
  opacity: 0.9;
  border-radius: 5px;
}
.right-box p {
  margin-top: 3px;
  font-family: "Noto Sans";
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.58;
  letter-spacing: normal;
  text-align: left;
  color: #6a6b7b;
}

.breadcrumb ul {
  margin-left: 0px;
  margin-top: 0px;
  padding: 0px;
  list-style-type: none;
  display: inline-block;
}
.breadcrumb ul li {
  display: inline-block;
  font-size: 15px;
  margin-right: 13px;
}
.breadcrumb ul li a {
  color: #ffffff;
  font-size: 15px;
  text-decoration: none;
}
.breadcrumb ul li + li:before {
  font-family: inspiro-icons !important;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  content: "\e95a";
  color: #ffffff;
  font-size: 18px;
  margin-right: 13px;
}

article .article-image-box {
  position: relative;
}
article .article-image-box .source {
  position: absolute;
  right: 0px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.1);
  color: #fff;
  font-size: 12px;
  bottom: 5px;
  border-radius: 10px;
}
article p {
  font-size: 18px;
  line-height: 24px;
  font-family: "Roboto";
  color: #a7a9b0;
  margin-bottom: 10px;
}
article p а, article p a:active, article p a:visited, article p a:link {
  color: #6999FF;
  text-decoration: none;
}
article img {
  width: 100%;
  object-fit: contain;
  opacity: 1;
  border-radius: 10px;
}
article .keywords-list {
  display: inline-block;
  padding-left: 12px;
}
article .keywords-list li {
  border-radius: 4px;
  background-color: #2a2b33;
  display: inline-block;
  padding: 9px 15px 5px;
  margin-top: 10px;
}
article .keywords-list li a {
  font-family: "Noto Sans";
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.14;
  letter-spacing: normal;
  color: #d9d9d9;
  display: block;
  text-align: center;
  text-decoration: none;
}

.social-box {
  padding: 0px;
  width: 100%;
  height: 74px;
  border-radius: 10px;
  background-color: #2a2b33;
}
.social-box ul {
  margin: 0px;
  padding: 15px;
  list-style-type: none;
  display: inline-block;
  width: 100%;
}
.social-box ul li {
  display: inline-block;
  padding: 13px 15px;
  border-radius: 50px;
  background-color: #3a3b46;
  margin-right: 13px;
}
.social-box ul li a {
  font-style: normal;
  text-decoration: none;
}
.social-box ul .author {
  float: right;
  border-radius: 0px;
  background-color: transparent;
  padding: 0px;
}
.social-box ul .author span {
  vertical-align: 15px;
  margin-right: 15px;
}
.social-box ul .author img {
  width: 46px;
  margin-right: 15px;
}
.social-box ul .author-text {
  display: block;
  margin-top: 10px;
  margin-right: 10px;
}

.transferLine-description {
  min-height: 150px;
}

.more-articles-box {
  background-color: #2a2b33;
  border-radius: 10px;
  padding: 10px 10px 10px 10px;
}
.more-articles-box h2 {
  font-family: "Noto Sans";
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  margin-bottom: 25px;
}
.more-articles-box ul {
  margin: 0px;
  padding: 0px;
}
.more-articles-box ul li {
  margin-bottom: 0px;
}
.more-articles-box ul li img {
  width: 100%;
}
.more-articles-box ul li div:nth-child(2) {
  padding-left: 10px;
}
.more-articles-box ul a {
  font-family: "Noto Sans";
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #d9d9d9;
  text-decoration: none;
}
.more-articles-box ul .related-article-more-link {
  text-align: right;
  float: right;
  color: #6999ff;
  font-size: 14px;
  text-decoration: none;
}

.load-more-articles-button {
  width: 350px;
  height: 40px;
  border-radius: 10px;
  border: solid 1px #6999ff;
  display: block;
  margin: 0 auto;
  font-family: "Noto Sans";
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.8;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
}

.galleries-block div {
  display: inline-block;
}
.galleries-block figure {
  margin: 0px 0px 16px;
  padding: 0px;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
.galleries-block figure img {
  border-radius: 10px;
  opacity: 0.9;
  height: 320px;
  display: block;
  margin: auto;
}
.galleries-block figure .highlight-article-caption {
  position: absolute;
  left: 0px;
  bottom: 0px;
  right: 50px;
  background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.8) 78%);
  padding-top: 20px;
  padding-bottom: 10px;
  width: 100%;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  min-height: 60px;
}
.galleries-block figure .highlight-article-caption h2 {
  padding-left: 10px;
  line-height: 12px;
}
.galleries-block figure .highlight-article-caption p {
  line-height: 12px;
}
.galleries-block figure .highlight-article-caption a, .galleries-block figure .highlight-article-caption span {
  text-shadow: 1px 1px 1px #555;
  font-family: "Noto Sans";
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  text-decoration: none;
}
.galleries-block ul {
  margin-top: 20px;
  margin-left: 0px;
  list-style-type: none;
  background-color: #2a2b33;
  padding: 0px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.galleries-block ul li {
  border-bottom: 2px solid #3a3b46;
  height: 50px;
  overflow: hidden;
  padding-left: 28px;
  padding-top: 38px;
  padding-bottom: 38px;
}
.galleries-block ul li a {
  font-family: "Noto Sans";
  font-size: 17px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.64;
  letter-spacing: normal;
  text-align: left;
  color: rgba(255, 255, 255, 0.9);
  text-decoration: none;
}
.galleries-block ul li span {
  display: block;
  width: 100%;
  font-family: "Noto Sans";
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 20px;
  letter-spacing: normal;
  text-align: left;
  color: #6a6b7b;
}
.galleries-block ul li:last-child {
  border-bottom: none;
}

.gallery-slider figure img {
  height: 130px;
  overflow: hidden;
}

.gallery-slider-for {
  display: none;
}
.gallery-slider-for figure {
  position: relative;
  width: 100%;
  margin: 0px;
  padding: 0px;
}
.gallery-slider-for figure img {
  margin: auto;
  border-radius: 10px;
  height: 600px;
  object-fit: cover;
  overflow: hidden;
}
.gallery-slider-for .icon-right-arrow {
  font-family: inspiro-icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  position: absolute;
  right: 2px;
  top: 45%;
  color: #fff;
  font-size: 48px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.4);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.gallery-slider-for .icon-right-arrow:before {
  content: "\e95a";
}
.gallery-slider-for .icon-left-arrow {
  font-family: inspiro-icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  position: absolute;
  left: 2px;
  top: 45%;
  color: #fff;
  font-size: 48px;
  z-index: 999;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.4);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.gallery-slider-for .icon-left-arrow:before {
  content: "\e959";
}
.gallery-slider-for .slider-caption {
  position: absolute;
  left: 0px;
  right: 20px;
  bottom: 0px;
  width: 100%;
  background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.8) 78%);
  max-height: 220px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  color: #ffffff;
}
.gallery-slider-for .slider-caption p {
  padding-left: 10px;
  padding-right: 10px;
}
.gallery-slider-for .slider-caption a {
  font-family: "Noto Sans";
  font-size: 15px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 20px;
  letter-spacing: normal;
  text-decoration: none;
  text-align: left;
  color: rgba(255, 255, 255, 0.9);
}
.gallery-slider-for .slider-caption .title {
  font-size: 18px;
  color: #ffffff;
}

.galleries-filter-box {
  clear: both;
  width: 100%;
  display: inherit;
  border-radius: 0px;
}
.galleries-filter-box li {
  border-bottom: none !important;
  height: auto !important;
  padding-left: 30px;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.galleries-filter-box li .active {
  background-color: #5783e0;
  padding: 10px;
  text-decoration: underline;
}

.livecomments-block ul {
  margin: 0px;
  padding: 0px;
}
.livecomments-block ul li {
  padding-top: 10px;
  border-bottom: 2px solid #3a3b46;
  padding-bottom: 10px;
  position: relative;
}
.livecomments-block ul li .center-image {
  width: 120px;
  height: 120px;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translate(0, -50%);
}
.livecomments-block ul li .livecomments-date {
  font-size: 12px;
  vertical-align: 3px;
}
.livecomments-block ul .livecomments-result {
  display: inline-block;
  position: relative;
  margin-left: 5px;
}
.livecomments-block .fast-articles li .publishTime {
  color: #ffffff;
  font-size: 12px;
  line-height: 0px;
  margin-bottom: 20px;
  display: block;
}
.livecomments-block .video-box {
  position: relative;
  height: 450px;
}
.livecomments-block a, .livecomments-block strong {
  color: #6999FF;
}

hr {
  margin-top: 5px;
  color: #5783e0;
  margin-bottom: 20px;
  text-align: left;
  float: left;
  height: 5px;
  background-color: #5783e0;
  border: none;
  border-radius: 4px;
  margin-left: 0px;
}

.headline {
  font-family: "Noto Sans";
  font-size: 36px;
  line-height: 40px;
  text-align: left;
  padding-bottom: 8px;
  background-color: #23242b;
  margin: 0;
  color: #f2f2f2;
  font-weight: bold;
  width: 100%;
}

article .headline, .gallery-title {
  line-height: 40px;
}

.right-link {
  text-align: right;
  float: right;
  color: #5783e0;
  text-decoration: none;
  line-height: 0px;
  margin-right: 10px;
}

footer {
  background-color: #2f3039;
  padding-bottom: 50px;
}
footer .logo-box {
  margin-top: 20px;
  width: 100%;
}
footer .logo-box .sportlive-logo-text {
  vertical-align: 10px;
}
footer ul {
  margin: 0px;
  padding: 0px;
}
footer .social-box-footer {
  float: right;
}
footer .social-box-footer li {
  display: inline-block;
  padding: 13px 15px;
  border-radius: 50px;
  background-color: #3a3b46;
  margin-right: 13px;
}
footer .social-box-footer li a {
  font-style: normal;
  text-decoration: none;
}
footer .row-footer {
  padding-top: 20px;
  border-bottom: 2px solid #3a3b46;
  padding-bottom: 20px;
  clear: both;
}
footer .menu-footer {
  list-style-type: none;
}
footer .menu-footer li {
  list-style-type: none;
}
footer .menu-footer li a {
  font-family: "Noto Sans";
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.88;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  text-decoration: none;
}
footer .menu-footer .title {
  font-weight: bold;
  font-size: 20px;
  display: block;
  margin-bottom: 10px;
  text-transform: uppercase;
}
footer .footer-text {
  font-family: "Noto Sans";
  font-size: 17px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.12;
  letter-spacing: normal;
  text-align: left;
  color: rgba(255, 255, 255, 0.9);
}
footer .footer-show-menu-button {
  display: none;
}
footer .ns1-box {
  margin-top: 10px;
}
footer .menu-footer-services {
  list-style-type: none;
  margin: auto;
  margin-top: 30px;
  margin-bottom: 30px;
}
footer .menu-footer-services li {
  margin-right: 30px;
  display: inline-block;
}
footer .menu-footer-services li a {
  font-weight: bold;
}

.pagination {
  margin-top: 50px;
}
.pagination a {
  text-decoration: none;
  font-family: "Noto Sans";
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 20px;
  letter-spacing: normal;
  text-align: left;
  color: #6999ff;
  height: 25px;
  display: inline-block;
  border: solid 1px #2a2b33;
  background-color: #2a2b33;
  padding: 30px;
  border-radius: 10px;
}
.pagination .current {
  color: #ffffff;
  text-decoration: none;
  background-color: #2a2b33;
  padding: 27px;
  vertical-align: 0px;
  font-size: 24px;
  width: 15px;
  border-radius: 10px;
}

.author-box {
  border-radius: 10px;
  background-color: #2a2b33;
  padding: 15px;
}
.author-box img {
  margin-left: 20px;
}
.author-box h2 {
  font-family: "Noto Sans";
  font-size: 15px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.9);
}

/*----------------error404------------*/
.error-box {
  width: 640px;
  margin: auto;
}

.error_page {
  margin-top: 30px;
  padding-bottom: 50px !important;
}

.error_404 {
  text-align: center;
  margin: 0 auto;
  display: block;
  margin-top: 78px;
}

.error_page a:hover {
  color: #4a5d68;
  cursor: pointer !important;
}

.error_page p {
  color: #fff;
  text-align: center;
  margin: 48px auto 0;
  display: block;
  font-size: 24px;
}

.error_page a {
  color: #8a9398;
  text-decoration: underline;
  cursor: pointer !important;
}

.error-bttn {
  width: 300px;
  margin: auto;
}

.error-bttn a {
  background-color: #6999ff;
  padding: 5px 20px;
  margin-right: 20px;
}

sup {
  line-height: 0px;
}

a, a:active {
  text-decoration: inherit;
  color: #ffffff;
}

a:hover {
  text-decoration: underline !important;
}

a:focus {
  outline: none;
}

.headline a:hover, .main-menu a:hover, .logo-box a:hover {
  text-decoration: none !important;
}

.error404-text {
  font-size: 72px;
  text-align: center;
  color: #6999ff;
}

.p-right-0 {
  padding-right: 0px !important;
}

.m-top-20 {
  margin-top: 20px;
}

.m-top-30 {
  margin-top: 40px;
}

.m-top-50 {
  margin-top: 50px;
}

.m-top-75 {
  margin-top: 80px;
}

.banner-in-category {
  display: block;
  position: relative;
  text-align: center;
}

.add-button {
  position: fixed;
  bottom: 5px;
  left: 10px;
  background-color: #5783e0;
  color: #fff;
  font-size: 20px;
  padding: 10px;
  border: none;
}

.fc-consent-root .fc-dialog-container .fc-secondary-button .fc-button-background {
  background-color: transparent !important;
}

.fc-consent-root .fc-dialog-container .fc-secondary-button .fc-button-label {
  color: rgb(25, 103, 210) !important;
  text-decoration: underline !important;
}

.pools-box {
  display: block;
  width: 100%;
  clear: both;
}

/* The container */
.pool-item {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.pool-item input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.pool-item:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.pool-item input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.pool-item input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.pool-item .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

.right-box .pools-box ul li {
  padding-bottom: 0px;
  height: auto;
}

.right-button {
  width: 285px;
  height: 40px;
  border-radius: 10px;
  border: solid 1px #6999ff;
  display: block;
  margin: 0 auto;
  font-family: "Noto Sans";
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.8;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
  margin-top: 30px;
}

.votes-box {
  border: 1px solid;
  padding: 10px;
  margin-bottom: 10px;
}

.votes-box span {
  font-size: 11px;
  font-weight: bold;
  color: #ffffff;
  vertical-align: 9px;
  margin-left: 10px;
}

.kobrat_joshua_pesronality_box {
  margin-top: 78px;
  margin-bottom: 100px;
  position: relative;
}

.kobrat_joshua_pesronality_box .center-image {
  width: 320px;
  margin: auto;
  text-align: center;
}

.kobrat_joshua_pesronality_box .center-image h2 {
  font-family: American-Captain;
  font-size: 40pt;
  font-weight: bold;
  color: #ffffff;
}

.kobrat_joshua_pesronality_inner_box {
  margin-left: 30px;
}

.kobrat_joshua_pesronality_inner_box span {
  color: #ffffff;
}

.kobrat_joshua_pesronality_box .load-more-articles-button {
  font-size: 18px;
  margin-bottom: 70px;
  background-color: #5783e0;
  color: #ffffff;
  margin-left: 30px;
  line-height: 2;
}

.kobrat_joshua_pesronality_inner_box .blue-btn {
  color: #5783e0;
  font-size: 22px;
  margin-top: 35px;
  display: block;
}

.line-personality {
  position: absolute;
  top: 120px;
  height: 600px;
  width: 1px;
  left: 465px;
}

.kobrat_joshua-left-box span {
  color: #ffffff;
}

.kobrat_joshua-right-box span {
  color: #ffffff;
}

.kobrat_joshua-right-box .blue-btn {
  font-size: 18px;
  margin-bottom: 20px;
  background-color: #5783e0;
  color: #ffffff;
  width: 300px;
  line-height: 2;
  text-transform: uppercase;
  border-radius: 10px;
  border: solid 1px #5783e0;
  display: block;
  font-family: "Noto Sans";
  text-align: center;
  margin-top: 10px;
}

.kobrat_joshua-right-box .worldcup2022-blue-btn {
  font-size: 18px;
  margin-bottom: 20px;
  background-color: #2e9cb7;
  color: #ffffff;
  width: 300px;
  line-height: 2;
  text-transform: uppercase;
  border-radius: 10px;
  border: solid 1px #2e9cb7;
  display: block;
  font-family: "Noto Sans";
  text-align: center;
  margin-top: 10px;
}

.bg-header {
  left: 50% !important;
  margin-left: -640px;
  width: 1280px;
}

.social-box ul .author {
  float: right;
  border-radius: 0px;
  background-color: transparent;
  padding: 0px;
}

.social-box ul li {
  display: inline-block;
}

.social-box ul .author span {
  vertical-align: 15px;
  margin-right: 30px;
}

.social-box ul .author-text {
  display: block;
  margin-top: 10px;
  margin-right: 10px;
}

#euro-groups h2 {
  color: #ffffff;
}

#euro-groups ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  color: #ffffff;
}

#euro-groups ul li {
  margin-top: 10px;
}

#euro-groups ul li a:nth-child(2) {
  vertical-align: 6px;
}

.livecomments-funny-box p {
  font-size: 20px;
}

#euro-groups .row {
  background-color: #2a2b33;
  padding: 0px;
  border-radius: 10px;
}

#euro-groups .row div {
  padding: 15px;
}

.livescore-euro-2021 ul li div:nth-child(2) {
  padding-left: 15px !important;
}

.livescore-euro-2021 ul li div:nth-child(2) a:hover, .livescore-euro-2021 ul li div:nth-child(2) a:focus {
  text-decoration: none;
}

.livescore-euro-2021 ul li {
  height: 50px !important;
}

.livescore-euro-2021 ul li span {
  width: 55px;
  overflow: hidden;
  display: inline-block;
  text-align: center;
}

.livescore-euro-2021 ul li div:first-child .active-match:before {
  content: "•";
  color: green;
  font-size: 40px;
  padding-right: 5px;
  line-height: 20px;
  vertical-align: top;
}

.livescore-euro-2021 ul li strong {
  vertical-align: 2px;
  padding-right: 10px;
  padding-left: 10px;
}

.livescore-euro-2021 ul li .blue-btn {
  color: #5783e0;
  font-size: 16px;
  display: block;
  text-align: right;
}

#euro2021-livescore ul li div:first-child span {
  width: 100%;
  text-align: left;
}

#euro2021-livescore ul li div:nth-child(2) {
  text-align: center;
}

#euro2021-livescore ul li .team-box {
  width: 210px;
  display: inline-block;
  text-align: left;
}

#euro2021-livescore ul li .team-box:first-child {
  text-align: right;
}

#euro2021-livescore ul li .team-box:nth-child(2) {
  text-align: left;
}

#euro2021-livescore ul li .team-box a {
  margin-right: 10px;
}

#euro2021-livescore ul li .team-name {
  vertical-align: 7px;
}

.livescore-euro-2021 .see-more-button {
  font-family: "Noto Sans";
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.5;
  letter-spacing: normal;
  text-align: left;
  color: #6999FF;
  text-decoration: none;
  width: 100%;
  display: block;
}

.live-score-match {
  text-align: center;
}

.live-score-match .team-name {
  font-size: 32px;
  vertical-align: 20px;
  padding-left: 5px;
  padding-right: 5px;
}
.live-score-match .team-box, .live-score-match span {
  display: inline-block;
}
.live-score-match .result-match {
  vertical-align: 15px;
  margin-left: 15px;
  margin-right: 15px;
  font-size: 32px;
}
.live-score-match ul {
  padding: 0px;
  margin: 40px 0px 0px;
}
.live-score-match ul li {
  list-style-type: none;
  text-align: left;
  font-size: 16px;
  color: #ffffff;
  padding: 8px;
}
.live-score-match ul .odd {
  background-color: #2A2B33;
}
.live-score-match ul .even {
  background-color: #2B333F;
}
.live-score-match ul .img-match {
  vertical-align: top;
  margin-left: 10px;
  margin-right: 10px;
}

.euro2021-team-card {
  margin: 10px auto;
  text-align: center;
  display: block;
  background-color: #2B333F;
  padding-top: 10px;
  padding-bottom: 10px;
}
.euro2021-team-card span {
  vertical-align: 20px;
  font-size: 32px;
  margin-left: 10px;
}

.olympic-info-text {
  display: none;
}

.olympic-info-box {
  width: 100%;
  margin: 0px;
  margin-top: -4px;
  margin-left: 0px;
  list-style-type: none;
  background-color: #2a2b33;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 0px 15px 15px;
}

.seo-footer-container {
  border: 9px solid #2F3039;
  border-radius: 7px;
  padding: 6px;
  color: white;
}

.seo-footer-main-text {
  background-color: #2F3039;
  padding: 1px 11px;
  border-radius: 7px;
  color: white;
}

.seo-footer-main-text-title {
  color: white;
  font-size: small;
}

.seo-footer-main-text p {
  color: white;
  font-size: small;
  margin-bottom: 0px;
}

.seo-footer-title {
  font-size: medium;
  color: white;
  padding: 0px 11px;
}

.seo-footer-description {
  color: white;
  font-size: smaller;
  padding: 0px 11px;
}

.see-more-button {
  color: lightgrey;
  cursor: pointer;
  font-size: 13px;
  text-decoration: underline;
}

.hide-button {
  color: lightgrey;
  cursor: pointer;
  font-size: 13px;
  text-decoration: underline;
}

.subcategories-info {
  margin-top: 9px;
}

.levski-image {
  position: relative;
  top: 31px;
}

.sesame-button {
  background-color: #53366c;
  padding-left: 10px;
  padding-right: 15px;
  padding-bottom: 5px;
}

.world-cup-2022-button {
  background-color: #2E9CB7;
  padding: 5px 0px 5px 0px;
}

.sesame-button .menu-link a {
  text-align: center;
}

.worldcup-2022-header-flags {
  background-color: rgba(54, 43, 61, 0.9);
  height: 40px;
}

.hand-move {
  display: none;
}

.worldcup2022-top-articles-height {
  height: 370px;
}

@media only screen and (max-width: 1280px) and (min-width: 1027px) {
  .line-personality {
    display: none;
  }

  .kobrat_joshua_pesronality_box .load-more-articles-button {
    width: 98%;
  }

  .more-articles-box ul {
    display: inline-block;
  }
  .more-articles-box ul li {
    display: table;
    float: left;
    margin-bottom: 40px;
  }
  .more-articles-box ul li div {
    display: table-cell;
    float: left;
  }
  .more-articles-box ul li div:nth-child(2) {
    padding-left: 10px;
  }

  .more-articles-box ul {
    display: inline-block;
  }
  .more-articles-box ul li {
    display: table;
    float: left;
    margin-bottom: 40px;
  }
  .more-articles-box ul li div {
    display: table-cell;
    float: left;
  }
  .more-articles-box ul li div img {
    width: 100%;
  }
  .more-articles-box ul li div:nth-child(2) {
    padding-left: 10px;
    height: 130px;
    overflow: hidden;
  }

  .worldcup-2022-header-flags {
    height: 40px;
  }
}
@media only screen and (max-width: 1025px) and (min-width: 768px) {
  .line-personality {
    display: none;
  }

  .kobrat_joshua_pesronality_box .load-more-articles-button {
    width: 98%;
  }

  .right-box ul li {
    height: auto;
  }

  header {
    position: fixed;
    z-index: 999;
    top: 0px;
    height: 70px;
  }
  header .menu-mobile {
    display: none;
    background-color: #2A2B33;
    width: 100%;
    height: auto;
    position: absolute;
    top: 75px;
    left: 0px;
    z-index: 999;
    margin-bottom: 50px;
  }
  header .menu-mobile ul {
    display: block;
    width: 100%;
    height: 100%;
  }
  header .menu-mobile ul li {
    display: inline-block;
    width: 100%;
  }
  header .active {
    display: block;
  }
  header .menu {
    display: none;
  }
  header .menu-bar {
    display: inline-block;
    margin-top: 25px;
  }
  header .logo-box {
    width: 150px;
    margin-left: 40%;
    margin-bottom: 13px;
    margin-top: 20px;
  }
  header .logo-box .logo {
    margin-top: 2px;
    width: 145px;
  }
  header .search-box {
    float: left;
    padding-top: 25px;
    margin-right: 10px;
    position: absolute;
  }
  header .search-box .icon-search {
    font-size: 20px;
  }
  header .sportlive-logo-text {
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 10px;
  }

  .mega-board {
    margin-top: 75px;
  }

  .load-more-articles-button {
    margin-bottom: 20px;
    width: 100%;
  }

  .right-box ul li {
    height: auto;
  }

  .teams-flag, .teams-flag1 {
    overflow: hidden;
    height: 75px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .more-articles-box ul {
    display: inline-block;
  }
  .more-articles-box ul li {
    display: table;
    float: left;
    margin-bottom: 40px;
  }
  .more-articles-box ul li div {
    display: table-cell;
    float: left;
  }
  .more-articles-box ul li div img {
    width: 100%;
  }
  .more-articles-box ul li div:nth-child(2) {
    padding-left: 10px;
  }
  .more-articles-box ul li:last-child {
    display: none;
  }

  .gallery-slider-for figure {
    position: relative;
    width: 100%;
    margin: 0px;
    padding: 0px;
  }
  .gallery-slider-for figure img {
    width: 100%;
    border-radius: 10px;
    height: auto !important;
    overflow: unset;
  }

  .gallery-slider figure img {
    object-fit: cover !important;
    height: auto !important;
    overflow: unset;
  }

  .home-categories-box div {
    margin-right: 8px;
  }

  .transferline-box img {
    width: 60px;
  }

  .right-block {
    flex-basis: 100%;
    max-width: 100%;
  }

  hr {
    width: 100%;
  }

  #home-slider div .slider-caption {
    left: 0px;
    bottom: 0px;
    background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.7) 22%);
    width: 100%;
  }
  #home-slider div .slider-caption a {
    margin-left: 30px;
    display: block;
    margin-bottom: 10px;
    margin-top: 15px;
  }

  .worldcup-2022-header-flags {
    height: 40px;
  }
}
@media only screen and (max-width: 1025px) and (min-width: 790px) {
  .desktop {
    display: none;
  }

  .mobile {
    display: block;
  }

  .top-articles-block-left-part {
    height: 460px;
    overflow: hidden;
  }
  .top-articles-block-left-part .description {
    display: none;
  }

  .top-articles-block-right-part {
    height: 205px;
  }

  .top-articles-block-left-part .top-articles-caption {
    border-bottom-left-radius: 0px;
  }

  .top-articles-block-right-part {
    height: auto;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .top-articles-block-right-part .slider-caption {
    position: relative !important;
  }
  .top-articles-block-right-part .slider-caption a {
    font-size: 13px;
  }

  .top-articles-block .navigation {
    display: none !important;
  }

  .top-articles-block img {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }

  .right-box ul li figure {
    margin-left: 20px;
  }
  .right-box ul li p {
    font-size: 14px;
    margin-top: 20px;
  }
  .right-box ul li a {
    font-size: 18px;
  }
}
@media only screen and (max-width: 780px) and (min-width: 20px) {
  .hand-move {
    display: block;
    position: absolute;
    right: 5px;
    top: 5px;
  }

  header nav ul {
    margin: 0px !important;
  }

  header nav ul li {
    padding-left: 15px;
  }

  .sesame-button-mobile {
    background-color: #53366c;
  }

  .world-cup-2022-button-mobile {
    background-color: #2E9CB7;
  }

  .desktop {
    display: none;
  }

  .mobile {
    display: block;
  }

  .kobrat_joshua-right-box .blue-btn {
    width: 100% !important;
  }

  body, html {
    width: 99.8%;
    overflow-x: hidden;
  }

  hr {
    width: 100%;
  }

  .right-link {
    display: none;
  }

  .related-article-more-link {
    text-align: left;
    float: left;
  }

  .galleries-block .last-child, .row .col-lg-6:nth-child(2), .row .col-lg-6:nth-child(4) {
    padding-left: 0px;
  }

  .search-field {
    width: 63%;
  }

  .search-button {
    width: 30%;
  }

  .right-box ul li {
    height: auto;
  }
  .right-box ul li p {
    display: none;
  }

  .col-xs-12 {
    margin-bottom: 10px;
  }

  .load-more-articles-button {
    margin-bottom: 20px;
    width: 100%;
  }

  .container {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .teams-flag, .teams-flag1 {
    overflow: hidden;
    height: 75px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .teams-flag .slick-list, .teams-flag1 .slick-list {
    margin-left: 25px;
  }

  #home-slider .icon-right-arrow {
    margin-right: 8px;
  }

  #home-slider div figure a > img {
    border-radius: 0px;
  }
  #home-slider div .slider-caption {
    left: 0px;
    bottom: 0px;
    background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.7) 22%);
    width: 100%;
  }
  #home-slider div .slider-caption a {
    line-height: 22px;
    margin-left: 30px;
    display: block;
    margin-bottom: 10px;
    margin-top: 15px;
  }

  .top-articles-block-left-part {
    height: 260px;
    overflow: hidden;
  }
  .top-articles-block-left-part .description {
    display: none;
  }

  .top-articles-block-left-part .top-articles-caption {
    border-bottom-left-radius: 0px;
  }

  .top-articles-block-right-part {
    height: auto;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .top-articles-block-right-part .slider-caption {
    position: relative !important;
    height: 25px;
    overflow: hidden;
  }
  .top-articles-block-right-part .slider-caption a {
    font-size: 13px;
  }

  .top-articles-block .navigation {
    display: none;
  }

  .top-articles-block img {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }

  .highlight-block figure img {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }

  .right-box .inner-box {
    padding: 24px 30px 10px 24px;
    display: inline-block;
    padding-left: 5%;
    padding-right: 5% !important;
  }

  .home-categories-box img {
    border-radius: 10px;
  }
  .home-categories-box div {
    display: block;
    margin-right: 0px;
  }

  .home-categories-list img {
    border-radius: 0px;
  }
  .home-categories-list ul li .right-part {
    margin-left: 5px;
    margin-top: 20px;
  }
  .home-categories-list ul li .right-part .category-breadcrumb-list {
    border-radius: 0px;
  }

  header {
    position: fixed;
    z-index: 999;
    top: 0px;
    height: 40px;
  }
  header .menu-mobile {
    display: none;
    background-color: #2A2B33;
    width: 100%;
    height: auto;
    position: absolute;
    top: 40px;
    left: 0px;
    z-index: 999;
  }
  header .menu-mobile ul {
    display: block;
    width: 100%;
    height: 100%;
    padding-bottom: 10px;
  }
  header .menu-mobile ul li {
    display: inline-block;
    width: 100%;
  }
  header .active {
    display: block;
  }
  header .menu {
    display: none;
  }
  header .menu-bar {
    display: inline-block;
    margin-top: 8px;
  }
  header .logo-box {
    margin-top: 6px;
    margin-bottom: 13px;
    margin-left: 30%;
  }
  header .logo-box .logo {
    width: 130px;
    margin-top: 0px;
  }
  header .search-box {
    position: absolute;
    padding-top: 10px;
    display: block;
  }
  header .sportlive-logo-text {
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 5px;
  }

  .mega-board {
    margin-top: 40px;
  }

  #home-slider div .slider-caption a {
    font-size: 18px;
  }

  .breadcrumb-article-title {
    display: none !important;
  }

  .breadcrumb ul li a {
    font-size: 14px;
  }
  .breadcrumb ul li + li:before {
    font-size: 14px;
  }

  .livecomments-block ul li .center-image {
    left: 0px;
  }
  .livecomments-block ul li img {
    width: 80px;
  }
  .livecomments-block ul li .like-comments-box img {
    width: 22px;
  }
  .livecomments-block ul li .unlike-live-comments {
    display: inline-block;
    margin-left: 5px;
    vertical-align: -6px;
  }

  .gallery-slider-for figure {
    position: relative;
    width: 100%;
    margin: 0px;
    padding: 0px;
  }
  .gallery-slider-for figure img {
    width: 100%;
    border-radius: 10px;
    height: auto !important;
    overflow: unset;
  }

  .galleries-filter-box {
    display: none;
  }

  .gallery-slider {
    height: 150px;
    overflow: hidden;
  }
  .gallery-slider figure img {
    object-fit: cover !important;
    height: auto !important;
    overflow: unset;
  }

  .galleries-image-description {
    display: none;
  }

  .video-box {
    position: relative;
  }

  .sl-360-text {
    display: none;
  }

  header .search-box a {
    vertical-align: 0px;
  }

  .social-box .author img {
    display: none;
  }
  .social-box .author span {
    vertical-align: -12px !important;
    margin-right: 0px !important;
    font-size: 13px;
  }
  .social-box ul {
    width: 93% !important;
  }

  .pagination {
    margin-top: 0px;
  }
  .pagination .page, .pagination .next, .pagination .last, .pagination .previous, .pagination .first {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 0px;
    padding: 0px;
  }
  .pagination .current {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 0px;
    font-size: 20px;
    width: 10px;
    height: 5px;
    padding: 0px;
    background-color: transparent;
  }
  .pagination a {
    line-height: 1;
    height: 18px;
    padding: 8px;
    border-radius: 0px;
  }

  .headline {
    line-height: 36px;
    font-size: 26px;
  }

  .m-top-30 {
    margin-top: 10px;
  }

  footer .menu-footer {
    margin-bottom: 30px;
    position: relative;
  }
  footer .menu-footer ul {
    display: none;
  }
  footer .footer-show-menu-button {
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 10px;
  }

  .right-block {
    flex-basis: 100%;
    max-width: 100%;
  }

  .error-box {
    width: 100%;
  }

  .error_404 {
    width: 100%;
  }

  .kobrat_joshua_pesronality_box {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .kobrat_joshua_pesronality_inner_box {
    margin-bottom: 30px;
    margin-left: 15px;
  }

  .kobrat_joshua_pesronality_box .load-more-articles-button {
    margin-left: 0px;
  }

  .line-personality {
    display: none;
  }

  #euro2021-livescore ul {
    margin: 0px;
    padding: 0px;
  }

  #euro2021-livescore ul li .team-name {
    display: none;
  }

  #euro2021-livescore ul li .team-box {
    width: auto;
  }

  .live-score-match .team-name {
    display: none;
  }

  .worldcup-2022-header-flags {
    height: 38px;
    background-color: rgba(10, 95, 145, 0.7);
  }

  .worldcup2022-blue-btn {
    width: 98% !important;
  }

  .worldcup2022-top-articles-height {
    height: auto;
  }

  .slick-initialized .slick-slide {
    margin-left: 7px;
    display: inline-block;
  }
}
@media only screen and (max-width: 1250px) {
  .breadcrumb-article-title {
    display: none !important;
  }
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

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

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

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

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

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

.ath-viewport * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.ath-viewport {
  position: relative;
  z-index: 2147483641;
  pointer-events: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -o-text-size-adjust: none;
  text-size-adjust: none;
}

.ath-modal {
  pointer-events: auto !important;
  background: rgba(0, 0, 0, 0.6);
}

.ath-mandatory {
  background: #000;
}

.ath-container {
  pointer-events: auto !important;
  position: absolute;
  z-index: 2147483641;
  padding: 0.7em 0.6em;
  width: 18em;
  background: #eee;
  background-size: 100% auto;
  box-shadow: 0 0.2em 0 #d1d1d1;
  font-family: sans-serif;
  font-size: 15px;
  line-height: 1.5em;
  text-align: center;
}

.ath-container small {
  font-size: 0.8em;
  line-height: 1.3em;
  display: block;
  margin-top: 0.5em;
}

.ath-ios.ath-phone {
  bottom: 1.8em;
  left: 50%;
  margin-left: -9em;
}

.ath-ios6.ath-tablet {
  left: 5em;
  top: 1.8em;
}

.ath-ios7.ath-tablet {
  left: 0.7em;
  top: 1.8em;
}

.ath-ios8.ath-tablet,
.ath-ios9.ath-tablet,
.ath-ios10.ath-tablet {
  right: 0.4em;
  top: 1.8em;
}

.ath-android {
  bottom: 1.8em;
  left: 50%;
  margin-left: -9em;
}

/* close icon */
.ath-container:before {
  content: "";
  position: relative;
  display: block;
  float: right;
  margin: -0.7em -0.6em 0 0.5em;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACECAMAAABmmnOVAAAAdVBMVEUAAAA5OTkzMzM7Ozs3NzdBQUFAQEA/Pz8+Pj5BQUFAQEA/Pz8+Pj5BQUFAQEA/Pz9BQUE+Pj4/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8+Pj4/Pz8+Pj4/Pz8/Pz8/Pz8/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8/Pz9AQEA/Pz+fdCaPAAAAJnRSTlMACQoNDjM4OTo7PEFCQ0RFS6ytsbS1tru8vcTFxu7x8vX19vf4+C5yomAAAAJESURBVHgBvdzLTsJAGEfxr4C2KBcVkQsIDsK8/yPaqIsPzVlyzrKrX/5p0kkXEz81L23otc9NpIbbWia2YVLqdnhlqFlhGWpSDHe1aopsSIpRb8gK0dC3G30b9rVmhWZIimTICsvQtx/FsuYOrWHoDjX3Gu31gzJxdki934WrAIOsAIOsAIOiAMPhPsJTgKGN0BVsYIVsYIVpYIVpYIVpYIVpYIVpYIVpYIVpYIVlAIVgEBRs8BRs8BRs8BRs8BRs8BRs8BRs8BRTNmgKNngKNngKNngKNngKNhiKGxgiOlZoBlaYBlaYBlaYBlaYBlaYBlaYBlaYBlZIBlBMfQMrVAMr2KAqBENSHFHhGEABhi5CV6gGUKgGUKgGUKgGUFwuqgEUvoEVsoEVpoEUpgEUggF+gKTKY+h1fxSlC7/Z+RrxOQ3fcEoAPPHZBlaYBlaYBlaYBlZYBlYIhvLBCstw7PgM7hkiWOEZWGEaWGEaWGEaIsakEAysmHkGVpxmvoEVqoEVpoEVpoEVpoEVpoEVpoEVkoEVgkFQsEFSsEFQsGEcoSvY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnmbNAUT2c2WAo2eAo2eAo2eAo2eAo2eArNEPFACjZ4CjZ4CjZ4CjaIird/rBvFH6llNCvewdli1URWCIakSIZesUaDoFg36dKFWk9zCZDei3TtwmCj7pC22AwikiIZPEU29IpFNliKxa/hC9DFITjQPYhcAAAAAElFTkSuQmCC);
  background-color: rgba(255, 255, 255, 0.8);
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 2.7em;
  height: 2.7em;
  text-align: center;
  overflow: hidden;
  color: #a33;
  z-index: 2147483642;
}

.ath-container.ath-icon:before {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  float: none;
}

.ath-mandatory .ath-container:before {
  display: none;
}

.ath-container.ath-android:before {
  float: left;
  margin: -0.7em 0.5em 0 -0.6em;
}

.ath-container.ath-android.ath-icon:before {
  position: absolute;
  right: auto;
  left: 0;
  margin: 0;
  float: none;
}

/* applied only if the application icon is shown */
.ath-action-icon {
  display: inline-block;
  vertical-align: middle;
  background-position: 50%;
  background-repeat: no-repeat;
  text-indent: -9999em;
  overflow: hidden;
}

.ath-ios7 .ath-action-icon,
.ath-ios8 .ath-action-icon,
.ath-ios9 .ath-action-icon,
.ath-ios10 .ath-action-icon {
  width: 1.6em;
  height: 1.6em;
  background-image: url(data:image/png;base64,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);
  margin-top: -0.3em;
  background-size: auto 100%;
}

.ath-ios6 .ath-action-icon {
  width: 1.8em;
  height: 1.8em;
  background-image: url(data:image/png;base64,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);
  margin-bottom: 0.4em;
  background-size: 100% auto;
}

.ath-android .ath-action-icon {
  width: 1.4em;
  height: 1.5em;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAANlBMVEVmZmb///9mZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZW6fJrAAAAEXRSTlMAAAYHG21ub8fLz9DR8/T4+RrZ9owAAAB3SURBVHja7dNLDoAgDATQWv4gKve/rEajJOJiWLgg6WzpSyB0aHqHiNj6nL1lovb4C+hYzkSNAT7mryQFAVOeGAj4CjwEtgrWXpD/uZKtwEJApXt+Vn0flzRhgNiFZQkOXY0aADQZCOCPlsZJ46Rx0jhp3IiN2wGDHhxtldrlwQAAAABJRU5ErkJggg==);
  background-size: 100% auto;
}

.ath-container p {
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 2147483642;
  text-shadow: 0 0.1em 0 #fff;
  font-size: 1.1em;
}

.ath-ios.ath-phone:after {
  content: "";
  background: #eee;
  position: absolute;
  width: 2em;
  height: 2em;
  bottom: -0.9em;
  left: 50%;
  margin-left: -1em;
  -webkit-transform: scaleX(0.9) rotate(45deg);
  transform: scaleX(0.9) rotate(45deg);
  box-shadow: 0.2em 0.2em 0 #d1d1d1;
}

.ath-ios.ath-tablet:after {
  content: "";
  background: #eee;
  position: absolute;
  width: 2em;
  height: 2em;
  top: -0.9em;
  left: 50%;
  margin-left: -1em;
  -webkit-transform: scaleX(0.9) rotate(45deg);
  transform: scaleX(0.9) rotate(45deg);
  z-index: 2147483641;
}

.ath-application-icon {
  position: relative;
  padding: 0;
  border: 0;
  margin: 0 auto 0.2em auto;
  height: 6em;
  width: 6em;
  z-index: 2147483642;
}

.ath-container.ath-ios .ath-application-icon {
  border-radius: 1em;
  box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.3), inset 0 0.07em 0 rgba(255, 255, 255, 0.5);
  margin: 0 auto 0.4em auto;
}

@media only screen and (orientation: landscape) {
  .ath-container.ath-phone {
    width: 24em;
  }

  .ath-android.ath-phone {
    margin-left: -12em;
  }

  .ath-ios.ath-phone {
    margin-left: -12em;
  }

  .ath-ios6:after {
    left: 39%;
  }

  .ath-ios8.ath-phone {
    left: auto;
    bottom: auto;
    right: 0.4em;
    top: 1.8em;
  }

  .ath-ios8.ath-phone:after {
    bottom: auto;
    top: -0.9em;
    left: 68%;
    z-index: 2147483641;
    box-shadow: none;
  }
}

/*# sourceMappingURL=style.css.map */