* {
    box-sizing: border-box;
	margin: 0px;
}

html {
    font-family: "Lucida Sans", sans-serif;
}
.topContainer {background: linear-gradient(141deg, #ecfbfa 0%, #7ae8f5 51%, #2cb5e8 75%);linear-gradient(141deg, #ecfbfa 0%, #1fc8db 51%, #2cb5e8 75%);xxx2:F9FBFF;xx: #e0e0eb;}
.mainContainer {background-c/olor:#ffffe6;
				background:ur/l(tlosky6.png) no-repeat center center fixed; 
				  -webkit-background-size: cover;
				  -moz-background-size: cover;
				  -o-background-size: cover;
				  background-size: cover;
				  background:#fafafa;
}
.footContainer {background-color: #000000;clear:both;}


.header {color: #3d3d5c;max-width:1200px;margin: 0 auto;height:50px;}
.footer {color:#ffffff; max-width:1200px;margin: 0 auto;}
.main {max-width:1200px;margin: 0 auto;height:100%;padding-top:1%;background:#fafafa;}


.menuDesktop {display:inline;}
.menuMobile {display:none;float:right;font-size:30px;margin-right:10px;padding-top:5px;}
.menuIcon {padding-top:20px;}

@media screen and (min-width: 769px) {
.menuDesktop {display:inline !important;}
.menuMobile {display:none !important;}
}

#articleImage{
position:relative; width:100%;min-height:100%;}

#overlayTitle{

    position: absolute;
    /* top: 20px; */
    bottom: 4%;
    width: 100%;
    text-align:  center;
    font-size: 34px;
    backgr/ound-color: #000;
    color:  #fff;
    opacity: 0.9;

	}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
	overflow-x: auto;
}

th, td {
    padding: 5px;
}

tr:nth-child(even) {
    background-color: #f2f2f2
}

.NewsBlock
{
	float:left;
	overflow:hidden;
	max-height: 200px;
	min-height: 200px;
	margin-bottom: 8px;
	box-shadow: 3px 4px 2px 0px rgba(0,0,0,0.2);
	position:relative
}

.NewsBlock:hover {
    bo/x-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
	filter: brightness(110%);
}
.left{width:70%;float:left;padding-left:2%;padding-right:2%;}
.right{width:30%;text-align:center;float:left;display: inline-block;}
.firstNewsBlock{
	width:99%;
}

.secondNewsBlock{
	width:49%;
	margin-right:1%;
}

.NewsLabel{
    position: absolute;
	font-family: Libre Franklin;
    background: rgba(90, 85, 85, 0.9);
    color: #ffffff;
    word-wrap: break-word;
    max-width: 500px;
    float: right;
	bottom: 0;
	right: 0;
}

.firstNewsLabel{
    font-size: 30px;
}

.secondNewsLabel{
	 font-size: 20px;
}

.imgContainer{
	overflow:hidden;
}

.imageInContainer{
	width:100%;
}

@media only screen and (max-width: 768px) {
    [class*="col-"] {
        width: 100%;
    }
	.left{
		width:100%;
	}
	.right{
		width:100%;
	}
	ul {overflow: visible; }
	li {width:100%;}
	li a, .dropbtn {width:100%;}
	.menuDesktop {display:none;}
	.menuMobile {display:inline;}
	.dropdown-content{width:100%;}
	.right{width:100%;}
	.left{width:100%;}
	.firstNewsBlock{
		width:100%;
	}
	.firstNewsLabel{
		font-size:20px;
	}
	
	.secondNewsBlock{
	width:100%;
	}
	
	.secondNewsLabel{
		font-size:20px;
	}
	
	#overlayTitle{
    font-size: 20px;
	}
	
	th, td {
    padding: 0px;
	}
	
	.hidecolumn{ display:none;}
	
	.tablecalc th, .tablecalc td {
    padding: 0px;
	disp/lay: table-row;
	}
}

tr:hover td {
background-color: #FEFEFE;
}




ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #e0e0eb;
	z-index:99999;
}

a{
	text-decoration: none;
	color:#000000;
}

li {
    float: left;
	z-index:99999;
}

li a, .dropbtn {
    display: inline-block;
    color: #3d3d5c;
    text-align: center;
    padding: 14px 10px;
    text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
    background-color: #e6f9ff;
}

li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 999;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
	
    text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}


.tileContainer {
	display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
 }
 
.tileZoom {
    padding: 25px;
    background-color: grey;
    transition: transform .2s; /* Animation */
    width: 150px;
    height: 150px;
    margin: 5px;
	float:left;

background: #d6f9ff; /* Old browsers */
background: -moz-linear-gradient(top, #d6f9ff 0%, #9ee8fa 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #d6f9ff 0%,#9ee8fa 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #d6f9ff 0%,#9ee8fa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6f9ff', endColorstr='#9ee8fa',GradientType=0 ); /* IE6-9 */
}

.tileZoom:hover {
    transform: scale(1.25); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}


a.buttonlink:link{color:#fff;text-decoration: none}
a.buttonlink:hover {color:#fff;text-decoration: none}
a.buttonlink:active{color:#fff;text-decoration: none}
a.buttonlink:visited{color:#fff;text-decoration: none}

.brighten  {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}

.brighten:hover {
 opacity: 0.7;
}