/**/

@import url("pages-sub-menu.css");

/**/

.social-share {
	padding: 15px 25px;
	font-size: 14px;
	background: #f1f1f1;
}

.social-share:after {
	clear: both;
	display: block;
	content: '';
}

.social-share a {
	min-width: 40px;
	text-align: center;
	display: block;
	float: right;
	margin-right: 6px;
	padding: 5px 0;
}


/**/

figure.pic {
	display: block;
	max-width: 500px;
	margin: 0 auto;
	border: 1px solid #ddd;
}

figure.pic img {
	width: 100%;
	display: block;
	margin: 0 auto;
}

figure.pic figcaption {
	background: #ddd;
	padding: 10px;
}

/**/

.gallery {
	margin: 0 -10px;
}

.gallery figure {
	display: block;
	float: right;
	width: 33.33%;
	padding: 10px;
	border: 0;
}

.gallery figure img {
	display: block;
	width: 100%;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;

}

.gallery figure figcaption {
	background: #ddd;
	padding: 10px;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.gallery .gpic {
	display: block;
	float: right;
	width: 33.33%;
}

.gallery .gpic img {
	display: block;
	width: 100%;
	padding: 10px;
}

/**/

main table {
	width: 100%;
	border: 1px solid #ddd;
	border-collapse: collapse;
	border-spacing: 0;
}

main table caption {
	text-align: right;
	margin-bottom: 15px;
}

main table th,
main table td {
	padding: 5px;
}

main table th {
	background: #f1f1f1;
	font-weight: bold;
	text-align: right;
}

@media(min-width: 768px) {
	main table td {
		border-top: 1px solid #ddd;
	}
}

@media(max-width: 767px) {
	main table,
	main table caption,
	main table thead,
	main table tbody,
	main table tr,
	main table th,
	main table td	{
		display: block;
		width: 100%;
	}
	
	main table tr:first-child	{
		display: none;
	}
	
	main table tr	{
		margin-bottom: 10px;
		border: 1px solid #ddd;
		padding: 5px;
	}
}

/**/

.file-browser {
	background: #f1f1f1;
	padding: 30px;
}

.file-browser iframe {
	display: block;
	background: #fff;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
}

/* Headings */

main {
	margin-top: -16px;
}

main h2,
main h3,
main h3,
main h5 {
	margin-top: 16px;
	margin-bottom: 16px;
}

main h2 a,
main h3 a,
main h3 a,
main h5 a {
	color: inherit;
}

main h2 a:hover,
main h3 a:hover,
main h3 a:hover,
main h5 a:hover {
	color: inherit;
	text-decoration: none;
}

main h2 {
	border-bottom: 1px solid #000;
	color: #d45031;
}

main h3 {
	color: #d45031;
}

/**/

.services {
	background: #097db6;
	padding: 30px 15px;
}

.services-icons ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.services-icons ul li {
	float: right;
	width: 50%;
}

@media (min-width: 768px) {
	.services-icons ul li {
		float: right;
		width: 20%;
	}
}

.services-icons {
	background: #fff;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
	position: relative;
	padding: 0;
}

@media (max-width: 767px) {
	.services-icons {
		margin: 15px;
	}
}

@media (min-width: 768px) {
	.services-icons:before {
		left: 100%;
		top: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		
		border-color: rgba(255, 225, 255, 0);
		border-left-color: #fff;
		border-width: 25px;
		margin-top: -25px;
	}
}

.services h2 {
	border: 0;
	background: #097db6;
	color: #fff;
	margin: 0;
	min-height: 250px;
	position: relative;
	text-align: center;
	font-size: 2.5em;
}

@media (max-width: 767px) {
	.services h2 {
		min-height: auto;
		padding: 15px;
	}
}

@media (min-width: 768px) {
	.services h2 > span {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-right: -50%;
		transform: translate(-50%, -50%);
	}
}

.services .service {
	text-align: center;
	padding: 15px;
	display: block;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	color: inherit;
	min-height: 155px;
}

.services .service img {
	max-width: 100%;
	display: block;
	margin-bottom: 5px;
}

/**/

.about {
	background: #e2edd5;
}

@media (min-width: 992px) {
	.about {
		margin: 0 -30px;
		padding: 15px 30px;
	}
}

/**/