@charset "UTF-8";
/* CSS Document */

/* ==========================================
GENERAL
========================================== */

body {
	font-family: georgia,"times new roman",times,serif;
	font-weight:300;
	font-size:16px;
	color:rgba(34,34,34,1.00);
	padding:0;
	background-color:#DEDEDE;
}

.container {
	position:relative;
	background-color: #FFF;
}

.navbar .container, #footer .container {
	background-color:transparent;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Lora', serif;
}

a, a:link, a:hover, a:focus, a:active, a.link, a.hover, a.focus, a.active {
	color:#4b7cc2;
}

.secondary {
	opacity:.7;
}

img {
	max-width:100%;
}

.center-block {
	float:none;
}

.img-rounded {
	border-radius:50%;
	margin-right:20px;
	margin-bottom:20px;
	width:80px;
}

.spacer {
	height:40px;
	width:100%;
	display:block;
	clear:both;
}

.navbar {
	height:70px;
	margin-bottom:0;
	padding-top:10px;
	padding-bottom:10px;
	background-image:url(../images/header.jpg);
	background-size:contain;
	background-repeat:repeat-y;
	border-bottom:5px solid #cbbe7a;
	color:rgba(255,255,255,1.00);
}

.navbar-brand {
	padding:0;
}

.navbar-brand {
	margin: auto;
	float: left;
}

.navbar-brand img {
	max-height:40px;
	display: inline-block;
}

.navbar-right {
	padding-top:8px;
	font-size:20px;
}

.modal-header {
	background-image:url(../images/header.jpg);
	background-size:contain;
	background-repeat:repeat-y;
	border-bottom:5px solid #cbbe7a;
	color:rgba(255,255,255,1.00);
}

#medium {
	position: fixed;
	bottom: 0px;
	right: 10px;
	z-index: 100;
	width: 180px;
	display: none;
}

.card {
	-webkit-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
	background-color:#FFFFFF !important;
	border-radius:4px 4px 4px 4px;
	border:1px solid transparent;
	border-color:#DDDDDD !important;
	margin:15px 0 0px 0;
	color:#333333 !important;
	text-decoration:none !important;
}

.card-content {
	padding: 5px 10px 10px 10px;
}

ol {
	padding: 0 0 0 15px;
	margin: 0;
}

ol li {
	margin-bottom: 20px;
}

hr {
	border-top:#000 1px solid;
	margin-bottom: 0;
}

hr.light {
	opacity: .2;
	margin-bottom: 20px;
}

#sidebar {
	padding-bottom: 100px;
}

#calc-body
{
width:100%;
height:420px;
overflow:hidden;
position:relative;
}

#iframe
{
position:absolute;
top:-55px;
width: 90%;
height: 420px;
border:0;
}

.small {
	font-size: 65%;
}

#footer {
	color:#FFFFFF;
	background:rgba(0,0,0,1.00);
	padding-top:40px;
	padding-bottom:20px;
	font-size:10px;
}

@media all and (max-width: 991px) and (min-width: 0px) {

#calc-body
{
height:555px;
}

#iframe
{
top:-55px;
width: 90%;
height: 600px;
}

}

@media all and (max-width: 767px) and (min-width: 0px) {

#calc-click {
	display:none;
}

#calc-body
{
height:430px;
}

#iframe
{
top:-55px;
width: 90%;
height: 430px;
}

}

@media all and (max-width: 622px) and (min-width: 0px) {

#calc-body
{
height:555px;
}

#iframe
{
top:-65px;
width: 90%;
height: 650px;
}

}

@media all and (max-width: 570px) and (min-width: 0px) {

#calc-body
{
height:585px;
}

}

@media all and (max-width: 511px) and (min-width: 0px) {

#calc-body
{
height:555px;
}

#iframe
{
top:-65px;
width: 90%;
height: 650px;
}

}