﻿/*!
 *  Grove v3.3.6-v1
 *
 *  Copyright 2015 HackerThemes
 *  http://hackerthemes.com
 *
 */
body {
	font-family: 'Open Sans', sans-serif;
	/*color: #646464;*/
	background-color: #ffffff;
}
/*a {
  color: #105c88;
}*/
a:hover {
	color: #939393;
	text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 10px;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
}

h1 {
	font-size: 24px;
	line-height: 32px;
}

h2,
h3 {
	font-size: 18px;
	line-height: 23px;
}

h4,
h5,
h6 {
	font-size: 14px;
}

hr {
	border-top-color: #e0e3e6;
}

.glyphicons:before,
.social:before,
.filetype:before {
	color: #646464;
}

.glyphicons.table {
	width: 0px;
}

.social,
.filetype {
	padding-left: 48px;
}

::selection {
	background: #3e3e3e;
	/* Safari */
	color: #ffffff;
}

::-moz-selection {
	background: #3e3e3e;
	/* Firefox */
	color: #ffffff;
}

body {
	padding-top: 14px;
	line-height: 23px;
}

.masthead {
	height: auto;
	min-height: 57px;
	position: relative;
}

	.masthead #logo {
		display: block;
		float: left;
	}

:root {
	--wide-wrapper-bgcolor: #ffff;
	--wide-wrapper-box-color: #e2e1e1;
	--wide-wrapper-weak-highlight-bgcolor: #f6f6f6;
	--wide-wrapper-weak-highlight-box-color: #cbcbcb;
	--dark-border-color: #e0e3e6;
	--blog-item-text-color: #646464;
	--ttc-image-src: url('../img/ttc_logo.png');
	--dropdown-color: #0d6efd
}

.dark-mode {
	--wide-wrapper-bgcolor: #2b3035;
	--wide-wrapper-box-color: #6A737A;
	--wide-wrapper-weak-highlight-bgcolor: #282F32;
	--wide-wrapper-weak-highlight-box-color: #383F32;
	--dark-border-color: #303336;
	--blog-item-text-color: #0E5888;
	--ttc-image-src: url('../img/ttc_logo_dark.png');
	--dropdown-color: #2c4866;
}

[data-bs-theme=dark] .display-light {
	display: none;
}
/* Hide dark-mode things when in light mode */
[data-bs-theme=light] .display-dark {
	display: none;
}

ttc_image {
	background-image: var(--ttc-image-src);
}


.dropdown-item.active, .dropdown-menu > li > a.active, .dropdown-item:active, .dropdown-menu > li > a:active {
	background-color: var(--dropdown-color);
}

.btn-bd-primary2 {
	--bs-btn-font-weight: 600;
	--bs-btn-color: var(--bs-white);
	--bs-btn-bg: var(--bd-violet-bg);
	--bs-btn-border-color: var(--bd-violet-bg);
	--bs-btn-hover-color: var(--bs-white);
	--bs-btn-hover-bg: #{shade-color($bd-violet, 10%)};
	--bs-btn-hover-border-color: #{shade-color($bd-violet, 10%)};
	--bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
	--bs-btn-active-color: var(--bs-btn-hover-color);
	--bs-btn-active-bg: #{shade-color($bd-violet, 20%)};
	--bs-btn-active-border-color: #{shade-color($bd-violet, 20%)};
}

.widewrapper {
	background-repeat: repeat-x;
	background-color: var(--wide-wrapper-bgcolor);
	-webkit-box-shadow: inset 1px 3px 1px -2px var(--wide-wrapper-box-color);
	-moz-box-shadow: inset 1px 3px 1px -2px var(--wide-wrapper-box-color);
	box-shadow: inset 1px 3px 1px -2px var(--wide-wrapper-box-color);
}
.widewrapper.pagetitle {
	background-color: #105c88;
	-webkit-box-shadow: inset 1px 3px 1px -2px #bcc8cf;
	-moz-box-shadow: inset 1px 3px 1px -2px #bcc8cf;
	box-shadow: inset 1px 3px 1px -2px #bcc8cf;
}

.widewrapper.weak-highlight {
	background-color: var(--wide-wrapper-weak-highlight-bgcolor);
	-webkit-box-shadow: inset 1px 3px 1px -2px var(--wide-wrapper-weak-highlight-box-color);
	-moz-box-shadow: inset 1px 3px 1px -2px var(--wide-wrapper-weak-highlight-box-color);
	box-shadow: inset 1px 3px 1px -2px var(--wide-wrapper-weak-highlight-box-color);
}

.widewrapper.strong-highlight {
	background-color: #105c88;
	-webkit-box-shadow: inset 1px 3px 1px -2px #000000;
	-moz-box-shadow: inset 1px 3px 1px -2px #000000;
	box-shadow: inset 1px 3px 1px -2px #000000;
}

.widewrapper.footer {
	background-color: #105c88;
	color: #ffffff;
	-webkit-box-shadow: inset 1px 3px 1px -2px #202a32;
	-moz-box-shadow: inset 1px 3px 1px -2px #202a32;
	box-shadow: inset 1px 3px 1px -2px #202a32;
}

div.pagetitle,
.calltoaction {
	color: #ffffff;
}

div.pagetitle h1,
.calltoaction h1 {
	color: #ffffff;
}


div.pagetitle {
	padding: 26px;
}

div.pagetitle h1 {
	padding: 0;
	font-size: 24px;
	font-weight: normal;
	float: left;
}

div.pagetitle h1 span.category {
	font-weight: 600;
}

.pagetitle-dropdown {
	float: right;
	margin-top: 10px;
}

@media (max-width: 767px) {
	.sidecolumn {
		padding-top: 50px;
	}
}

.calltoaction {
	padding-top: 60px;
	padding-bottom: 60px;
	font-size: 24px;
	text-align: center;
	line-height: 60px;
}

	.calltoaction .btn {
		margin: 0 10px;
	}

.copyright {
	color: #48aee9;
	background-color: #105c88;
	font-size: 12px;
	font-weight: 600;
	padding: 7px 0 7px 11px;
}

.copyright p {
	margin: 0;
}

.copyright a:focus,
.copyright a:active,
.copyright a:link,
.copyright a {
	color: #8cccf1;
	text-decoration: none;
}

footer {
	font-size: 13px;
	line-height: 20px;
}

footer h4 {
	font-size: 14px;
	font-weight: 600;
}

footer .grove-list {
	font-size: 12px;
	font-weight: 600;
	margin-top: -4px;
	padding-left: 15px;
}

footer .grove-list li {
	margin-top: 0;
	margin-bottom: 0;
}

footer .grove-list li a {
	color: #ffffff;
}

footer .grove-list li:before {
	border-width: 3px 6px;
	left: -14px;
	top: 14px;
}

