:root {
	--skai-blue: #1a6aff;
	--dark-blue: #12114a;
	--skai-red: #e51f44;
	--skai-red-transparent: #e51f4480;
	--dark-red: #d2193b;
	--gray: #f0f0f0;
	--dark-gray: #353b49;
	--dark-gray-transparent: #353b4980;
	--yellow: #ffda7d;
	--light-blue: #97c1ff;
	--black-transparent: #00000080;
	--top-distance: calc(61.19px + 3rem);
}
.text-initial {
	color: #212529 !important;
}
.text-white-transparent {
	color: #ffffff80 !important;
}
.bg-skai-blue {
	background-color: var(--skai-blue) !important;
}
.bg-dark-blue {
	background-color: var(--dark-blue) !important;
}
.text-skai-blue {
	color: var(--skai-blue) !important;
}
.bg-skai-red {
	background-color: var(--skai-red) !important;
}
.border-skai-red {
	border-color: var(--skai-red) !important;
}
.bg-skai-red-transparent {
	background-color: var(--skai-red-transparent) !important;
}
.text-dark-red {
	color: var(--dark-red) !important;
}
.bg-gray {
	background-color: var(--gray) !important;
}
.text-gray {
	color: #999999 !important;
}
.bg-dark-gray {
	background-color: var(--dark-gray) !important;
}
.text-dark-gray {
	color: var(--dark-gray) !important;
}
.bg-dark-gray-transparent {
	background-color: var(--dark-gray-transparent) !important;
}
.text-yellow {
	color: var(--yellow) !important;
}
.text-light-blue {
	color: var(--light-blue) !important;
}
.bg-light-blue {
	background-color: var(--light-blue) !important;
}
.bg-black-transparent {
	background-color: var(--black-transparent) !important;
}

@font-face {
  font-family: 'AstyRegular';
  src: url('../fonts/Asty-Regular.woff2') format('woff2'),
       url('../fonts/Asty-Regular.woff') format('woff');
}
@font-face {
  font-family: 'AstyMedium';
  src: url('../fonts/Asty-Medium.woff2') format('woff2'),
       url('../fonts/Asty-Medium.woff') format('woff');
}
html {
	font-size: 14px;
}
body {
	font-family: 'AstyRegular';
}
.no-scroll {
	overflow: hidden;
}
a {
	text-decoration: none !important;
}
.logo img {
	max-width: 120px;
}
.loader-wrapper {
	z-index: 1032;
	background-image: url("../images/logo-b.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 6rem;
}
.spinner-border {
	width: 9rem;
	height: 9rem;
}
.fab {
    font-weight: normal;
    font-size: 24px;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
}
main {
	padding-top: var(--top-distance);
}
.text-40 {
	font-size: 40px !important;
}
.text-80 {
	font-size: 80px !important;
}
.opinion-button {
	top: var(--top-distance);
	right: 0;
	z-index: 99;
}
.arrow-down {
	top: 0;
	left: 50%;
	margin-left: -10px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 8px solid white;
}
.carousel-control {
	width: 44px;
}
.top-0 {
	top: 0 !important;
}
.bottom-0 {
	bottom: 0 !important;
}
.left-0 {
	left: 0 !important;
}
.right-0 {
	right: 0 !important;
}
.centered-x {
	top: 50%;
	transform: translateX(-50%);
}
.centered-y {
	left: 50%;
	transform: translateY(-50%);
}
.centered-x.centered-y {
	transform: translateX(-50%) translateY(-50%);
}
b {
	font-weight: 700 !important;
}
.newsfeed h2 {
	background-image: url(../images/white-line.png);
    background-repeat: repeat-x;
    background-position: center 70%;
}
.dont-miss .item-text span {
	height: 63px;
	overflow: hidden;
}
/*****************************************/
.dark-layer {
	z-index: 1031;
}
.visible {
	opacity: 1;
	transition: 0.5s;
}
.invisible {
	opacity: 0;
	transition: 0.5s;
}
.off-canvas {
	width: 300px;
	z-index: 1031;
	left: -305px;
	transition: 0.5s;
}
.off-canvas.open {
	left: 0;
}
/*****************************************/
.rotate-y-180 {
	transform: rotateY(180deg);
}
.schedule-live-indicator {
	line-height: 1.4;
}
.nav-link {
	padding: .5rem .9rem;
}
#network-list {
	background-image: url(../images/map.jpg);
    /* background-attachment: fixed; */
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 92%;
}
#network-list .collapse span:nth-child(odd) {
	background-color: #f0f0f080 !important;
}
#network-list .collapse span:nth-child(even) {
	background-color: #ffffff80 !important;
}
.floating-button {
	right: 15px;
	bottom: 15px;
}
.floating-button-circle {
	width: 59px;
}
.off-canvas-social {
	font-size: 0.8rem;
}
.dropdown {
	z-index: 1029;
	top: 61.19px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #00000080;
}
.my-auto {
	margin-left: auto;
	margin-right: auto;
}
.h-606 {
	height: 606px;
	overflow-y: scroll;
}
.object-fit-cover {
	object-fit: cover;
}
a {
	cursor: pointer;
}

