/* VIEWPORT */
@-ms-viewport{
	width: device-width;
}

/* BODY */
body {
	background-color: white;
}

/* Fonts */
body {
	font-family: 'Darker Grotesque', Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #3C3C3C;
}

body.mode_fullsite {
	background-color: #303030;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	margin-top: 0;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.big:not(.glyphicon), .extra-big:not(.glyphicon) {
	font-family: 'Darker Grotesque', sans-serif;
}

h1, .h1{
	font-size: 28px;
}

h2, .h2{
	font-size: 28px;
}

h3, .h3{
	font-size: 28px;
}

h4, .h4{
	font-size: 18px;
	font-weight: 700;
}

h5, .h5 {
	font-size: 16px;
}

strong {
	color: #AB1327;
}

hr, div.hr {
	border-top-style: solid;
	border-top-width: 1px;
	border-color: #CCCCCC;
	height: 1px;
	margin-top: 0;
	margin-bottom: 10px;
}

/* Glyphicons Fix */
button > span.glyphicon {
	height: 20px;
	line-height: 18px;
}

/* Boxed Design */
#main_wrapper, #header_wrapper, #footer_wrapper {
	position: relative;
	margin: auto;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

#header_wrapper {
	font-family: 'Darker Grotesque', sans-serif;
	font-size: .8em;
	margin-top: 0;
	background-color: #f5f5f5;
}

#header_wrapper .container {
	padding-top: 5px;
	padding-bottom: 5px;
}

#main_wrapper {
	padding-top: 5px;
	padding-bottom: 5px;
	min-height: 400px;
	background-color: white;
}

#header_wrapper + #main_wrapper {
	padding-top: 15px;
	padding-bottom: 15px;
}

#footer_wrapper {
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 0;
	color: #9da4ab;
}

#main_wrapper {
	z-index: 1038;
}

#header_wrapper.nav-affix {
	padding-top: 39px !important;
}
header, main, footer {
	position: relative;
	z-index: 1;
}

/* Main Area and Footer */
main, footer {
	color: #3c3c3c;
}

footer {
	font-size: 8pt;
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: center;
}

main .nav-pills>li {
	margin: 0;
}

main .nav-pills>li.active>a,
main .nav-pills>li.active>a:focus,
main .nav-pills>li.active>a:hover {
	background-color: #333;
}

@media (min-width: 768px) {
	main .nav-pills > li > a {
		border-radius: 0;
	}

	main .nav-pills > li:first-child > a {
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
	}

	main .nav-pills > li:last-child > a {
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}
}

main .nav-pills>li>a {
	background-color: #AB1327;
	color: white;
}

main .nav-pills>li>a:hover {
	background-color: #333;
}

/* Row Spacing */
.row.block-row,
div.block-col {
	padding: 15px;
}

header > .row + .row,
header > .row > div > .row + .row,
main > .row + .row,
main > .row > div > .row + .row {
	margin-top: 20px;
}

main > .row:last-child:not(:first-child),
main > .row > div > .row:last-child:not(:first-child) {
	margin-bottom: 20px;
}

/* Alerts */
.alert {
	padding: 10px;
}

/* Progress Bar */
.progress {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	height: 4px;
}

.progress-bar-primary {
	background-color: #AB1327;
}

/* Form Elements */
#form-main {
	overflow: hidden;
}

.form-group {
	margin-bottom: 10px;
}

.input-group,
.input-group-addon,
.form-control {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	font-size: 18px;
}

.input-group.checkbox.input-height,
.input-group.radio.input-height {
	margin-top: 5px;
	margin-bottom: 5px;
}

.checkbox-inline + label {
	padding-left: 4px;
}

input.form-control {
	border-radius: 3px !important;
	border-width: 2px;
	padding: 10px 15px;
	line-height: 21px;
}

.input-group input.form-control {
	border-bottom-right-radius: 0 !important;
	border-top-right-radius: 0 !important;
}
.input-group-addon {
	background-color: rgb(245, 245, 245);
}

.form-control,
.form-control:focus,
.datepicker {
	border-color: rgb(204, 204, 204);
}

.checkbox label, .radio label {
	min-height: 26px;
}

.form-control,
.form-control:focus,
input,
select,
input:focus,
select:focus,
.datepicker {
	outline: 0;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	border-width: 2px;
}

select.form-control {
	box-sizing: border-box;
	padding: 0 12px;
	/* height: 40px; */
}

.datepicker,
.datepicker td,
.datepicker th,
.datepicker span {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}
.datepicker td.active,
.datepicker th.active,
.datepicker span.active {
	background-color: #AB1327 !important;
	background-image: none !important;
	text-shadow: none !important;
}

.datepicker table tr td.day:hover {
	background-color: rgb(245, 245, 245);
}

/* SLIDER */
input.slider {
	margin-bottom: .5em;
	text-align: center;
	font-size: 2em;
	border: none;
	background-color: #f5f5f5;
	color: #404040;
	width: 3em;
	border-bottom: 2px solid rgba(0,0,0,0.05);
}

.slider.slider-horizontal {
	width: 100%;
}

.slider-selection {
	box-shadow: none;
	background: #184BA3;
}

.slider-handle {
	background-color: #444444;
	background-image: none;
}