footer .glyphicons,
footer .social,
footer .filetype {
	margin-right: -10px;
	margin-bottom: 33px;
	margin-top: 8px;
}

footer .glyphicons:before,
footer .social:before,
footer .filetype:before {
	font-size: 28px;
	color: #ffffff;
}

footer .glyphicons:hover,
footer .social:hover,
footer .filetype:hover {
	cursor: pointer;
}

footer .glyphicons:hover:before,
footer .social:hover:before,
footer .filetype:hover:before {
	color: #9db5c8;
}

footer .indent30 {
	margin-left: 30px;
}

@media (max-width: 767px) {
	footer .indent30 {
		margin-left: 0;
	}
}

.row.footer {
	margin-top: 20px;
	margin-bottom: 30px;
}

.container.content {
	padding-top: 30px;
	padding-bottom: 30px;
}

.glyphicons-show {
	margin-top: 50px;
	margin-bottom: 40px;
}

.glyphicons-show .glyphicons,
.glyphicons-show .social,
.glyphicons-show .filetype {
	margin: 10px;
	margin-top: 25px;
}

.glyphicons-show .glyphicons:before,
.glyphicons-show .social:before,
.glyphicons-show .filetype:before {
	color: #6d6e71;
}

.glyphicons-show .icon-set {
	margin-bottom: 60px;
}

.grove-dropdown {
	padding: 3px 0 0 0;
	background-color: #1c242c;
	background-color: rgba(28, 36, 44, 0.85);
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: 0;
	-moz-box-shadow: 0;
	box-shadow: 0;
	-webkit-background-clip: none;
	-moz-background-clip: none;
	background-clip: none;
}

	.grove-dropdown > li:first-child > a {
		border-top: 1px solid transparent;
	}

	.grove-dropdown > li:hover {
		background-color: #4a5258;
		background-color: rgba(255, 255, 255, 0.1);
	}

		.grove-dropdown > li:hover + li > a {
			border-top: 1px solid transparent;
		}

	.grove-dropdown > li > a {
		border-top: 1px solid #4a5258;
		border-top-color: rgba(255, 255, 255, 0.2);
		line-height: 33px;
		color: #ffffff;
		margin: 0 10px 0 10px;
	}

		.grove-dropdown > li > a:hover,
		.grove-dropdown > li > a:focus {
			color: #ffffff;
			filter: none;
			background-color: transparent;
			background-image: none;
			border-top: 1px solid transparent;
		}

