.browser > ul
{
	padding: 0;
	list-style: none;
	float: left;
	width: 30%;
	margin-right: 1%;
}
	.browser > ul li
	{
		border-radius: 8px;
		margin-bottom: 10px;
		position: relative;
		-webkit-transition: -webkit-box-shadow 0.3s;
		transition: -webkit-box-shadow 0.3s;
		transition: box-shadow 0.3s;
		transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
	}
	.browser > ul li:hover
	{
		-webkit-box-shadow: 1px 3px 15px rgba(0,0,0, 0.1);
		box-shadow: 1px 3px 15px rgba(0,0,0, 0.1);
	}
		.browser > ul li a
		{
			display: block;
			border-radius: 8px;
			text-decoration: none;
			overflow-x: hidden;
			-webkit-transition: background 0.3s;
			transition: background 0.3s;
		}
		.browser > ul li.active a
		{
			background: rgba(255,255,255, 0.5);
		}
		.browser > ul li.active a:hover
		{
			background: transparent;
		}
			.browser > ul li header
			{
				display: table;
				width: 100%;
				margin-top: 10px;
				margin-bottom: 10px;
			}
				.browser > ul header .icon
				{
					display: table-cell;
					width: 80px;
				}
					.browser > ul a header .icon i
					{
						display: block;
						width: 55px;
						height: 55px;
						border-radius: 50%;
						text-align: center;
						font-size: 150%;
						padding-top: 16px;
						margin-left: 10px;
						color: #fff;
						background: #000;
						opacity: 0.2;
						-webkit-transition: opacity 0.3s;
						transition: opacity 0.3s;
					}
					.browser > ul a:hover header .icon i,
					.browser > ul li.active a header .icon i
					{
						opacity: 0.33;
					}
				.browser > ul a header h4
				{
					display: table-cell;
					vertical-align: middle;
					padding-right: 10px;
					line-height: 1.3;
					color: rgba(0,0,0, 0.5);
					font-size: 110%;
					-webkit-transition: color 0.3s;
					transition: color 0.3s;
				}
				.browser > ul a:hover header h4,
				.browser > ul li.active a header h4
				{
					color: rgba(0,0,0, 0.66);
				}
			.browser > ul li a > div
			{
				padding: 20px;
				padding-left: 35px;
				padding-top: 25px;
				border-top-left-radius: 75px;
				background: rgba(255,255,255, 0.33);
			}
				.browser > ul li a > div span
				{
					float: right;
					margin-top: -40px;
					margin-right: 5px;
					display: block;
					background: #fff;
					padding: 5px 20px;
					font-weight: bold;
					color: #aaa;
					font-size: 90%;
					border-radius: 50px;
					-webkit-transition: color 0.3s;
					transition: color 0.3s;
				}
				.browser > ul li a:hover > div span
				{
					color: #777;
				}
				.browser > ul li a > div p
				{
					font-size: 90%;
					color: rgba(0,0,0, 0.33);
					-webkit-transition: color 0.3s;
					transition: color 0.3s;
				}
				.browser > ul li a:hover > div p
				{
					color: rgba(0,0,0, 0.5);
				}
		.browser > ul li.active::after
		{
			display: block;
			position: absolute;
			top: 25px;
			right: -35px;
			-webkit-transform: rotate(-90deg);
			transform: rotate(-90deg);
			content: "";
			width: 0;
			height: 0;
			border-bottom: 50px solid #fff;
			border-left: 40px solid transparent;
			border-right: 40px solid transparent;
			/*background: #fff;*/
		}
.browser > .details
{
	/*float: left;*/
	width: 66.5%;
	/*max-width: 850px;*/
	background: #fff;
	padding: 25px 35px;
	border-radius: 10px;
	height: 89%;
	position: fixed;
	right: 1%;
	overflow-y: auto;
	padding-bottom: 50px;
	box-sizing: border-box;
}
@media screen and (max-width: 2000px) 
{
	.browser > .details
	{
		width: 66%;
	}
}
@media screen and (max-width: 1600px) 
{
	.browser > .details
	{
		width: 65%;
	}
}
@media screen and (max-width: 1200px) 
{
	.browser > .details
	{
		width: 64%;
	}
}
@media screen and (max-width: 1000px) 
{
	.browser > .details
	{
		width: 63%;
	}
}
@media screen and (max-width: 800px) 
{
	.browser > .details
	{
		width: 62%;
	}
}
		.browser > .details header
		{
			margin-bottom: 5px;
		}
		.browser > .details h2
		{
			color: #666;
			float: left;
			font-size: 130%;
		}
		.browser > .details span
		{
			color: #aaa;
			padding-top: 5px;
			float: right;
			font-size: 100%;
		}
		.browser > .details .desc
		{
			border-top: 1px solid #ccc;
			background: #eee;
			padding: 20px;
			margin-bottom: 20px;
		}
		.browser > .details .desc button
		{
			float: right;
			margin-left: 25px;
			font-size: 100%;
			padding: 10px 20px;
		}
		.browser > .details .desc button i
		{
			margin-right: 5px;
		}
		.browser > .details h3
		{
			font-size: 110%;
			color: #777;
			margin-bottom: 10px;
		}
		.browser > .details p
		{
			margin-bottom: 10px;
			text-align: justify;
		}
		.browser > .details p:not(.desc)
		{
			color: #aaa;
		}
	.browser .gallery
	{
		padding: 0;
		list-style: none;
		margin: 10px 0;
		margin-bottom: 5px;
	}
		.browser .gallery li
		{
			float: left;
			margin-right: 1%;
			width: 19%;
			height: 100px;
			margin-bottom: 1%;
		}
			.browser .images li a
			{
				display: block;
				width: 100%;
				height: 100%;
				padding: 5px;
				background: #fff;
				border: 1px solid #e8e8e8;
				border-radius: 5px;
			}
			.browser .images li img
			{
				width: 100%;
				height: 100%;
				-o-object-fit: cover;
				object-fit: cover;
				-o-object-position: center center;
				object-position: center center;
				opacity: 0.75;
				-webkit-transition: opacity 0.3s;
				transition: opacity 0.3s;
			}
			.browser .images li a:hover img
			{
				opacity: 1;
			}
			.browser iframe
			{
				width: 100%;
				height: 250px;
				padding: 5px;
				background: #fff;
				border: 1px solid #e8e8e8;
				border-radius: 5px;
			}