@charset "utf-8";
/* menu-blocks */

#news-menu {
	background: #fff;
	display: inline-block;
	text-align: center;
	padding: 3rem 0 1rem 0;	
}

.news-block {
	float: left;
	width: 22%;
	height: auto;	
	display: inline-block;
	text-align: left;	
	padding: 1%;
	margin: 0.5%;
	border-top: #F00 1px solid;
	border-radius: 0 0 1.5rem 0;	
}

.news-block:hover {	
	background: #f0f3f5;
	
	-webkit-box-shadow: 0 1rem 1rem -1rem rgba(0,0,0,0.8);
    -moz-box-shadow: 0 1rem 1rem -1rem rgba(0,0,0,0.8);
     box-shadow: 0 1rem 1rem -1rem rgba(0,0,0,0.8);
}

/* NBT */
.nbt-img-cont {	
    width: 100%;
	height: auto;    
    display: inline-block;
	text-align: center;		   
}

.nbt-img { 
    width: 30%;
    height: auto;
	display: inline-block;
	text-align: center;
    vertical-align: middle;	
}

.news-block-title {        
	width: 96%;
	height: auto;
	display: inline-block;
	text-align: center;
	font-family: "Raleway Medium";
	font-size: 1.1rem;
	padding: 0.5rem 2% 0.5rem 2%;      
	margin-bottom: 0.5rem;	
}

.news-block-txt {	
	width: 100%;
	height: auto;
	color: #2d2e30;
	line-height: 1.5;
	text-align: center;
	display: inline-block;
	font-family: "Raleway Light";
	font-size: 1.1rem;
	margin-bottom: 0.5rem;	
}

/* grayboard */
.white-board {	
	background: #fff;
	color: #263238;
	text-align: center;
	font-family: "Oswald Regular";
	font-size: 2rem;	
}

.gray-board {	
	background: #263238;
	color: #FFF;
	text-align: center;
	font-family: "Oswald Regular";
	font-size: 2rem;	
}

.red-board {	
	background: #7d1a1d;
	color: #FFF;
	text-align: center;
	font-family: "Oswald Regular";
	font-size: 2rem;	
}

.media-block {	
	width: 29.98%;
	height: auto;
	line-height: 1.5;
	display: inline-block;
	vertical-align: text-top;
	text-align: left;	
	padding: 0 1% 1% 1%;
	margin: 0.5%;	
}

.media-block-b {	
	width: 63%;
	height: auto;
	line-height: 1.5;
	display: inline-block;
	vertical-align: text-top;
	text-align: left;	
	padding: 0 1% 1% 1%;
	margin: 0.5%;	
}

.medimgani {	
	width: 100%;
	height: auto;	
	display: inline-block;
	text-align: center;
	margin-bottom: 1rem;
	overflow: hidden;
	
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: top;
}

.medimgani:after {
   content: "";
   display: block;
   padding-bottom: 55%;
}

.medimgani:hover {
	background-size: 110% auto;
	background-repeat: no-repeat;
	background-position: top;	
}

.media-block-img {
	float: left;
	width: 100%;
	height: auto;	
	display: inline-block;
	text-align: center;
	margin-bottom: 0.5rem;	
}

.media-block-txt {
	float: left;
	width: 100%;
	height: auto;	
	display: inline-block;
	text-align: left;	
}

.mb-button {
	width: auto;
	height: auto;
	color: #F00;
	line-height: 1.5;
	text-align: left;
	display: inline-block;
	font-family: "Raleway SemiBold";
	font-size: 1rem;
	padding: 0.5rem 0 0.5rem 0;	
}

.mb-button:hover {
	color: #FFF;
}

.txt-cont {	
	width: 97%;
	height: auto;
	line-height: 1.5;	
	display: inline-block;
	text-align: justify;	
	font-size: 1.2rem;
	font-family: "Raleway Light";
	padding: 0 1.5% 0 1.5%;	
}

.paralax {	
	text-align: center;	
}

#plax-1 {
	background: url(../index_files/lax-grnd.jpg) no-repeat center fixed;	
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#bdplx {
	background: url(../index_files/lax-grnd-2.jpg) no-repeat center fixed;	
	-webkit-background-size: auto 100%;
    -moz-background-size: auto 110%;
    -o-background-size: auto 110%;
    background-size: auto 110%;
}

.whitebox {
	float: right;
	width: 22rem;
	height: auto;
	line-height: 1.6;
	background-color: rgba(255, 255, 255, 1);
	color: #263238;	
	display: inline-block;
	text-align: left;	
	font-family: "Raleway Medium";
	font-size: 1.8rem;	
	padding: 2.2rem;	
	margin: 4rem 0 1rem 0;
}