section.main.start{
	
}


section.main .wrap .startbox{
	overflow:hidden;
	padding: 50px 0;
	text-align: center;
	}
	
section.main .wrap .startbox .item{
	display: inline-block;
	padding:10px;
	margin-bottom: -84px;
	width:calc(80% - 20px);
	overflow:hidden;
	text-align: center;
	transition:.3s;
	}

section.main .wrap .startbox .item.clear{
	clear:none;
	}



section.main .wrap .startbox .item .image{
	position: relative;
	display: inline-block;
	background-size:cover !important;
	background-repeat:no-repeat !important;
	background-position:center center !important;
	box-shadow: 0 60px 50px rgba(0,0,0,0.6);
	#border-radius: 10px 10px 0 0;
	width: 90%;
	padding-bottom: 45%;
	margin: 0;
	}


section.main .wrap .startbox .item .title{
	font-weight: 400;
	letter-spacing: 1px;
	font-size:18px;
	text-transform: uppercase;
	color: #999;
	overflow: hidden;
	z-index: 2 !important;
	transition: .2s;
	}

section.main .wrap .startbox .item .text{
	font-size: 17px;
	margin-bottom: 50px;
	}







section.main.middle{
	background:#eee;
}


section.main .wrap .startbox.middle .item{
	float:left;
	padding:10px;
	margin: 20px;
	width:calc(25% - 60px);
	height:350px;
	overflow:hidden;
	text-align: center;
	border-radius: 0;
	border-bottom: 8px rgba(0,0,0,0) solid;
	transition:.3s;
	}

section.main .wrap .startbox.middle .item:hover{
	border-bottom: 8px #ff662c solid;
	background: #ff662c;
	color:#fff;
	}

section.main .wrap .startbox.middle .head h2{
	font-size: 40px;
	color: #ff662c;
	}

section.main .wrap .startbox.middle .item .date{
	margin: 15px 0 0 0;
	font-size: 15px;
	font-style: italic;
	color:#97449a;
	}

section.main .wrap .startbox.middle .item .image{
	position: relative;
	display: inline-block;
	background-size:cover !important;
	background-repeat:no-repeat !important;
	background-position:center center !important;
	width: 100%;
	height: auto;
	padding-bottom:60%;
	margin: 0 0 20px 0;
	border-radius: 0;
	box-shadow: 0 0 0;
	overflow: hidden;
	}
section.main .wrap .startbox.middle .item .title{
	font-size:20px;
	font-weight: bold;
	text-transform: inherit;
	color: inherit;
	margin-bottom: 20px;
	}
section.main .wrap .startbox.middle .item .text{
	line-height:calc(100% + 14px);
	padding:0;
	margin: 0;
	height: auto;
	font-size: 13px;
	}








section.main.bot{
	
}


section.main .wrap .startbox.bot .item{
	float:left;
	padding:10px 10px 0 10px;
	margin: 20px 20px 0 20px;
	width:calc(25% - 60px);
	overflow:hidden;
	text-align: left;
	border-radius: 0;
	border-top: 3px rgba(0,0,0,0) solid;
	transition:.3s;
	}

section.main .wrap .startbox.bot .item:hover{
	border-top: 3px #049cfc solid;
	}

section.main .wrap .startbox.bot .head h2{
	font-size: 40px;
	color: #2e3c72;
	}

section.main .wrap .startbox.bot .item .date{
	margin: 15px 0 0 0;
	font-size: 15px;
	font-style: italic;
	color:#97449a;
	}

section.main .wrap .startbox.bot .item .image{
	position: relative;
	display: inline-block;
	background-size:cover !important;
	background-repeat:no-repeat !important;
	background-position:center center !important;
	width: 100%;
	height: auto;
	padding-bottom:60%;
	margin: 0 0 20px 0;
	border-radius: 0;
	box-shadow: 0 0 0;
	overflow: hidden;
	}
section.main .wrap .startbox.bot .item .title{
	font-size:20px;
	font-weight: bold;
	text-transform: inherit;
	color: inherit;
	margin-bottom: 20px;
	}
section.main .wrap .startbox.bot .item .text{
	line-height:calc(100% + 14px);
	height: auto;
	color:#717483;
	font-size: 13px;

	}







section.weather{
	padding:50px 0;
}


@media screen and (max-width: 900px) {



	section.main .wrap .startbox .item .title{
		font-weight: 400;
		letter-spacing: 1px;
		font-size:14px;
		}


	section.main .wrap .startbox.bot .item, section.main .wrap .startbox.middle .item{
		float:left;
		padding:10px;
		margin: 20px;
		width:calc(100% - 60px);
		height:auto;
		transition:.3s;
		}
		}
	section.main .wrap .startbox.bot .item .text, section.main .wrap .startbox.middle .item .text{
		height:auto;
		}


}


@media screen and (max-width: 740px) {
	
	section.main .wrap .startbox .item{
		padding:10px 0px 0 0px;
		margin:10px;
		font-size:15px;
		float:none;
		width:calc(100% - 20px);
		}
	section.main .wrap .startbox .item .text{
		height: auto;
		}



}

@media screen and (max-width: 600px) {

.leftst, .rightst{
	float:none !important;
	width: 100% !important;
	margin-bottom:20px !important;
	padding:10px !important;
	margin:0px !important;
	}

	section.main .wrap .startbox .item .image.megashadow{
		box-shadow: 0 20px 15px rgba(0,0,0,0.6) !important;
		}
}