.pb-40 {
	padding-bottom: 40px;
}

@media (min-width: 576px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}

.primary-tabs{
  width:100%;
  clear:both;
}

.primary-tabs h2{
  display: none;
}

.primary-tabs ul{
  margin:0px;
}

.primary-tabs ul li{
  float:left;
  display: inline;
  margin-right: 10px;
  padding-bottom:5px;
  border-right:1px solid #ccc;
  padding-right:10px;  
}

.floating-button{
	z-index:1000;	
}

#dont-miss-carousel{
	z-index:10;	
}

/* A */
.floating-button {
	bottom: 40px;
	min-width: 60px;
	min-height: 60px;
}

.floating-button:hover, .floating-button:active {
	bottom: 40px;
	min-width: 60px;
	min-height: 60px;
	-moz-box-shadow: 0 0 0.75rem rgba(0,0,0,.5)!important;
	-webkit-box-shadow: 0 0 0.75rem rgba(0,0,0,.5)!important;
	box-shadow: 0 0 0.75rem rgba(0,0,0,.5)!important;
	transition: 0.25s;
}

.schedule .airing a.shadow:hover, .schedule .airing a.shadow:active {
	background: #e51f45;
	transition: 0.25s;
	-moz-box-shadow: 0 0 0.75rem rgba(0,0,0,.5)!important;
	-webkit-box-shadow: 0 0 0.75rem rgba(0,0,0,.5)!important;
	box-shadow: 0 0 0.75rem rgba(0,0,0,.5)!important; }

.floating-button:active,  .schedule .airing a.shadow:active {
	-moz-box-shadow: 0 0 0.25rem rgba(0,0,0,.65)!important;
	-webkit-box-shadow: 0 0 0.25rem rgba(0,0,0,.65)!important;
	box-shadow: 0 0 0.25rem rgba(0,0,0,.65)!important;
	background-color: #b71536!important;
}

.schedule .airing a.shadow:active i {
	background: #b71536!important;
	transition: 0.25s;
}

.schedule .airing a.shadow:hover span, .schedule .airing a.shadow:active span {
	background: none!important;
	color: #fff!important;
}

/* Mobile menu  */

.off-canvas-social {
	position: absolute;
	bottom: 4rem;
	left: 0;
}

.off-canvas .fa-stack {
	width: 3em;
}

.off-canvas nav a {
	padding: 1rem;
}

.off-canvas .logo {
	padding: 1rem;
}

/* Contact  Form */

.contact-form ::placeholder {
	color: #949494;
	font-style: italic;
}

.contact-form label, .modal-content label {
	font-size: 1.25rem;
	font-weight: 500;
}

.modal-content .form-check-label {
	font-size: 1rem;
	font-weight: normal;
}

label {
	margin-top: 1rem;
	margin-bottom: .35rem;
}

.modal-content .form-check-label {
margin-top:0;
}

.contact-form .form-control {
font-size:1.25rem;
}

.form-group.form-check {
	margin-top:2rem;
	padding-left: 2.5rem;
}

