.gridder { margin: 0px; padding: 0px; list-style-type: none; font-size: 0; text-align: center; }
.gridder .gridder-list { display: inline-block; vertical-align: top; cursor: pointer; position: relative; margin-bottom: 0.5%; margin-right: 0.5%; }
.gridder .gridder-list .image { background-color: #313131; background-size: cover; background-position: center; width: 350px; height: 250px; position: relative; }
.gridder .overlay { position: absolute; left: 10%; top: 10%; color: #FFF; line-height: 130%; text-align: left; }
.gridder .overlay .title { font-weight: 800; font-size: 16px; color: #FFF; }
.gridder .overlay .description { font-weight: 300; font-size: 14px; color: #FFF; }
.gridder .gridder-list, .gridder .gridder-show { font-size: 12px; }
.gridder .selectedItem:after { content: ' '; display: block; border-bottom: 10px solid #33b8c0; border-left: 10px solid transparent; border-right: 10px solid transparent; height: 0%; position: absolute; top: 101%; width: 0; left: 47%; margin-bottom: -4px; }
.gridder.hasSelectedItem .gridder-list:not(.selectedItem) { opacity: .2; }

.gridder-show { padding: 4%; background: #33b8c0; position: relative; display: block; float: left; width: 100%; margin-bottom: 0.5%; text-align: left; color: #CCC; }
.gridder-show img { width: 100%; /*box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2);*/}

.gridder-content { display: none; }

.gridder-navigation .gridder-nav { height: 77px; padding: 0; position: absolute; width: 45px; z-index: 1; background-color: #454545; background-image: linear-gradient(top, #3e3e3e, #333); border: none; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06), 1px 1px 0 rgba(255, 255, 255, 0.03), -1px -1px 0 rgba(0, 0, 0, 0.02), inset 1px 1px 0 rgba(255, 255, 255, 0.05); color: #aaa !important; cursor: pointer !important; display: inline-block; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#303030',EndColorStr='#262626'); font-size: 11px; font-weight: bold; margin: 0 5px; outline: 0; text-align: center; text-decoration: none !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); -webkit-user-select: none; user-select: none; vertical-align: middle; white-space: normal; word-wrap: normal; top: 50%; margin-top: -40px; overflow: hidden; }

.gridder-navigation .gridder-nav span { display: block; bottom: 0; height: 23px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 14px; }

.gridder-navigation .gridder-nav.prev { left: -6px; background: url("/images/icon/left-arrow.svg") center no-repeat; background-size: 30px; }

.gridder-navigation .gridder-nav.next { right: -6px; -webkit-transform: scaleX(-1); transform: scaleX(-1); }

.gridder-navigation .gridder-nav.next { background: url("/images/icon/left-arrow.svg") center no-repeat; background-size: 30px; }

/*.gridder-navigation .gridder-nav:hover { background: #3d3d3d; }*/

.gridder-navigation .gridder-close { background: url(data:image/gif;base64,R0lGODlhFAAUAJEAAE1NTf///////wAAACH5BAEHAAIALAAAAAAUABQAAAIzBISpK+YMm5Enpodw1HlCfnkKOIqU1VXk55goVb2hi7Y0q95lfG70uurNaqLgTviyyUoFADs=) no-repeat center center; cursor: pointer; height: 30px; padding: 7px; position: absolute; right: 10px; top: 10px; width: 30px; z-index: 2; }

.gridder-navigation .gridder-close:hover { color: #3d3d3d; }

/*.gridder-list{
	margin-right: 0 !important;
}*/

ul.gridder{width: 100%;}

li.gridder-list p{padding: 0 25px; font-size: 16px;}

/*gridder news*/

ul.gridder-news{width: 100%; margin: 0px; padding: 0px; list-style-type: none; font-size: 14px; color: white; text-align: center; }

ul.gridder-news li.newlist{display: inline-block; padding: 0 15px; position: relative; vertical-align: top;}

li.newlist img{cursor: pointer;}

.newlist-content{
	display: none;
	padding: 4%;
	background: #233871;
	position: relative;
	top: -2px;
	float: left;
	width: 100%;
	margin-bottom: 0.5%;
	text-align: left;
	color: #CCC;
	transition: all 5s ease;
}

.newlist-content.active{
	display: block;
	margin-bottom: 30px !important;
}

li.newlist.active:after {
	content: ' ';
	display: block;
	border-bottom: 10px solid #233871;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	height: 0%;
	position: relative;
	top: 0;
	width: 0;
	left: 47%;
	margin-top: 8px;
}

.news-name{
	background-color: #233871;
	padding: 10px 2px;
	position: relative;
	top: -18px;
	height: 60px;
}

.newlist-content.active ul.list{
	width: 100%;

}

.newlist-content.active li.list-item{
	display: inline-block;
	position: relative;
    vertical-align: text-top;
}

.list-item ul li{
	list-style: circle !important;
}

.list-content{
	padding: 4%;
	background: #233871;
	position: relative;
	top: -2px;
	float: left;
	width: 100%;
	margin-bottom: 0.5%;
	text-align: left;
	color: #CCC;
	transition: all 5s ease;
	margin-bottom: 30px !important;
	font-size: 14px !important;
}