@import url('https://fonts.googleapis.com/css?family=Khand:600|Khand:700|Pridi:300');

body { font-family: 'Pridi', serif; font-weight: 300; color: rgba(75,75,75,1.0); background-color: #112540; }
* { border-radius: 0 !important; }

#content-wrapper { background-color: #fff; }

h1, h2, h3, h4, h5, h6, .khand { font-family: 'Khand', sans-serif !important; font-weight: 700 !important; letter-spacing: 0px; }
h3, h4, h5, h6 { font-weight: 600 !important; }

a { color: rgba(1,135,206,1.0); }
a:hover { color: rgba(0,65,119,1.0); text-decoration: none; }

a.anchor {
	display: block;
	position: relative;
	top: -75px;
	visibility: hidden;
}

p { padding: 0; }

.btn-lg {
	font-family: Khand;
	text-transform: uppercase !important;
	font-size: 17px;
	font-weight: 500;
}

.btn-default:hover, .btn-default.active { background-color: rgba(240,240,240,1.00); }
.btn-default:focus, .btn-default.active:hover { background-color: rgba(235,235,235,1.00); }
.btn-default:active:focus, .btn-default:active:hover { background-color: rgba(230,230,230,1.00); }

.btn-primary { background-color: rgba(1,135,206,1.0);}

.blue-light { color: rgba(1,135,206,1.0); }
.blue { color: rgba(0,65,119,1.0); }
.blue-dark { color: rgba(17,37,64,1.0); }
.red { color: rgba(224,15,44,1.0); }

.blue-light-bg { background-color: rgba(1,135,206,1.0); color: rgba(255,255,255,0.9); }
.blue-bg { background-color: rgba(0,65,119,1.0); color: rgba(255,255,255,0.9); }
.blue-dark-bg { background-color: rgba(17,37,64,1.0); color: rgba(255,255,255,0.9); }
.red-bg { background-color: rgba(224,15,44,1.0); color: rgba(255,255,255,0.9); }

#header { height: 75px; border-bottom: 1px solid #a0a8b3; }

#steps-nav li a h4, #steps-nav li a p { margin: 0; }

#steps-nav li.active a { background-color: rgba(1,135,206,1.0); }

#door-specs ul.list-group li strong { font-family: 'Khand', sans-serif; font-weight: 600; color: rgba(0,65,119,1.0); }

h3 .glyphicon { font-size: 90%; }

#cta-container { margin-bottom: 30px; }
#cta-container h3 { display: block; margin: 0; padding: 10px 16px; background-color: rgba(245,245,245,1.0); color: rgba(51,51,51,1.0); line-height: 1.3; border: 1px solid rgba(245,245,245,1.0);  }
#cta-links a {
	/*font-family: 'Khand', sans-serif; font-size: 24px; font-weight: 600; letter-spacing: 0.5px;
	background-color: rgba(224,15,44,1.0); color: rgba(255,255,255,0.9); border-color: #fff;*/
	font-size: 24px;
	color: rgba(1,135,206,1.0);
}
.button-group .btn { padding: 15px; }

.dd-title { display: block; margin-bottom: 15px; padding-bottom: 5px; border-bottom: 1px solid #ddd; color: rgba(0,65,119,1.0); }

.dd-thumbnail { margin: 15px 0; }
.dd-thumbnail h4, .button-group h4 { margin-bottom: 0; }
.dd-thumbnail h4 small { display: block; font-style: italic; }
.dd-thumbnail:hover { background-color: rgba(250,250,250,1.0);  }
.dd-thumbnail a:hover { text-decoration: none; }
.dd-thumbnail .dl-horizontal { margin: 15px 0 0 0; }
.dd-thumbnail .dl-horizontal dt { float: left; width: 20px; text-align: left; color: rgba(1,135,206,1.0); }
.dd-thumbnail .dl-horizontal dd { margin-left: 30px; text-align: left; }
.dd-thumbnail p { line-height: inherit; }

#door-container { position: relative; overflow: hidden; background-color: #222; }
#door-container div { 
	position: absolute;
	box-sizing: border-box;
	width: 100%;
}

.form-control:focus {
	border-color: rgba(1,135,206,1.00);
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(1,135,206, .2);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(1,135,206, .2);
}

.select2-container--bootstrap .select2-results>.select2-results__options {
    max-height: none;
}

#d1OtherContainer, #d2OtherContainer, #d3OtherContainer { display: none; }

textarea { resize: vertical; }

.disclaimer { font-style: italic; color: rgba(153,153,153,1.00); }

.modal-dialog { margin-top: 150px; }

.row { padding-bottom: 0; }

@media (min-width: 768px) {
	
}

@media (min-width: 992px) {
	#door-specs .panel-heading { height: 48px; }
	#door-specs .panel-title { font-size: 24px; }
	#door-specs ul.list-group li { height: 72.8px; }
	#door-specs ul.list-group li strong { font-size: 16px; }
	#door-specs ul.list-group li span { display: block; }
}

@media (min-width: 1200px) {
	#door-specs ul.list-group li strong { font-size: 115%; }
	#door-specs ul.list-group li { height: 90.7px; font-size: 115%; }
}

/* PADDING AND MARGIN OVERRIDES */
.padding-top-lg { padding-top: 50px; }
.padding-top-md { padding-top: 30px; }
.padding-top-sm { padding-top: 15px; }
.padding-top-none { padding-top: 0; }

.padding-bottom-lg { padding-bottom: 50px; }
.padding-bottom-md { padding-bottom: 30px; }
.padding-bottom-sm { padding-bottom: 15px; }
.padding-bottom-none { padding-bottom: 0; }

.margin-top-lg { margin-top: 50px; }
.margin-top-md { margin-top: 30px; }
.margin-top-sm { margin-top: 15px; }
.margin-top-none { margin-top: 0; }

.margin-bottom-lg { margin-bottom: 50px; }
.margin-bottom-md { margin-bottom: 30px; }
.margin-bottom-sm { margin-bottom: 15px; }
.margin-bottom-none { margin-bottom: 0; }