@charset "UTF-8";
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
@import url(//fonts.googleapis.com/css?family=Roboto:400,500,700);

	pre {width:100%;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     word-wrap: break-word;
		}

	.border1 {
  	border-bottom: 3px solid #32363c;
	margin-bottom: 50px;
	}
	.border111 {
	#border: solid 1px #111;
	#background: #e8e8e8;
	}
	
	.postname{
		width: 100%;
		#background: #c5376b;
		#padding: 10px;
		text-align: left;
		font: 700 14px/28px "Roboto", sans-serif;
		#color: #32363c;
		color: #32363c;
		margin-bottom: 30px;
	}
	.postname1{
		width: 100%;
		#background: #c5376b;
		#padding: 10px;
		text-align: center;
		font: 700 48px "Roboto", sans-serif;
		#color: #32363c;
		color: #32363c;
		margin-bottom: 10px;
		margin-top: -50px;
	}

	.postimage {
    -webkit-filter: opacity(90%);
    #filter: grayscale(50%);		
	transition: all 2s ease 0s;
	#border: solid 2px #32363c;  
	}

@media screen and (min-width: 1270px) and (max-width: 1610px){
	.postimage {
	margin-left: 16%;
	width: 800px;
			}
									 }

	.postimage:hover {																	
	overflow:hidden;
	#filter: grayscale(0%);	
    -webkit-filter: opacity(100%);
	transition: all 2s ease 0s;
	#-webkit-transform: scale(1.02);
	#-moz-transform: scale(1.02);
	#-o-transform: scale(1.02);
	}
		
	.newstext1 {
		text-align: justify;
		font: 400 7px/14px "Roboto", sans-serif;
		#font-size: 20px;
		margin-bottom: 20px;
		margin-top: 15px;
		line-height: 1.2;
		color: #434547;
	}
	
	.newstext1:hover {																	
	overflow:hidden;
	transition: all 0.6s ease 0s;
	#line-height: 1.5;
	color: #111;
	}

@media screen and (min-width: 1370px) and (max-width: 11920px){
	.postname {
	font-size: 46px;
	line-height: 1.2;
	text-align: center;
			}
									 }

@media screen and (min-width: 1280px) and (max-width: 1369px){
	.postname {
	font-size: 35px;
	line-height: 1.1;
	text-align: center;
			}
									 }


@media screen and (min-width: 600px) and (max-width: 1279px){
	.postname {
	font-size: 21px;
			}
									 }
@media screen and (min-width: 100px) and (max-width: 599px){
	.postname {
	font-size: 15px;
			}
									 }
	
@media screen and (min-width: 1370px) and (max-width: 11920px){
	.newstext1 {
	font-size: 20px;
			}
									 }

@media screen and (min-width: 1280px) and (max-width: 1369px){
	.newstext1 {
	font-size: 18px;
			}
									 }


@media screen and (min-width: 600px) and (max-width: 1279px){
	.newstext1 {
	font-size: 16px;
			}
									 }
@media screen and (min-width: 100px) and (max-width: 599px){
	.newstext1 {
	font-size: 14px;
			}
									 }

.btnnw {
  display: inline-block;
  width: 100%;
  padding: 16px;
  margin-top: 50px;
  font-size: 16px;
  line-height: 18px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.btnnw:hover {
  background: #32363c;
}
.btnnw:active {
  background: red;
}

.btnnw {
  color: #fff;
  background: #3334dc;
  text-decoration: none;
}

.btnnw:hover {
  color: #111;
  background: #fff;
  border: solid 1px #111;
  text-decoration: none;
}

@media screen and (min-width: 1370px) and (max-width: 11920px){
	.nameposter {
	font-size: 42px;
			}
									 }

@media screen and (min-width: 1280px) and (max-width: 1369px){
	.nameposter {
	font-size: 32px;
			}
									 }


@media screen and (min-width: 600px) and (max-width: 1279px){
	.nameposter {
	font-size: 22px;
			}
									 }
@media screen and (min-width: 100px) and (max-width: 599px){
	.nameposter {
	font-size: 12px;
			}
									 }

/**/
@media screen and (min-width: 1370px) and (max-width: 11920px){
	.postersp {
	font-size: 17px;
			}
									 }

@media screen and (min-width: 1280px) and (max-width: 1369px){
	.postersp {
	font-size: 15px;
			}
									 }


@media screen and (min-width: 600px) and (max-width: 1279px){
	.postersp {
	font-size: 12px;
			}
									 }
@media screen and (min-width: 100px) and (max-width: 599px){
	.postersp {
	font-size: 9px;
			}
									 }

/**/
@media screen and (min-width: 1370px) and (max-width: 11920px){
	.postersp {
	font-size: 17px;
			}
									 }

@media screen and (min-width: 1280px) and (max-width: 1369px){
	.postersp {
	font-size: 15px;
			}
									 }


@media screen and (min-width: 600px) and (max-width: 1279px){
	.postersp {
	font-size: 12px;
			}
									 }
@media screen and (min-width: 100px) and (max-width: 599px){
	.postersp {
	font-size: 9px;
			}
									 }
/**/
@media screen and (min-width: 1370px) and (max-width: 11920px){
	.specname2 {
	font: 700 42px "Roboto", sans-serif;
			}
									 }

@media screen and (min-width: 1280px) and (max-width: 1369px){
	.specname2 {
	font: 700 32px "Roboto", sans-serif;
			}
									 }


@media screen and (min-width: 600px) and (max-width: 1279px){
	.specname2 {
	font: 700 22px "Roboto", sans-serif;
			}
									 }
@media screen and (min-width: 100px) and (max-width: 599px){
	.specname2 {
	font: 700 16px "Roboto", sans-serif;
			}
									 }
/**/
@media screen and (min-width: 1370px) and (max-width: 11920px){
	.spacename3 {
	font-size: 56px; 
			}
									 }

@media screen and (min-width: 1280px) and (max-width: 1369px){
	.spacename3 {
	font-size: 42px; 
			}
									 }

@media screen and (min-width: 600px) and (max-width: 1279px){
	.spacename3 {
	font-size: 32px; 
			}
									 }
@media screen and (min-width: 100px) and (max-width: 599px){
	.spacename3 {
	font-size: 21px; 
			}
									 }


@media screen and (min-width: 1370px) and (max-width: 11920px){
	.specname4 {
	font: 700 21px "Roboto", sans-serif;
	background: #3334dc;
			}
									 }

@media screen and (min-width: 1280px) and (max-width: 1369px){
	.specname4 {
	font: 700 18px "Roboto", sans-serif;
	background: #3334dc;
			}
									 }


@media screen and (min-width: 600px) and (max-width: 1279px){
	.specname4 {
	font: 700 16px "Roboto", sans-serif;
		background: #3334dc;
			}
									 }
@media screen and (min-width: 100px) and (max-width: 599px){
	.specname4 {
	font: 700 14px "Roboto", sans-serif;
	background: #3334dc;
			}
									 }

@media screen and (min-width: 600px) and (max-width: 1279px){
	.imgblock2 {
	margin-bottom: 33vh;
			}
									 }
@media screen and (min-width: 100px) and (max-width: 599px){
	.imgblock2 {
	margin-bottom: 30vh;
			}
									 }