.form-check input[type="checkbox"] {
	width: 25px;
	height: 25px;
	margin-left: -2.5rem;
}



/* Opinion button */

.btn-primary:hover {
	-moz-box-shadow: 0 0 1rem rgba(0,0,0,.5)!important;
	-webkit-box-shadow: 0 0 1rem rgba(0,0,0,.5)!important;
	box-shadow: 0 0 1rem rgba(0,0,0,.5)!important; }

.btn-primary:active {
	-moz-box-shadow: 0 0 0.25rem rgba(0,0,0,.65)!important;
	-webkit-box-shadow: 0 0 0.25rem rgba(0,0,0,.65)!important;
	box-shadow: 0 0 0.25rem rgba(0,0,0,.65)!important; }


.opinion-button span:hover, .opinion-button:hover span {
	background-color: #353b49!important;
	color: #fff!important;
	transition: 0.25s;
}


/* :hover navigation links */

.main-menu .nav a:hover {
	opacity: 0.75;
}


/*Dropdown :hovers & :actives */

.dropdown .col:hover a {
	color: var(--skai-red)!important;
}
.dropdown  .col:hover a .item-image img {
	border: 3px solid var(--skai-red)!important; } .dropdown .col:active a {
	color: #a0132d!important;
}
.dropdown .col:active a .item-image img {
	border-color: #a0132d!important;
}


.dropdown .btn:hover, .dropdown .btn:active, form button.btn:hover {
	background: var(--skai-red);
	color: #fff;
	transition: 0.25s;
	box-shadow: 0 0 0.75rem rgba(0,0,0,.5)!important; }

.dropdown .btn:active, form button.btn:active {
	box-shadow: 0 0 0.25rem rgba(0,0,0,.65)!important;
	background: #a0132d;
	border-color: #a0132d!important;
	color:#fff;
}


.dropdown a:hover .item-title {
	color: var(--skai-red)!important;
}

.dropdown a:hover .item-image img {
	border-width: 3px!important;
}

.dropdown a:active .item-title, .dropdown a:active .item-image img {
	color: #a0132d!important;
	border-color: #a0132d!important;
}

#dropdown-producers .item-title {
	margin-bottom: 0.75rem;
}

/*   hover title shows   */

a h3:hover {
	text-decoration: underline;
}
.suggestions a h3:hover {
	text-decoration: none;
}

/* :hover live player */ /* :hover footer   */

.player-section a:hover, footer a:hover {
	text-decoration: underline!important;
}

.footer-social {
	margin-bottom: 50px!important; 	/* προστίθεται */
}

.footer-social a:hover .fab {
	color: #fff!important;
}

/* :hover skai news */

.bg-skai-blue div .bg-dark-blue:hover h3 {
	text-decoration: underline!important;
}


/*  :hover on podcasts */

#podcasts-section .slick-slide .item {
	position: relative;
	transition: 0.25s;
}

#podcasts-section .slick-slide .item:hover::before, .history a:hover::before {
	background-color: #fff;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	opacity: .2;
	transition: 0.5s;
}

/*    bestof :hover    */

.bestof-block-item .item-image:hover::before {
	background-color: #fff;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	opacity: .25;
	transition: 0.5s;
}


/*     program     */

.schedule .airing span a:hover {
	text-decoration: underline!important;
}
.schedule-timeline .bg-skai-red .time {
	 color: #fff!important;
}

/*    Diktio   */

.stations-list h3 {
	padding: 0.75rem 0!important;
}

.stations-list h3:hover {
	cursor: pointer;
}

.stations-list .show a:hover {
	text-decoration: underline!important;
}

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

.stations-list h3 {
	font-size: 1.5rem!important;
}
}


.contest-container{
    min-height:50vh;
}

.episode-description{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 20px;
}
.schedule-readmore .readmore-btn-popup{
	color:#212529;
}
.schedule-readmore .readmore-btn-popup:hover {
	color:white;
	background-color: #e51f44;
}

.colorbox-data{
	background: white;
	border: 2px solid #e51f44;
}

#cboxLoadedContent{
	padding:20px;
}