/* Buttons & Related Elements */
button.btn,
a.btn {
	font-size: 22px;
	font-weight: 700;
	border: 0;
	padding: 10px 30px;
	line-height: 24px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	-webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .1);
	-moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .1);
	box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .1);
}
button.btn.btn-primary,
a.btn.btn-primary {
	background-color: #AB1327;
	font-weight: 700;
	text-transform: uppercase;
	border-radius: 3px;
	height: 44px;
	font-size: 22px;
	-webkit-font-smoothing: antialiased;
}

button.btn-primary:disabled,
button.btn-primary.disabled,
a.btn.btn-primary:disabled,
a.btn.btn-primary.disabled {
	background-color: #f5f5f5;
	color: #404040;
}
a.btn:hover,
a.btn.hover,
a.btn:active,
a.btn.active,
a.btn:focus,
a.btn.focus,
button:hover,
button.hover,
button:active,
button.active,
button:focus,
button.focus {
	background-color: #a0a0a0 !important;
	color: white !important;
	outline: 0;
}

a.btn:active:focus,
a.btn.active.focus,
button.btn:active:focus,
button.btn.active.focus {
	color: white;
}

a.btn.btn-primary:hover,
button.btn.btn-primary:hover ,
a.btn.btn-primary.hover,
button.btn.btn-primary.hover,
a.btn.btn-primary:active:focus,
a.btn.btn-primary.active.focus,
button.btn-primary:active:focus,
button.btn-primary.active.focus {
	background-color: #404040 !important;
}

a.btn.btn-primary:disabled:hover,
a.btn.btn-primary.disabled.hover,
button.btn-primary:disabled:hover,
button.btn-primary.disabled.hover,
a.btn.btn-primary:disabled:active,
a.btn.btn-primary.disabled.active,
button.btn-primary:disabled:active,
button.btn-primary.disabled.active,
a.btn.btn-primary:disabled:focus,
a.btn.btn-primary.disabled.focus,
button.btn-primary:disabled:focus,
button.btn-primary.disabled.focus {
	background-color: #f5f5f5 !important;
}

a.btn.widget,
button.btn.widget {
	width: 100%;
	text-align: center;
	border-radius: 3px;
}

input:checked + button.btn,
input:checked + a.btn {
	background-color: #184BA3;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: white;
}

input:checked + a.btn:hover,
input:checked + button.btn:hover ,
input:checked + a.btn.hover,
input:checked + button.btn.hover,
input:checked + a.btn:active:focus,
input:checked + a.btn.active.focus,
input:checked + button:active:focus,
input:checked + button.active.focus {
	background-color: #404040 !important;
}

/* Links */
a {
	color: #AB1327;
}

a:hover, a:focus {
	color: #AB1327;
}

/* Enhanced Form Elements */
div.dropdown.pseudo-select {
	width: 100%;
}
div.dropdown.pseudo-select > button,
div.dropdown.pseudo-select > ul {
	width: 100%;
}

div.dropdown.pseudo-select > button {
	text-align: left;
}

li.dropdown-header {
	font-size: 18px;
	font-weight: bold;
}

li.dropdown-nogroup > a,
li.dropdown-header {
	padding-left: 8px;
}

label.inline-label {
	line-height: 34px;
	margin-bottom: 0;
}

/* InView Effects */
.inview-fade {
	transition-property: opacity;
	transition-duration: 500ms;
}

.inview.inview-fade {
	opacity: 0;
}

.inview-fade {
	opacity: 1;
}

/* Custom Classes */
.fins-product {
	padding: 10px;
	background: #f5f5f5;
	-webkit-box-shadow: 0 -2px 0 rgba(0, 0, 0, .1) inset;
	-moz-box-shadow: 0 -2px 0 rgba(0, 0, 0, .1) inset;
	box-shadow: 0 -2px 0 rgba(0, 0, 0, .1) inset;
	margin-bottom: 10px;
}

table.fins-table {
	border-spacing: 10px;
	border-collapse: initial;
	width: 100%;
}
table.fins-table td {
	padding: 5px;
}
table.fins-table input {
	width: 50%;
	padding: 5px;
	font-style: normal;
	font-weight: normal;
}
table.fins-table td.head {
	font-weight: bold;
}

table.fins-table td.head_grey {
	background-color: #f5f5f5;
}
table.fins-table td.head_black {
	background-color: #f5f5f5;
	color: #3c3c3c;
}
table.fins-table td.head_red {
	background-color: #184BA3;
	color: white;
}
#fins-product-selection tr {
	cursor: pointer;
}

/* Custom Grid */
.col-xs-p20 {
	float: left;
}
.col-xs-p20 {
	width: 20%;
}
@media (min-width: 768px) {
	.col-sm-p20 {
		width: 20%;
	}
}
@media (min-width: 992px) {
	.col-md-p20 {
		width: 20%;
	}
}
@media (min-width: 1200px) {
	.col-lg-p20 {
		width: 20%;
	}
}

/* MediaQuery Clears */
.clear-sm,
.clear-md,
.clear-lg {
	display: inline-block;
}

@media (min-width: 768px) {
	.clear-sm {
		display: block;
		clear: both;
	}
}
@media (min-width: 992px) {
	.clear-md {
		display: block;
		clear: both;
	}
}
@media (min-width: 1200px) {
	.clear-lg {
		display: block;
		clear: both;
	}
}

/* Loader */
.loading-overlay {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(255,255,255,.75);
	display: none;
	z-index: 1000;
}

/* Debugger */
#debugger {
	margin-top: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
}