:root {
	--frame-lght-grey: #c3d3e4;
	--frame-main-grey: #333333;
	--frame-dark-grey: #1d1919;
	--frame-main: #dc000c; /*#ef4135;*/

	--frame-social-fb: #345C8D;
	--frame-social-tw: #5BADEA;
	--frame-social-in: #cd486b;
	--frame-social-yt: #f60000;
	--frame-social-tt: #fff;
}

body .screen-view {
	float: left;
	min-height: calc(100vh - 28px);
	width: 100%;
	/*font-family: 'Proxima Nova';*/
	font-family: 'Raleway';
	font-size: 14px;

	padding-top: 85px; }

a, a:hover, a:focus, a:active {
	text-decoration: none;
	transition: 0.5s; }
	a:hover, a:focus, a:active {
		transition: 0.3s; }

/* =============================================================================================== */
/* CACHE LIST ==================================================================================== */
/* =============================================================================================== */

body .cache-list {
	min-height: 100vh;
	background-color: #eee;
	padding: 0;
	display: flex;
	align-items: center; }
	.cache-list .cache-row {
		margin: 0 auto; }

	.cache-list .box {
		width: 900px;
		background-color: white;
		border-radius: 5px;
		box-shadow: 0 3px 3px rgba(0,0,0,0.3);
		overflow: hidden; }

		.cache-list .box .title {
		    background-color: red; background-color: var(--frame-main);
		    color: white;
		    font-family: "Oswald";
		    font-size: 22px;
		    font-weight: bold;
		    padding: 10px 30px; }
		.cache-list .box .row-head {
		    color: grey; color: var(--frame-main-grey);
		    font-family: "Oswald";
		    font-size: 18px;
		    font-weight: bold;
		    padding: 5px 50px;
		    border-bottom: 1px solid #eee; }
		.cache-list .box .row-cont {
		    color: grey; color: var(--frame-main-grey);
		    padding: 5px 50px;
		    margin-bottom: 15px; }

		.cache-list .box .row-foot {
		    background-color: grey; background-color: var(--frame-main-grey);
		    padding: 15px 50px 30px; }
			.cache-list .box .row-foot input[type="text"],
			.cache-list .box .row-foot input[type="password"] {
			    width: 100%;
			    padding: 5px 30px;
			    margin-bottom: 2px; }
			    .cache-list .box .row-foot #btn-submit {
			    	float: right;
				    display: block;
				    width: 200px;
		    		background-color: red;
				    background-color: var(--frame-main);
				    color: white;
				    font-size: 16px;
				    font-weight: bold;
				    text-transform: uppercase;
				    border: 0;
				    padding: 4px 30px;
				    cursor: pointer; }

		.cache-list .box .note {
		    position: fixed; left: 50px; bottom: 0;
			display: none;
		    background-color: grey;
		    color: white;
		    text-align: center;
		    font-size: 16px;
		    padding: 30px 80px;
		    box-shadow: 0 3px 3px rgba(0,0,0,0.3);
		    z-index: 100; }
			.cache-list .box .note.su { background-color: #9bc626; }
			.cache-list .box .note.un { background-color: #cc2a2a; }


/* =============================================================================================== */
/* LOADING ======================================================================================= */
/* =============================================================================================== */

.loading {
    display: flex;
    align-items: center;
    position: fixed; top: -100vh;  left: 0;
    background-color: rgba(46, 57, 84, 1);
    width: 100%;
    height: 100vh;
    z-index: 10000;
    opacity: 0;
	transition: 0.5s; }
	.loading.open {
		top: 0;
		opacity: 1;
		transition: 0.5s; }
	.loading .loading-row {
		margin: 0 auto; }

	.loading .loading-row img {
		width: 125px;
		margin-bottom: 15px;
		opacity: 0;
		transform: translateY(-300px);
		transition: 0.5s;
		transition-delay: 0.2s; }
		.loading.open .loading-row img { 
			opacity: 1;
			transform: translateY(0);
			transition: 0.5s }

	.loading .loading-row .text {
		color: white;
		text-transform: uppercase;
		margin-bottom: 50px;
		margin-left: 35px;
		opacity: 0;
		transform: translateY(-300px);
		transition: 0.5s;
		transition-delay: 0.2s; }
		.loading.open .loading-row .text{ 
			opacity: 1;
			transform: translateY(0);
			transition: 0.5s }


/* =============================================================================================== */
/* NAVIGATION ==================================================================================== */
/* =============================================================================================== */

.fixed-top {
	z-index: 3001; }

.top-bar {
    position: fixed; top: 0; left: 0;
    width: 100%;
    height: 25px;
    z-index: 3002;
	background-color: red;
    background-color: var(--frame-main);
    overflow: hidden;
    transition: 0.3s; }
	/*@media (max-width: 425px) { .top-bar { height: auto; } }*/
	.top-bar.open { 
    	height: 175px; 
    	transition: 0.3s; }

    .top-bar ul {
	    list-style-type: none;
	    padding: 0;
	    margin: 0; }
	    .top-bar ul li {
		    float: left;
		    height: 25px;
			color: white;
		    text-transform: uppercase;
		    border-right: 1px solid #f8f9fa;
		    padding: 1px 10px; }
			@media (max-width: 425px) { .top-bar ul li { 
				width: 100%;
				border: 0;
			    border-bottom: 1px solid rgba(255,255,255,0.2);
			    padding: 1px 30px; } }

		    .top-bar ul li.mob-drop {
		    	display: none;
			    position: relative;
			    font-size: 25px;
			    text-align: center;
			    line-height: 0;
			    padding: 0; }
				@media (max-width: 425px) { .top-bar ul li.mob-drop { display: block; } } 

	    	.top-bar ul li a {
				color: white;
		    	font-size: 10px; }

	.top-bar .social {
	    float: right;
	    list-style: none;
	    padding: 0;
	    margin: 0; }
		.top-bar .social li {
			display: flex;
			align-items: center;
			justify-content: center;
		    float: left;
		    width: 25px;
		    height: 25px;
		    color: white;
		    text-align: center;
		    border: 0;
		    padding: 2px 0; }
			@media (max-width: 425px) { .top-bar li { width: 100%; } }
			.top-bar .social li.tag {
		        width: auto;
			    font-size: 10px;
			    padding: 5px 10px; }

			.top-bar .social li.fb { background-color: blue; background-color: var(--frame-social-fb); }
			.top-bar .social li.tw { background-color: teal; background-color: var(--frame-social-tw); }
			.top-bar .social li.in { background-color: pink; background-color: var(--frame-social-in); }
			.top-bar .social li.yt { background-color: red; background-color: var(--frame-social-yt); }
			.top-bar .social li.tt { background-color: blue; background-color: var(--frame-social-tt); }

			.top-bar .social li a {
			    color: white;
				font-size: 12px; }

nav.navbar {
    padding: 35px 15px 10px;
    box-shadow: 0 0 3px rgba(0,0,0,0.3); }
	nav.navbar .main-logo {
		transform: scale(1.5); }
    @media (max-width: 425px) { nav.navbar .main-logo { margin-left: 15px; } }

@media (min-width: 768px) { .navbar-nav { padding-left: 30px } }
    @media (max-width: 425px) { .navbar-nav { margin-top: 15px; } }

.navbar-light .navbar-nav .nav-link {
    color: #333; }
    @media (max-width: 425px) { .navbar-light .navbar-nav .nav-link { border-bottom: 1px solid rgba(0,0,0,0.1); padding: 10px 30px; } }

/* =============================================================================================== */
/* HEAD TITLE ==================================================================================== */
/* =============================================================================================== */

.head-default {
	display: flex; align-items: center;
	position: relative;
	width: 100%;
	height: 55px;
	padding: 5px 0;
    margin: 0; }

	.head-default .image {
		float: left;
		height: 100%;
		width: auto;
		margin: 0 15px 0 0; }
		@media( max-width: 375px) { .head-default .image { max-width: 70px; height: auto; max-height: 40px; } }
    

	.head-default .title {
		float: left;
		/*background-color: grey; */
		color: var(--frame-dark-grey);
	    font-size: 24px;
	    font-family: "Oswald";
	    font-weight: bold; }
		.head-default.sub .title {
			color: var(--frame-main);
	   		font-size: 18px;
			font-family: "Proxima Nova";
			text-transform: uppercase; }

	.head-default .link {
	    display: flex; align-items: center;
	    position: absolute; top: 10px; right: 0;
	    height: calc(100% - 20px);
	    background-color: red; background-color: var(--frame-main);
	    color: white;
	    font-weight: bold;
	    text-transform: uppercase;
	    border: 2px dotted red; border: 2px dotted var(--frame-main);
	    padding: 0 30px;
	    transition: 0.5s; }
		.head-default .link:hover {
			background-color: transparent;
			color: red; color: var(--frame-main);
			transition: 0.3s; }

/* =============================================================================================== */
/* FOOTER ======================================================================================== */
/* =============================================================================================== */

footer {
	float: left;
	width: 100%;
    /*background-color: #1d1919; */
    /*background-color: var(--frame-main-grey);*/
    background-color: var(--frame-main);
    color: white;
	font-family: 'Proxima Nova';
    font-size: 12px;
    padding: 5px 0 0; }
    footer .row {
    	margin: 15px -15px 60px; }
	    footer .title {
		    font-size: 16px;
		    font-weight: bold;
		    border-bottom: 1px solid red; border-bottom: 1px solid var(--warning);
		    padding: 0 15px;
		    margin: 15px 0; }
	    footer .cont { 
		    padding: 0 15px; }
		    footer .cont ul {
		    	list-style-type: none;
		    	padding: 0; }
		    footer .cont a { 
			    color: white;
			    font-weight: bold; }
			    footer .cont a:hover { 
				    color: rgba(255,255,255,0.5); }

	footer .copyright {
		float: left;
		width: 100%;
	    background-color: #5F0E47;
	    color: white;
	    font-size: 12px;
	    padding: 5px 0; }
		footer .copyright .left-side {
			float: left;
			width: 50%; }
		footer .copyright .right-side {
			float: right;
			width: 50%;
			text-align: right; }

/*==================================================================================================*/
/*==================================================================================================*/
/* POP UP ==========================================================================================*/
/*==================================================================================================*/
/*==================================================================================================*/

.popup-btn { color: var(--frame-main); cursor: pointer; }

.popup {
	display: none; align-items: center;
	position: fixed; top: 0; left: 0; 
	width: 100%;
	height: 100vh;
	background-color: rgba(0,0,0,0.8);
	z-index: 99999; }
    .popup .flex { 
		display: flex; align-items: center; 
		width: 100%; height: 100%; }
    .popup .row { margin: 0 auto; }
    .popup .box {
		display: inline-block;
		max-width: 600px;
		max-height: 95vh;
		background-color: white;
		text-align: center;
		border-radius: 10px;
		opacity: 0;
		transform: translateY(-100px) scale(0.8);
		overflow: hidden; }
      	.popup.open .box {
			opacity: 1;
			transform: translateY(0) scale(1); 
			transition: 0.3s; }
            .popup .box .scroll {
				float: left;
				width: 100%;
				height: 100%;
				color: #333;
				font-size: 14px;
				text-align: left;
				padding: 30px;
				overflow-y: scroll; } 
          	.popup .box .scroll .title {
                color: grey;
                font-size: 26px;
                font-weight: bold;
                padding: 0 0 5px;
                margin: 0 0 10px;
                border-bottom: 1px solid #eee; }
          	.popup .box .scroll .subtitle {
                font-size: 16px;
                font-weight: bold;
                margin-top: 10px; }
          	.popup .box .scroll .subsubtitle {
                font-weight: bold;
                margin-top: 10px; }
          	.popup .box .scroll .line {
                color: #333;
                font-size: 12px;
                margin-top: 5px; }
        .popup .popup-close {
			position: absolute; top: 10px; right: 25px;
			color: grey;
			font-size: 20px;
			cursor: pointer; }
		.popup  .privacy-close {
		    float: right;
		    background: var(--frame-main);
		    color: white;
		    text-transform: uppercase;
		    border-radius: 5px;
		    padding: 5px 25px;
		    cursor: pointer; }

/*==================================================================================================*/
/* COOKIES =========================================================================================*/
/*==================================================================================================*/

.cookie-box {
    position: fixed; bottom: 30px; left: 0;
    max-width: 600px;
    background-color: #5F0E47;
    color: white;
    font-size: 14px;
    line-height: 1.2;
    padding: 30px 50px;
    box-shadow: 0 3px 3px rgba(0,0,0,0.3);
    z-index: 9999; }
	.cookie-box span { font-weight: bold; }
	.cookie-box .agree {
    display: inline-block;
    background-color: #9d003d;
    text-transform: uppercase;
    font-weight: bold;
    padding: 5px 15px;
    cursor: pointer; }

.bottom-float {
	position: fixed; left: 0; bottom: 30px;
	width: 100%;
    max-width: 600px;
	z-index: 9999;
	transition: 0.3s; }
	.bottom-float.cookie { 
		bottom: calc(30px + 86px);
		transition: 0.3s; }
	@media( max-width: 320px) { .bottom-float.cookie { bottom: calc(30px + 118px); } }


	.bottom-float .close.fas.fa-times {
	    color: white;
	    transform: translate(-10px, 30px);
	    opacity: 1; }

	.bottom-float img { 
		width: 100%;
		max-width: 600px; }



/*==================================================================================================*/
/* DIGITAL TV  =========================================================================================*/
/*==================================================================================================*/

.digital-tv {
	display: grid;
	grid-template-columns: 1fr 400px;
	grid-gap: 15px;
	margin: 30px 0; }
	@media( max-width: 425px) { .digital-tv { grid-template-columns: 1fr; } }

	.digital-tv .digital-tv-title {
		width: 100%; 
		color: #333; 
		font-size: 22px; 
		font-weight: bold;
		text-align: center; 
		text-transform: none; }
	.digital-tv .digital-tv-frame {
		line-height: 1; 
		display: block; 
		width: 100%; }

	.digital-tv .news-title {
		position: relative;
		width: 100%;
		background-color: #333;
		margin: 0 0 15px; }
		.digital-tv .news-title .title {
			display: inline-block;
			color: white;
			background-color: var(--frame-main);
			font-weight: bold;
			text-transform: uppercase;
			border-right: 5px solid white;
			padding: 8px 15px; }

	.digital-tv .news-grid {
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 15px; }
		.digital-tv .news-grid .item {
			display: grid;
			grid-template-columns: 150px 1fr;
			grid-gap: 10px; }
			.digital-tv .news-grid .item .image {
				background-position: center;
				background-size: cover; }
			.digital-tv .news-grid .item .title {
				color: #333;
				font-weight: bold;
				line-height: 1.2;
				margin: 0 0 5px; }
			.digital-tv .news-grid .item .excerpt {
				color: grey;
				font-size: 12px;
				line-height: 1; }