.grove-navbar {
	background: none;
	border: none;
	margin-bottom: 7px;
	z-index: 1000;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

	.grove-navbar .grove-toggle {
		float: right;
		margin-right: 15px;
		display: none;
		position: relative;
	}

@media (max-width: 767px) {
	.grove-navbar .grove-toggle {
		display: block;
	}
}

.grove-navbar .navbar-brand {
	padding-top: 0px;
	padding-bottom: 0px;
}

.grove-navbar .grove-nav {
	max-height: none;
	border-top: none;
}

	.grove-navbar .grove-nav .nav {
		margin-bottom: 0;
		float: right;
	}

		.grove-navbar .grove-nav .nav .caret {
			display: none;
		}

		.grove-navbar .grove-nav .nav > li {
			float: left;
			margin: 0;
			padding: 13px;
		}

			.grove-navbar .grove-nav .nav > li.dropdown.open.active > a:focus,
			.grove-navbar .grove-nav .nav > li.dropdown.open.active > a:hover {
				background-color: transparent;
				color: #105c88;
			}

			.grove-navbar .grove-nav .nav > li:last-child {
				padding-right: 0;
			}

			.grove-navbar .grove-nav .nav > li.active > a {
				font-weight: bold;
				color: #105c88;
				background-color: transparent;
			}

			.grove-navbar .grove-nav .nav > li > a {
				color: #939393;
				padding: 0;
				text-shadow: none;
			}

				.grove-navbar .grove-nav .nav > li > a:focus,
				.grove-navbar .grove-nav .nav > li > a:hover {
					outline: none;
					background: none;
					color: #105c88;
				}

		.grove-navbar .grove-nav .nav .dropdown-menu {
			top: 58px;
			padding: 3px 0 0 0;
			background-color: #1c242c;
			background-color: rgba(28, 36, 44, 0.85);
			border: none;
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			border-radius: 0;
			-webkit-box-shadow: 0;
			-moz-box-shadow: 0;
			box-shadow: 0;
			-webkit-background-clip: none;
			-moz-background-clip: none;
			background-clip: none;
		}

			.grove-navbar .grove-nav .nav .dropdown-menu > li:first-child > a {
				border-top: 1px solid transparent;
			}

			.grove-navbar .grove-nav .nav .dropdown-menu > li:hover {
				background-color: #4a5258;
				background-color: rgba(255, 255, 255, 0.1);
			}

				.grove-navbar .grove-nav .nav .dropdown-menu > li:hover + li > a {
					border-top: 1px solid transparent;
				}

			.grove-navbar .grove-nav .nav .dropdown-menu > li > a {
				border-top: 1px solid #4a5258;
				border-top-color: rgba(255, 255, 255, 0.2);
				line-height: 33px;
				color: #ffffff;
				margin: 0 10px 0 10px;
			}

				.grove-navbar .grove-nav .nav .dropdown-menu > li > a:hover,
				.grove-navbar .grove-nav .nav .dropdown-menu > li > a:focus {
					color: #ffffff;
					filter: none;
					background-color: transparent;
					background-image: none;
					border-top: 1px solid transparent;
				}

		.grove-navbar .grove-nav .nav .open > a,
		.grove-navbar .grove-nav .nav .open > a:focus,
		.grove-navbar .grove-nav .nav .open > a:hover {
			background-color: transparent;
		}

@media (max-width: 767px) {
	.grove-navbar {
		margin-bottom: 0px;
	}

		.grove-navbar .navbar-header {
			margin-bottom: 12px;
		}

		.grove-navbar .grove-nav .nav {
			float: none;
			margin-top: 0px;
			background-color: #909fa8;
			padding-top: 6px;
		}

			.grove-navbar .grove-nav .nav .caret {
				display: inline-block;
			}

			.grove-navbar .grove-nav .nav > li {
				float: none;
				padding-left: 26px;
			}

				.grove-navbar .grove-nav .nav > li.dropdown.open.active > a:focus,
				.grove-navbar .grove-nav .nav > li.dropdown.open.active > a:hover {
					background-color: transparent;
					color: #ffffff;
				}

				.grove-navbar .grove-nav .nav > li.open {
					background-color: #7c8c95;
				}

				.grove-navbar .grove-nav .nav > li.active a {
					color: #ffffff;
					font-weight: normal;
				}

				.grove-navbar .grove-nav .nav > li > a {
					color: #ffffff;
					font-size: 20px;
					font-weight: normal;
					padding: 9px 15px;
					margin-bottom: 2px;
				}

					.grove-navbar .grove-nav .nav > li > a:focus,
					.grove-navbar .grove-nav .nav > li > a:hover {
						color: #ffffff;
					}

				.grove-navbar .grove-nav .nav > li .caret {
					border-top-color: #ffffff;
					border-bottom-color: #ffffff;
				}

			.grove-navbar .grove-nav .nav .dropdown > a:focus .caret,
			.grove-navbar .grove-nav .nav .dropdown > a:hover .caret {
				border-bottom-color: #ffffff;
				border-top-color: #ffffff;
			}

			.grove-navbar .grove-nav .nav .dropdown-menu {
				position: inherit;
				float: none;
				top: inherit;
				left: inherit;
				margin:;
				background-color: transparent;
				-webkit-box-shadow: none;
				-moz-box-shadow: none;
				box-shadow: none;
			}

				.grove-navbar .grove-nav .nav .dropdown-menu a {
					font-weight: normal;
				}

				.grove-navbar .grove-nav .nav .dropdown-menu > li {
					margin-left: 16px;
				}

					.grove-navbar .grove-nav .nav .dropdown-menu > li:hover {
						background-color: transparent;
					}

						.grove-navbar .grove-nav .nav .dropdown-menu > li:hover > a {
							color: #ffffff;
						}

					.grove-navbar .grove-nav .nav .dropdown-menu > li > a {
						color: #ffffff;
						border-top: 1px solid transparent;
						margin: 0;
						padding: 3px 8px;
					}
}

@media (max-width: 767px) and (min-width: 768px) and (max-width: 979px) {
	.grove-navbar .grove-nav .nav > li {
		margin-left: 20px;
	}
}

.headline {
	margin: 45px 0 45px 0;
	padding: 40px 0 45px 0;
	border-top: #e0e3e6 1px solid;
	border-bottom: #e0e3e6 1px solid;
	text-align: center;
	font-size: 24px;
}

	.headline.top {
		margin-top: 15px;
	}

.grove-list {
	margin-top: 20px;
	list-style: none;
	padding-left: 25px;
}

	.grove-list li {
		margin-bottom: 10px;
	}

		.grove-list li:before {
			content: "";
			border-color: transparent transparent transparent #d0d5d9;
			border-style: solid;
			border-width: 3px 8px;
			width: 8px;
			display: block;
			left: -20px;
			top: 13px;
			position: relative;
		}

.form-control {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 17px;
	font-weight: normal;
}

	.form-control:focus {
		border-color: rgba(118, 148, 167, 0.5);
		outline: 0;
		outline: none;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px @form-focus-border;
		-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px @form-focus-border;
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px @form-focus-border;
	}

label {
	font-weight: normal;
}

.form-group {
	margin-bottom: 11px;
}

.btn-grove-common {
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.btn-grove-one {
	color: #ffffff;
	background-color: #42515a;
	border-color: #42515a;
	background-image: -webkit-gradient(linear, left 0%, left 100%, from(#42515a), to(#283137));
	background-image: -webkit-linear-gradient(top, #42515a, 0%, #283137, 100%);
	background-image: -moz-linear-gradient(top, #42515a 0%, #283137 100%);
	background-image: linear-gradient(to bottom, #42515a 0%, #283137 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff42515a', endColorstr='#ff283137', GradientType=0);
	background-repeat: repeat-x;
	border-color: #242c31;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

	.btn-grove-one:hover,
	.btn-grove-one:focus,
	.btn-grove-one:active,
	.btn-grove-one.active,
	.open .dropdown-toggle.btn-grove-one {
		color: #ffffff;
		background-color: #313c42;
		border-color: #283137;
	}

	.btn-grove-one:active,
	.btn-grove-one.active,
	.open .dropdown-toggle.btn-grove-one {
		background-image: none;
	}

	.btn-grove-one.disabled,
	.btn-grove-one[disabled],
	fieldset[disabled] .btn-grove-one,
	.btn-grove-one.disabled:hover,
	.btn-grove-one[disabled]:hover,
	fieldset[disabled] .btn-grove-one:hover,
	.btn-grove-one.disabled:focus,
	.btn-grove-one[disabled]:focus,
	fieldset[disabled] .btn-grove-one:focus,
	.btn-grove-one.disabled:active,
	.btn-grove-one[disabled]:active,
	fieldset[disabled] .btn-grove-one:active,
	.btn-grove-one.disabled.active,
	.btn-grove-one[disabled].active,
	fieldset[disabled] .btn-grove-one.active {
		background-color: #42515a;
		border-color: #42515a;
	}

	.btn-grove-one:hover,
	.btn-grove-one:focus {
		background-color: #283137;
		background-position: 0 -15px;
	}

	.btn-grove-one:active,
	.btn-grove-one.active {
		background-color: #283137;
		border-color: #242c31;
	}

	.btn-grove-one .caret {
		border-top-color: #ffffff;
	}

	.btn-grove-one .glyphicons:before,
	.btn-grove-one .social:before,
	.btn-grove-one .filetype:before {
		color: #ffffff;
	}

.btn-grove-two {
	color: #ffffff;
	background-color: #58b1e0;
	border-color: #58b1e0;
	background-image: -webkit-gradient(linear, left 0%, left 100%, from(#58b1e0), to(#2798d4));
	background-image: -webkit-linear-gradient(top, #58b1e0, 0%, #2798d4, 100%);
	background-image: -moz-linear-gradient(top, #58b1e0 0%, #2798d4 100%);
	background-image: linear-gradient(to bottom, #58b1e0 0%, #2798d4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff58b1e0', endColorstr='#ff2798d4', GradientType=0);
	background-repeat: repeat-x;
	border-color: #2692cb;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

	.btn-grove-two:hover,
	.btn-grove-two:focus,
	.btn-grove-two:active,
	.btn-grove-two.active,
	.open .dropdown-toggle.btn-grove-two {
		color: #ffffff;
		background-color: #36a1da;
		border-color: #2798d4;
	}

	.btn-grove-two:active,
	.btn-grove-two.active,
	.open .dropdown-toggle.btn-grove-two {
		background-image: none;
	}

	.btn-grove-two.disabled,
	.btn-grove-two[disabled],
	fieldset[disabled] .btn-grove-two,
	.btn-grove-two.disabled:hover,
	.btn-grove-two[disabled]:hover,
	fieldset[disabled] .btn-grove-two:hover,
	.btn-grove-two.disabled:focus,
	.btn-grove-two[disabled]:focus,
	fieldset[disabled] .btn-grove-two:focus,
	.btn-grove-two.disabled:active,
	.btn-grove-two[disabled]:active,
	fieldset[disabled] .btn-grove-two:active,
	.btn-grove-two.disabled.active,
	.btn-grove-two[disabled].active,
	fieldset[disabled] .btn-grove-two.active {
		background-color: #58b1e0;
		border-color: #58b1e0;
	}

	.btn-grove-two:hover,
	.btn-grove-two:focus {
		background-color: #2798d4;
		background-position: 0 -15px;
	}

	.btn-grove-two:active,
	.btn-grove-two.active {
		background-color: #2798d4;
		border-color: #2692cb;
	}

	.btn-grove-two .caret {
		border-top-color: #ffffff;
	}

	.btn-grove-two .glyphicons:before,
	.btn-grove-two .social:before,
	.btn-grove-two .filetype:before {
		color: #ffffff;
	}

.btn-grove-three {
	color: #ffffff;
	background-color: #b8bbbe;
	border-color: #b8bbbe;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

	.btn-grove-three:hover,
	.btn-grove-three:focus,
	.btn-grove-three:active,
	.btn-grove-three.active,
	.open .dropdown-toggle.btn-grove-three {
		color: #ffffff;
		background-color: #a3a7ab;
		border-color: #989ca1;
	}

	.btn-grove-three:active,
	.btn-grove-three.active,
	.open .dropdown-toggle.btn-grove-three {
		background-image: none;
	}

	.btn-grove-three.disabled,
	.btn-grove-three[disabled],
	fieldset[disabled] .btn-grove-three,
	.btn-grove-three.disabled:hover,
	.btn-grove-three[disabled]:hover,
	fieldset[disabled] .btn-grove-three:hover,
	.btn-grove-three.disabled:focus,
	.btn-grove-three[disabled]:focus,
	fieldset[disabled] .btn-grove-three:focus,
	.btn-grove-three.disabled:active,
	.btn-grove-three[disabled]:active,
	fieldset[disabled] .btn-grove-three:active,
	.btn-grove-three.disabled.active,
	.btn-grove-three[disabled].active,
	fieldset[disabled] .btn-grove-three.active {
		background-color: #b8bbbe;
		border-color: #b8bbbe;
	}

	.btn-grove-three .caret {
		border-top-color: #ffffff;
	}

	.btn-grove-three .glyphicons:before,
	.btn-grove-three .social:before,
	.btn-grove-three .filetype:before {
		color: #ffffff;
	}

.btn .glyphicons,
.btn .social,
.btn .filetype {
	padding-left: 25px;
}

	.btn .glyphicons:before,
	.btn .social:before,
	.btn .filetype:before {
		font-size: 19px;
		top: -11px;
	}

.btn-xs .glyphicons,
.btn-xs .social,
.btn-xs .filetype {
	padding-left: 15px;
}

	.btn-xs .glyphicons:before,
	.btn-xs .social:before,
	.btn-xs .filetype:before {
		font-size: 13px;
		top: -8px;
	}

.btn-sm .glyphicons,
.btn-sm .social,
.btn-sm .filetype {
	padding-left: 23px;
}

	.btn-sm .glyphicons:before,
	.btn-sm .social:before,
	.btn-sm .filetype:before {
		font-size: 18px;
		top: -10px;
	}

.btn-lg {
	font-size: 14px;
}

	.btn-lg .glyphicons,
	.btn-lg .social,
	.btn-lg .filetype {
		padding-left: 26px;
		margin-right: 8px;
	}

		.btn-lg .glyphicons:before,
		.btn-lg .social:before,
		.btn-lg .filetype:before {
			font-size: 23px;
			top: -13px;
		}

.btn-xlg {
	padding: 18px 22px;
	font-size: 15px;
	line-height: normal;
	border-radius: 3px;
	letter-spacing: 2px;
}

	.btn-xlg .glyphicons,
	.btn-xlg .social,
	.btn-xlg .filetype {
		padding-left: 23px;
		margin-right: 10px;
	}

		.btn-xlg .glyphicons:before,
		.btn-xlg .social:before,
		.btn-xlg .filetype:before {
			font-size: 24px;
			top: -15px;
		}

.btn-bold {
	font-weight: 600;
	text-transform: uppercase;
}

.btn-group .dropdown-menu.grove-dropdown {
	background-color: #151b20;
	background-color: rgba(28, 36, 44, 0.9);
	margin-top: -1px;
}

#layerslider {
	color: white;
}

	#layerslider div.large-caption {
		font-size: 34px;
	}

		#layerslider div.large-caption p {
			background-color: rgba(0, 0, 0, 0.3);
			display: inline-block;
			margin: 2px 0 0 0;
			line-height: 48px;
			padding: 0 13px 0 13px;
		}

div.showroom {
	padding-top: 30px;
	padding-bottom: 30px;
}

div.showroom-controls {
	background: url(../img/showroom-bg.png);
	margin-bottom: 12px;
	height: 24px;
}

	div.showroom-controls i.verticalSeparator:before {
		content: "|";
		color: #dadada;
		font-weight: normal;
		font-style: normal;
	}

	div.showroom-controls div.links {
		background: #ffffff;
		font-weight: 600;
		padding-right: 10px;
		float: left;
	}

.widewrapper.weak-highlight div.showroom-controls div.links {
	background: #f6f6f6;
}

div.showroom-controls div.controls {
	float: right;
	background-color: white;
	padding: 0 0 0 10px;
}

.widewrapper.weak-highlight div.showroom-controls div.controls {
	background: #f6f6f6;
}

div.showroom-controls div.controls a {
	display: block;
	float: left;
	width: 20px;
	height: 21px;
}

	div.showroom-controls div.controls a.left {
		background-image: url(../img/showroom-left.png);
	}

	div.showroom-controls div.controls a.right {
		background-image: url(../img/showroom-right.png);
		margin-left: 5px;
	}

div.showroom-controls a {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

	div.showroom-controls a:hover {
		background-color: rgba(0, 0, 0, 0.1);
	}

.showroom-item {
	margin-bottom: 20px;
}

	.showroom-item .image {
		position: relative;
	}

@media (max-width: 767px) {
	.showroom-item .image {
		width: 263px;
		margin: auto;
	}
}

.showroom-item .image .overlay {
	position: absolute;
	left: 0;
	right: 0px;
	top: 0px;
	bottom: 0;
	opacity: 0;
	display: hidden;
	background-color: #000000;
	cursor: pointer;
	-webkit-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
	overflow: hidden;
}

@media (max-width: 767px) {
	.showroom-item .image .overlay {
		background-color: rgba(0, 0, 0, 0);
		opacity: 0.75;
		display: block;
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		transition: none;
	}
}

.showroom-item .image .overlay .glyphicons,
.showroom-item .image .overlay .social,
.showroom-item .image .overlay .filetype {
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 0;
	margin: 0;
	margin-top: -16px;
	margin-left: -16px;
}

	.showroom-item .image .overlay .glyphicons:before,
	.showroom-item .image .overlay .social:before,
	.showroom-item .image .overlay .filetype:before {
		font-size: 30px;
		color: #ffffff;
	}

.showroom-item .image .overlay div.name {
	color: #fff;
	position: absolute;
	bottom: -25px;
	right: 10px;
	padding: 5px;
	font-weight: 600;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

@media (max-width: 767px) {
	.showroom-item .image .overlay div.name {
		background-color: rgba(0, 0, 0, 0.75);
		bottom: 5px;
	}
}

.showroom-item .image:hover .overlay {
	opacity: 0.75;
}

.showroom-item .image:hover div.name {
	bottom: 5px;
}

.showroom-item.blog-item .content h3 {
	font-size: 18px;
	font-weight: 600;
	line-height: 26px;
	margin-bottom: 0px;
}

	.showroom-item.blog-item .content h3 a {
		color: var(--blog-item-text-color);
	}

.showroom-item.blog-item .content span.meta {
	display: block;
}

.showroom-item.blog-item .content span.preview {
	display: block;
	margin-top: 5px;
}

.showroom-item.blog-item .content a.more {
	margin-top: 16px;
	display: block;
}

div.carousel.testimonials {
	line-height: inherit;
}

.testimonial-item {
	margin-bottom: 40px;
}

	.testimonial-item .bubble {
		border: #dcdcdc 1px solid;
		padding: 14px 12px 30px 12px;
		position: relative;
	}

		.testimonial-item .bubble:before,
		.testimonial-item .bubble:after {
			content: "";
			display: block;
			position: absolute;
			border-style: solid outset;
			width: 0;
		}

		.testimonial-item .bubble:before {
			border-width: 33px 0 0 33px;
			bottom: -33px;
			left: 40px;
			border-color: #dcdcdc transparent;
		}

		.testimonial-item .bubble:after {
			border-width: 33px 0 0 33px;
			bottom: -30px;
			left: 39px;
			border-color: var(--wide-wrapper-bgcolor) transparent;
		}

	.testimonial-item .client {
		font-size: 12px;
		font-weight: 600;
		float: left;
		margin-left: 85px;
		margin-top: 5px;
	}

@media (max-width: 767px) {
	div.our-clients .clients {
		text-align: center;
	}
}

div.our-clients .clients .client {
	float: left;
	width: 285px;
	height: 112px;
	line-height: 112px;
	text-align: center;
	border: 1px solid #dce0e3;
	border-left: none;
}

@media (min-width: 980px) and (max-width: 1199px) {
	div.our-clients .clients .client {
		width: 235px;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	div.our-clients .clients .client {
		width: 180px;
	}

		div.our-clients .clients .client img {
			max-height: 70%;
			max-width: 70%;
		}
}

@media (max-width: 767px) {
	div.our-clients .clients .client {
		margin: 15px auto;
		padding-left: 0;
		padding-right: 0;
		float: none;
		border-left: 1px solid #dce0e3;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}
}

div.our-clients .clients .client:first-child {
	border-left: 1px solid #dce0e3;
	-webkit-border-top-left-radius: 2px;
	-moz-border-radius-topleft: 2px;
	border-top-left-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-bottomleft: 2px;
	border-bottom-left-radius: 2px;
}

div.our-clients .clients .client:last-child {
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topright: 2px;
	border-top-right-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	border-bottom-right-radius: 2px;
}

div.our-clients .clients .client img,
div.our-clients .clients .client .img-responsive {
	display: inline-block;
	vertical-align: middle;
}

.pricing-plan,
.product-comparison {
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
}

	.pricing-plan .head,
	.product-comparison .head {
		font-size: 24px;
		font-weight: bold;
		padding-top: 45px;
		padding-bottom: 45px;
		background-color: #42515a;
		background-image: linear-gradient(to bottom, #42515a, #303b41);
		color: #ffffff;
		position: relative;
		-webkit-border-top-right-radius: 2px;
		-moz-border-radius-topright: 2px;
		border-top-right-radius: 2px;
		-webkit-border-top-left-radius: 2px;
		-moz-border-radius-topleft: 2px;
		border-top-left-radius: 2px;
		-webkit-box-shadow: 0 1px 1px -1px @gradient-one-shadow;
		-moz-box-shadow: 0 1px 1px -1px @gradient-one-shadow;
		box-shadow: 0 1px 1px -1px @gradient-one-shadow;
	}

		.pricing-plan .head.alternative,
		.product-comparison .head.alternative {
			background-color: #58b1e0;
			background-image: linear-gradient(to bottom, #58b1e0, #31a1dc);
			color: #ffffff;
			-webkit-box-shadow: 0 1px 1px -1px @pricing-head-shadow;
			-moz-box-shadow: 0 1px 1px -1px @pricing-head-shadow;
			box-shadow: 0 1px 1px -1px @pricing-head-shadow;
		}

			.pricing-plan .head.alternative .ribbon,
			.product-comparison .head.alternative .ribbon {
				background-color: #42515a;
				background-image: linear-gradient(to bottom, #42515a, #303b41);
				color: #ffffff;
			}

				.pricing-plan .head.alternative .ribbon:after,
				.product-comparison .head.alternative .ribbon:after {
					border-color: transparent #58b1e0 transparent transparent;
				}

				.pricing-plan .head.alternative .ribbon:before,
				.product-comparison .head.alternative .ribbon:before {
					border-color: #646464 #646464 transparent transparent;
				}

		.pricing-plan .head .ribbon,
		.product-comparison .head .ribbon {
			position: absolute;
			height: 25px;
			background-color: #f3f2f2;
			background-image: linear-gradient(to bottom, #f3f2f2, #e5e3e3);
			font-size: 14px;
			color: #6f6f6f;
			letter-spacing: 1px;
			padding: 0 27px 0 10px;
			top: 12px;
			left: -5px;
			line-height: 23px;
		}

			.pricing-plan .head .ribbon:after,
			.product-comparison .head .ribbon:after {
				content: "";
				position: absolute;
				top: 0;
				right: 0;
				border-width: 13px 10px;
				border-style: solid;
				border-color: transparent #42515a transparent transparent;
				display: block;
				width: 0;
			}

			.pricing-plan .head .ribbon:before,
			.product-comparison .head .ribbon:before {
				content: "";
				position: absolute;
				bottom: -4px;
				left: 0px;
				border-width: 2px 3px;
				border-style: solid;
				border-color: #2d414f #2d414f transparent transparent;
				display: block;
				width: 0;
			}

	.pricing-plan ul.details {
		list-style-type: none;
		margin: 0;
		padding: 0;
		border: 0 solid #e0e3e6;
		border-width: 1px 1px 0 0;
	}

		.pricing-plan ul.details li {
			border: 0 solid #e0e3e6;
			border-width: 0 0 1px 1px;
			border-collapse: collapse;
			height: 45px;
			line-height: 45px;
		}

			.pricing-plan ul.details li.price {
				font-size: 30px;
				font-weight: bold;
				height: 65px;
				line-height: 65px;
				background-image: linear-gradient(to bottom, #fafafa, #f3f2f2);
			}

				.pricing-plan ul.details li.price .small {
					font-size: 12px;
				}

			.pricing-plan ul.details li.buy {
				height: 100px;
				line-height: 100px;
			}

#map-canvas {
	margin: 0;
	padding: 0;
	height: 480px;
}

	#map-canvas img {
		max-width: none;
	}

#contact-form button {
	float: right;
	margin: 10px 0 0 0;
}

#contact-details.with-margin {
	margin-top: 56px;
}

#contact-details .detail-block {
	margin-bottom: 26px;
}

	#contact-details .detail-block h3 {
		margin-bottom: 12px;
	}

#contact-details .info-block {
	margin-bottom: 30px;
}

	#contact-details .info-block .glyphicons,
	#contact-details .info-block .social,
	#contact-details .info-block .filetype {
		float: left;
	}

		#contact-details .info-block .glyphicons:before,
		#contact-details .info-block .social:before,
		#contact-details .info-block .filetype:before {
			top: 5px;
			left: 5px;
			color: #8a8a8a;
		}

	#contact-details .info-block .info {
		margin-left: 50px;
	}

		#contact-details .info-block .info h5 {
			margin-bottom: 0;
			font-weight: 600;
		}

		#contact-details .info-block .info.business-hours p {
			margin: 0;
		}

.row.content {
	margin-top: 50px;
	margin-bottom: 50px;
}

.leadimage {
	margin-bottom: 20px;
}

.blog-post header {
	margin-bottom: 8px;
}

	.blog-post header h2.title {
		display: inline-block;
		margin-top: 10px;
	}

		.blog-post header h2.title a {
			color: #646464;
		}

	.blog-post header .comment-count {
		float: right;
		margin-top: 10px;
		margin-right: 10px;
		margin-bottom: 10px;
	}

		.blog-post header .comment-count a {
			color: #646464;
		}

		.blog-post header .comment-count span {
			margin-right: -13px;
		}

		.blog-post header .comment-count .glyphicons:before,
		.blog-post header .comment-count .social:before,
		.blog-post header .comment-count .filetype:before {
			font-size: 30px;
			color: #e0e0e0;
			left: 23px;
			top: -14px;
		}

		.blog-post header .comment-count:hover .glyphicons:before,
		.blog-post header .comment-count:hover .social:before,
		.blog-post header .comment-count:hover .filetype:before {
			color: #d0d5d9;
		}

.blog-post .meta {
	font-weight: 600;
	margin-top: 20px;
}

.blog-post .btn.readmore {
	margin-top: 30px;
	margin-bottom: 0;
}

#comments button {
	float: right;
	margin: 10px 0 0 0;
}

#comments .reply-icon {
	float: left;
	width: 60px;
	text-align: right;
}

	#comments .reply-icon .glyphicons:before,
	#comments .reply-icon .social:before,
	#comments .reply-icon .filetype:before {
		left: 23px;
		top: -6px;
		color: #e0e0e0;
		-webkit-transform: rotate(-180deg);
		-moz-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		-o-transform: rotate(-180deg);
		transform: rotate(-180deg);
	}

#comments .comment {
	padding: 6px 9px 9px 9px;
	border: 1px #e0e3e6 solid;
	margin: 15px 0 15px 0;
}

	#comments .comment.reply {
		margin-left: 70px;
	}

	#comments .comment .avatar {
		float: left;
		margin-top: 5px;
	}

	#comments .comment .content {
		margin-left: 60px;
	}

		#comments .comment .content .author {
			font-weight: 600;
			margin-bottom: 0;
		}

		#comments .comment .content .text {
			display: block;
			margin-top: 5px;
		}

