html,body,img,ul,li,a,input,icon,figure {
padding: 0;
margin: 0;
}
body {
margin: 0;
padding: 0;
background: #EAEADA;
}
.container {
margin: 86px 0px 0px 0px;
position: relative;
display: block;
float: left;
max-width: 1370px;
}
.wrapper {
margin: 0;
width: 100%;
height: 100%;
}
.container .lms  { 
position: relative;
width: 1006px;
display: block;
float: left;
}
.zwen {
clear: both;
}
.lms div.sml {
position: relative;
float: left;
width: 329px;
height: 252px;
margin-bottom: 10px;
margin-left: 4px;
border: 1px solid #DFEAED;
text-align: center;
background-color: #EDF0EF;
color: #73AD21;
background: -webkit-linear-gradient(left, #DFEAED 0%, #fff 100%);
background: linear-gradient(to right, #DFEAED 0%, #fff 100%);
background: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%,#DFEAED), color-stop(100%,#fff)); 
background: -moz-linear-gradient(left, #DFEAED 0%, #fff 100%);
background: -o-linear-gradient(left, #DFEAED 0%, #fff 100%); 
background: -ms-linear-gradient(left, #DFEAED 0%, #fff 100%);
}
.lms .sml li {
list-style: none;
z-index: 1000;
margin-top: 15px;
}
.lms .sml li a {
color: brown;
text-align: center;
font-family: 'Arapey';
font-weight: 700;
font-size: 1.2em;
letter-spacing: -0.71px;
text-decoration: none;
line-height: 0.98em;
}
.lms .sml li:hover {
position: relative;
width: 100%;
height: 47px;
overflow: hidden;
}
.lms .sml li a:hover {
color: #5C2127;
text-decoration: underline;
}
.sml img {
overflow: hidden;
width: 329px;
height: 185px;
border-bottom: none;
padding: 0;
margin-bottom: 0px;
}
.sml:hover img {
opacity: 1;
}
.rgnav {
padding-right: 0;
background: #DCFCF3;
width: 332px;
height: 100%;
float: right;
margin-top: 0px;
margin-right: 3px;
background: -webkit-linear-gradient(to right, #DCFCF3 0%, #fff 100%);
background: linear-gradient(to right, #DCFCF3 0%, #fff 100%);
}
.rgnav ul.pmen li {
list-style: none;
margin-left: 8px;
margin-right: 2px;
height: 100%;
padding: 2px 0;
border-bottom: 1px solid #fff;
text-align: left;
width: 98%;
}
.rgnav ul.pmen li a{
color: brown;
font-size: 0.895em;
font-family: 'Rubik', Arial Narrow, sans-serif;
text-decoration: none;
letter-spacing: 0.819px;
font-weight: 200;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.rgnav ul.pmen li:hover a {
font-weight: 400;
color: #D95087;
}
.rgnav li.breaking span.new {
color: white;
background: red;
font-family: 'Rubik';
font-size: 15px;
line-height: 12px;
}
.rgnav li.breaking span.enti {
color: red;
font-size: 15px;
}
.tocont {
border: 1px solid transparent;
height: 100%;
width: 968px;
margin: 22px 0px 22px 4px;
padding: 15px;
background: #F2ECE6;
overflow: hidden;
clear: both;
-webkit-box-shadow: 1px 1px 10px 0px rgba(166,31,54,1);
-moz-box-shadow: 1px 1px 10px 0px rgba(166,31,54,1);
box-shadow: 1px 1px 10px 0px rgba(166,31,54,1);
}
.tocont h2 {
position: relative;
padding: 30px 0 0 0;
font-family: 'Barlow';
color: #999;
text-shadow: inset 0 0 1px rgba(0,0,0,0.2);
text-transform: uppercase;
text-align: center;
font-size: 33px;
line-height: 30px;
letter-spacing: 3px;
margin-top: -25px;
font-weight: 500;
}
.tocont p {
font-family: 'Barlow';
color: #333;
text-shadow: inset 0 0 1px rgba(0,0,0,0.8);
font-size: 17px;
text-indent: 40px;
text-align: justify;
}
.condb {
float: left;
width: 494px;
min-height: 580px;
height: 100%;
margin: 8px 4px;
border: 1px solid transparent;
text-align: center;
background: #C57D7B;
color: white;
opacity: 1;
overflow: hidden;
font-family: 'Kadwa', Arial Narrow, sans-serif;
-webkit-box-shadow: 1px 1px 5px 0px rgba(150,12,5,1);
-moz-box-shadow: 1px 1px 5px 0px rgba(150,12,5,1);
box-shadow: 1px 1px 5px 0px rgba(150,12,5,1);
}
.condb img {
position: relative;
float: left;
margin: 15px;
width: 240px; 
height: 156px;
}
.condb p {
text-align: left;
margin-left: 15px;
font-size: 16px;
}
.condb span a {font-size: 13px; color: white; cursor: pointer; white-space: wrap; margin-left: 230px;}
.condb span a:hover {color: brown;}
.condb span.dal p a {color: yellow;}
.container .lms.nad { position: relative; width: 1006px; display: block;}
.nad div.pow  {
position: relative;
width: 329px;
height: 185px;
}
.nad div.pow figure  {
position: relative;
float: left;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px !important; 
max-width: 329px;
height: 185px;  
cursor: pointer;
text-align: center;
}
.pow figure.pona img {
position: relative; 
display: block;
opacity: 1;
width: 329px;
height: 185px;
}
.pow figure.pona figcaption a {
position: absolute;
background: rgba(34,89,21,0.3);
width: 100%;
height: 30%;
z-index: 999;
top: 0;
left: 0;
font-size: 21px;
text-decoration: underline;
font-family: 'Poiret One';
font-weight: 700;
letter-spacing: 0.053em;
top: 120px;
color: #FACAE9;
text-shadow: inset 0px 1px 1px rgba(255,255,255,0.9);
-moz-text-shadow: 2px 1px 2px 0px rgba(255,255,255,0.9);
-ms-text-shadow: 0px 1px 0px 0px rgba(255,255,255,0.9);
}
.pow figure.pona figcaption a:hover {
color: white;
text-decoration: underline;
opacity: 0.85;
}
.pow figure.pona:hover img {
opacity: 0.85;
}
#logo {
position: relative;
width: 100%;
height: 108px;
margin-top: 3px;
background: #0C6A8A;
clear: both;
margin: 0px auto 0px;
color: #ffbfaf;
font-size: 50px;
font-family: 'Elsie Swash Caps', serif;
letter-spacing: 3px;
line-height: 1.6px;
padding: 0px;
background: -webkit-linear-gradient(bottom, #0C6A8A 0%, #C2E4F0 100%);
background: linear-gradient(to top, #0C6A8A 0%, #C2E4F0 100%);
background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#0C6A8A), color-stop(100%,#C2E4F0)); 
background: -moz-linear-gradient(bottom, #0C6A8A 0%, #C2E4F0 100%);
background: -o-linear-gradient(bottom, #0C6A8A 0%, #C2E4F0 100%); 
background: -ms-linear-gradient(bottom, #0C6A8A 0%, #C2E4F0 100%); 
}
#logo h2 {
display: inline-block;
position: relative;
left: 75px;
clear: both;
margin-top: 45px;
}
#logo h2 span {
font-family: 'Neucha';
font-size: 12px;
font-weight: 400;
}
#logo h2 span.poc {
font-family: 'Neucha';
font-size: 75px;
font-weight: 400;
text-shadow: 1px 4px 6px #ea6657, 0 0 0 hsla(0, 0%, 0%, 0.3), 1px 4px 6px #ea6657;
}
#logo h2 span.poc::after {
content: 'K';
top: 0;
left: 0;
position: absolute;
transform: scale(1.15,1.08) skew(2deg,2deg);
}
.footer {
width: 100%;
height: 100%;
margin-top: 3px;
background: #4e9ad4;
clear: both;
margin: 10px auto 0px;
color: #ffbfaf;
font-size: 25px;
font-family: 'Elsie Swash Caps', serif;
letter-spacing: 3px;
line-height: 1.6px;
padding: 0px;
}
.footer p {
text-align: center;
line-height: 2;
margin: 0;
}