.blog-sidecolumn {
	padding-top: 50px;
}

.widget {
	margin: 0 0 30px 0;
}

.search-form input::-webkit-input-placeholder {
	color: #a4a4a4;
}

.search-form input:-moz-placeholder {
	color: #a4a4a4;
}

.search-form input::-moz-placeholder {
	color: #a4a4a4;
}

.search-form input:-ms-input-placeholder {
	color: #a4a4a4;
}

.tags-list {
	list-style: none;
	margin-left: 0;
	padding: 0;
}

	.tags-list li {
		float: left;
		padding: 5px 9px;
		margin: 0 12px 13px 0;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		background-color: #e2e5e7;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

		.tags-list li a {
			color: #646464;
		}

		.tags-list li:hover {
			background-color: #cad2d7;
		}

ul.paging {
	list-style: none;
	float: right;
}

	ul.paging li {
		float: left;
		width: 25px;
		height: 25px;
		line-height: 23px;
		text-align: center;
		margin-left: 10px;
		border: 1px solid #e0e3e6;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}

		ul.paging li a {
			color: #646464;
		}

		ul.paging li.active {
			background-color: #7593a6;
		}

			ul.paging li.active a {
				color: #ffffff;
			}

.row.feature-box {
	margin-top: 100px;
	margin-bottom: 90px;
}

@media (max-width: 767px) {
	.row.feature-box {
		margin-top: 40px;
		margin-bottom: 30px;
	}
}

.feature {
	margin-top: 34px;
	margin-bottom: 34px;
}

.feature h3 {
	font-size: 18px;
	line-height: 18px;
	font-weight: 600;
	margin: 0 0 10px -13px;
}

.feature .icon {
	width: 50px;
	height: 50px;
	border: 1px #d0d5d9 solid;
	float: left;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.feature .icon .glyphicons:before,
.feature .icon .social:before,
.feature .icon .filetype:before {
	font-size: 26px;
	left: 14px;
	top: -1px;
}

.feature .text {
	margin-left: 70px;
}

.feature .text h3 {
	margin-left: 0;
}

.feature .glyphicons:before,
.feature .social:before,
.feature .filetype:before {
	font-size: 23px;
	left: 16px;
	top: -14px;
	margin-left: -3px;
	float: left;
}

.large-features {
	border-top: 1px var(--wide-wrapper-box-color) solid;
}

.large-features .feature {
	border-bottom: 1px var(--wide-wrapper-box-color) solid;
	margin: 30px 0 30px 0;
}

.large-features .feature h3 {
	font-size: 18px;
	font-weight: 600;
}

.large-features .feature h3.with-icon {
	margin: 0 0 15px 12px;
}

.large-features .feature div.description {
	margin-top: 30px;
}

.large-features .feature div.description.special-margin {
	margin-top: 55px;
}

@media (max-width: 767px) {
	.large-features .feature div.description {
		margin-top: 55px;
		margin-bottom: 55px;
	}
}

.large-features .feature div.image {
	text-align: center;
}

	.large-features .feature div.image img {
		display: inline-block;
	}

@media (max-width: 767px) {
	.large-features .feature div.image {
		margin-top: 20px;
	}
}

.large-features .glyphicons:before,
.large-features .social:before,
.large-features .filetype:before {
	font-size: 38px;
	left: 3px;
	top: -25px;
	margin-left: -12px;
}

.launch-project a {
	margin-top: 20px;
	float: right;
	text-transform: none;
}

.progress.grove-progress {
	background-image: none;
	background-color: #d4dde2;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

	.progress.grove-progress .progress-bar {
		font-size: 12px;
		background-image: none;
		background-color: #7a8890;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: width 0.6s ease;
		-moz-transition: width 0.6s ease;
		-o-transition: width 0.6s ease;
		transition: width 0.6s ease;
		filter: none;
	}

.our-skills .grove-progress {
	margin-bottom: 12px;
}

@media (max-width: 767px) {
	.team-member {
		margin-bottom: 30px;
	}
}

.team-member .description {
	padding: 5px 20px 10px 20px;
	background-color: #e5e9ec;
}

.team-member .social-box .glyphicons,
.team-member .social-box .social,
.team-member .social-box .filetype {
	height: 36px;
	margin: 5px -6px 0 0;
}

	.team-member .social-box .glyphicons:before,
	.team-member .social-box .social:before,
	.team-member .social-box .filetype:before {
		font-size: 35px;
		color: #293540;
	}

	.team-member .social-box .glyphicons:hover:before,
	.team-member .social-box .social:hover:before,
	.team-member .social-box .filetype:hover:before {
		color: #1c242c;
	}

.login {
	padding-top: 60px;
	text-align: center;
}

	.login .login-icons {
		height: 95px;
		padding: 20px 0 25px 0;
	}

		.login .login-icons .glyphicons,
		.login .login-icons .social,
		.login .login-icons .filetype {
			margin-right: 20px;
			margin-left: 20px;
		}

			.login .login-icons .glyphicons:before,
			.login .login-icons .social:before,
			.login .login-icons .filetype:before {
				font-size: 48px;
				color: #6d6e71;
			}

			.login .login-icons .glyphicons:hover,
			.login .login-icons .social:hover,
			.login .login-icons .filetype:hover {
				cursor: pointer;
			}

				.login .login-icons .glyphicons:hover:before,
				.login .login-icons .social:hover:before,
				.login .login-icons .filetype:hover:before {
					color: #3b3d41;
				}

	.login .login-hr {
		background: url(../img/showroom-bg.png);
		margin-bottom: 12px;
		height: 24px;
	}

		.login .login-hr span {
			background-color: #ffffff;
			padding: 0 10px 0 10px;
			font-style: italic;
			font-weight: 600;
			color: #646464;
		}

	.login form {
		padding: 40px 0;
		text-align: left;
	}

	.login button.btn {
		margin: 10px 0 0 0;
		float: right;
	}

.e404 {
	text-align: center;
	padding-top: 120px;
	padding-bottom: 130px;
}

	.e404 h1 {
		font-size: 140px;
		letter-spacing: 15px;
		font-weight: 700;
		line-height: 160px;
	}

	.e404 p {
		font-size: 30px;
		font-weight: 700;
		line-height: 55px;
	}

.faq .question {
	padding-top: 13px;
	padding-bottom: 13px;
	border-top: 1px solid #e0e3e6;
}

	.faq .question .faq-toggle {
		font-size: 14px;
		font-weight: 600;
		color: #646464;
	}

		.faq .question .faq-toggle:focus,
		.faq .question .faq-toggle:hover {
			outline: none;
			text-decoration: none;
		}

		.faq .question .faq-toggle:before {
			margin-right: 17px;
			font-size: 20px;
			font-weight: 700;
			position: relative;
			content: "+";
			bottom: -2px;
		}

		.faq .question .faq-toggle.open:before {
			content: "−";
		}

	.faq .question .answer {
		padding-top: 15px;
	}

	.faq .question:first-child {
		border-top: none;
	}

.product-comparison {
	margin-top: 60px;
	margin-bottom: 60px;
}

	.product-comparison .captions ul,
	.product-comparison .data ul {
		padding: 0;
		list-style: none;
	}

		.product-comparison .captions ul li,
		.product-comparison .data ul li {
			border-top: 1px #e0e3e6 solid;
			overflow: hidden;
			height: 64px;
		}

			.product-comparison .captions ul li:first-child,
			.product-comparison .data ul li:first-child {
				border-top: none;
			}

@media (max-width: 979px) {
	.product-comparison .captions,
	.product-comparison .data {
		margin-bottom: 30px;
	}
}

@media (max-width: 979px) {
	.product-comparison {
		margin-bottom: 30px;
	}
}

.product-comparison .captions {
	text-align: left;
	margin-top: 113px;
	padding-right: 0;
}

	.product-comparison .captions ul {
		border: 1px #e0e3e6 solid;
		border-right: none;
		-webkit-border-top-left-radius: 3px;
		-moz-border-radius-topleft: 3px;
		border-top-left-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		-moz-border-radius-bottomleft: 3px;
		border-bottom-left-radius: 3px;
	}

		.product-comparison .captions ul li {
			padding: 20px 14px;
		}

.product-comparison .data {
	padding-right: 0;
	padding-left: 0;
}

	.product-comparison .data ul {
		border-top: 1px #e0e3e6 solid;
		border-bottom: 1px #e0e3e6 solid;
	}

		.product-comparison .data ul li {
			padding-left: 15px;
			padding-right: 15px;
		}

			.product-comparison .data ul li span {
				background-color: #faf8f8;
				padding: 21px 14px;
				display: block;
				height: 64px;
				font-weight: 600;
			}

				.product-comparison .data ul li span .glyphicons,
				.product-comparison .data ul li span .social,
				.product-comparison .data ul li span .filetype {
					padding: 15px 0 11px 21px;
				}

					.product-comparison .data ul li span .glyphicons:before,
					.product-comparison .data ul li span .social:before,
					.product-comparison .data ul li span .filetype:before {
						color: #646464;
					}

@media (max-width: 979px) {
	.product-comparison .data {
		padding-right: 15px;
	}

		.product-comparison .data ul {
			border-right: 1px #e0e3e6 solid;
			-webkit-border-bottom-right-radius: 3px;
			-moz-border-radius-bottomright: 3px;
			border-bottom-right-radius: 3px;
		}

			.product-comparison .data ul li {
				padding-right: 0;
			}

				.product-comparison .data ul li:last-child span {
					-webkit-border-bottom-right-radius: 3px;
					-moz-border-radius-bottomright: 3px;
					border-bottom-right-radius: 3px;
				}
}

.product-comparison .data.last {
	padding-right: 15px;
}

	.product-comparison .data.last ul {
		border-right: 1px #e0e3e6 solid;
		-webkit-border-bottom-right-radius: 3px;
		-moz-border-radius-bottomright: 3px;
		border-bottom-right-radius: 3px;
	}

		.product-comparison .data.last ul li {
			padding-right: 0;
		}

			.product-comparison .data.last ul li:last-child span {
				-webkit-border-bottom-right-radius: 3px;
				-moz-border-radius-bottomright: 3px;
				border-bottom-right-radius: 3px;
			}

	.product-comparison .data.last .header {
		padding-right: 0px;
	}

.product-comparison .data.highlighted ul li span {
	background-color: #eceef0;
}

.product-comparison .header {
	padding-left: 15px;
	padding-right: 15px;
}

	.product-comparison .header .head {
		display: block;
		border-left: 1px solid transparent;
	}

		.product-comparison .header .head.height-fix {
			height: 113px;
		}

		.product-comparison .header .head.two-liner {
			padding-top: 27px;
			line-height: 30px;
		}

@media (max-width: 979px) {
	.product-comparison .header {
		padding-right: 0px;
	}
}

.product-comparison .disclaimer {
	text-align: left;
	padding: 15px;
}

	.product-comparison .disclaimer .glyphicons,
	.product-comparison .disclaimer .social,
	.product-comparison .disclaimer .filetype {
		float: left;
		margin-top: 5px;
	}

	.product-comparison .disclaimer .text {
		margin-left: 50px;
	}
/* ====== PADDINGS ======= */
.no-pad {
	padding: 0 !important;
}

.no-marg {
	margin: 0;
}

.pad-lr {
	padding-left: 4em;
	padding-right: 4em;
}

.pad-lr-sm {
	padding-left: 1em;
	padding-right: 1em;
}

.pad-lr-xs {
	padding-left: 10px;
	padding-right: 10px;
}

.pad-lr-lg {
	padding-left: 6em;
	padding-right: 6em;
}

.pad-tb {
	padding-top: 4em;
	padding-bottom: 4em;
}

.pad-tb-sm {
	padding-top: 1em;
	padding-bottom: 1em;
}

.pad-tb-lg {
	padding-top: 6em;
	padding-bottom: 6em;
}
/* ======= MARGINS ======= */
.no-margin {
	margin: 0;
}

.marg-lr {
	margin-left: 40px;
	margin-right: 40px;
}

.marg-lr-sm {
	margin-left: 20px;
	margin-right: 20px;
}

.marg-lr-lg {
	margin-left: 80px;
	margin-right: 80px;
}

.marg-tb {
	margin-top: 40px;
	margin-bottom: 40px;
}

.marg-tb-sm {
	margin-top: 20px;
	margin-bottom: 20px;
}

.marg-tb-xs {
	margin-top: 10px;
	margin-bottom: 10px;
}

.marg-tb-lg {
	margin-top: 80px;
	margin-bottom: 80px;
}

.center-text {
	text-align: center;
}

p.lead {
	font-size: 21px;
	margin-bottom: 20px;
	font-weight: 300;
	line-height: 1.6;
}

ul.listless {
	list-style: none;
	padding-left: 1em;
	margin: 1em 0;
}

	ul.listless li {
		margin: .5em 0;
	}

.glyphicons {
	padding-left: 0;
}

	.glyphicons:before {
		position: relative;
		margin: -7px 5px 0 0;
		font-size: 1.3em;
	}

	.glyphicons.colored:before {
		color: #105c88;
	}

.large-features .feature h3.with-icon {
	margin: 0 0 15px 0;
}

.btn .glyphicons,
.btn-sm .glyphicons {
	padding-left: 0;
}

	.btn .glyphicons:before,
	.btn-sm .glyphicons:before {
		top: 0;
	}

.glyphicons.gi-block {
	display: block;
	text-align: center;
}

.glyphicons.gi-2x:before {
	font-size: 2em;
}

.glyphicons.gi-3x:before {
	font-size: 3em;
}

.glyphicons.gi-4x:before {
	font-size: 4em;
}

#layerslider div.large-caption p {
	background-color: transparent;
}

.feature h3 {
	margin: 20px 0;
	font-size: 1.6em;
}

.feature h3.center {
	text-align: center;
}

.feature h3 .glyphicons:before {
	margin: 0 10px 0 0;
}

.feature .glyphicons:before {
	position: relative;
	top: 0;
	left: 0;
	float: none;
	margin: 0 10px 0 13px;
	color: #105c88;
}

.testimonial-item {
	margin: 40px 0;
}

.testimonial-item .bubble {
	background-color: var(--wide-wrapper-bgcolor);
	padding: 30px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

div.showroom-controls {
	background: none;
}

div.showroom-controls div.controls a.left,
div.showroom-controls div.controls a.right {
	background: #cbcbcb;
	border-radius: 40px;
	color: white;
	line-height: 0;
	padding: 1em;
	text-align: center;
	text-decoration: none;
}

@media (max-width: 767px) {
	.showroom-item .image {
		width: 100%;
		margin: auto;
	}

	.showroom-item .image img {
		display: block;
		max-width: 100%;
		height: auto;
		width: 100%;
	}
}

.btn-success {
	background-color: #8dd87d;
	border: none;
}

	.btn-success:hover {
		background-color: #4eb837;
	}

.btn-secondary {
	background-color: #d60014;
	border: none;
	color: white;
}

.btn-secondary:hover {
	color: white;
	background-color: #a3000f;
}

.white-text {
	color: white;
}

.glyphicons.white:before {
	color: white;
}

h3 {
	font-size: 1.725em;
}

	h1.center,
	h2.center,
	h3.center,
	h4.center,
	h5.center {
		text-align: center;
	}

.features-background {
	background: url('../img/slides/bg-four.jpg') no-repeat;
	background-size: cover;
}

.weak-highlight .calltoaction {
	color: #646464;
}

.large-features .feature h3 {
	font-size: 1.725em;
}

.large-features .feature h3 .glyphicons:before {
	font-size: 1.2em;
}

.table-row-header {
	background: #eee;
	font-weight: bold;
}

.modal-dialog {
	margin: 10% auto;
}

.modal-header {
	background-color: #1b9ae3 !important;
	color: white;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}
/* 4/15/25
.modal-footer {
	padding: 10px 20px;
	background-color: #efefef;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}

	.modal-footer .btn-grove-one {
		background: #1b9ae3;
	}
*/

.instructions {
	padding: 1em;
	border: 1px solid #ddd;
}

.forgot {
	float: left;
	margin-top: 5px;
}
