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

html{
    min-height:100%;
    position:relative;
	margin: 0;
	max-width: 100%;
	overflow-x: hidden;
	scroll-padding-top: 3.4rem;
}


body {
	height: 100%;
	background-color: #C9CFD4;
	margin: 0;
	/* Remove crappy blue borders from everthing */
	
  * {
    &:focus, &.focus,
    &:active, &.active {
      outline: transparent none 0 !important;
      box-shadow: 0 0 0 0 rgba(0,123,255,0) !important;
      -webkit-box-shadow: none !important;
    }
  }
}



/* 
Myriad Pro SemiCondensed
font-family: "myriad-pro-semi-condensed", sans-serif;
font-weight: 400;
font-style: normal;
Myriad Pro SemiCondensed Italic
font-family: "myriad-pro-semi-condensed", sans-serif;
font-weight: 400;
font-style: italic;
Myriad Pro Semibold SemiCondensed
font-family: "myriad-pro-semi-condensed", sans-serif;
font-weight: 600;
font-style: normal;
Myriad Pro Semibold SemiCondensed Italic
font-family: "myriad-pro-semi-condensed", sans-serif;
font-weight: 600;
font-style: italic;
Myriad Pro Bold SemiCondensed
font-family: "myriad-pro-semi-condensed", sans-serif;
font-weight: 700;
font-style: normal;
Myriad Pro Bold SemiCondensed Italic
font-family: "myriad-pro-semi-condensed", sans-serif;
font-weight: 700;
font-style: italic;
*/



h1 {
	font-family: "myriad-pro-semi-condensed", sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 8.0rem;
	color: #FFFFFF;
	margin-bottom: 1.0rem;
	line-height: 6.5rem;
}
.h1Adjusted {
	margin-left: -40px;
}
h2 {
	font-family: "myriad-pro-semi-condensed", sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 4.5rem;
	color: #000000;
	letter-spacing: .02em;
	margin-top: 1.5rem;
	margin-bottom: .25rem;
}
.h2Smaller {
	font-family: "myriad-pro-semi-condensed", sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 2.5rem;
	color: #000000;
	letter-spacing: .02em;
	margin-top: 1.5rem;
	margin-bottom: .25rem;
}
h3 {
	font-family: "myriad-pro-semi-condensed", sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 1.6rem;
	color: #FFFFFF;
	letter-spacing: .02em;
	margin-top: 5.0rem;
	margin-bottom: .25rem;
}
h4 {
	font-family: "myriad-pro-semi-condensed", sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 4.0rem;
	color: #FFFFFF;
	letter-spacing: .02em;
	margin-top: 1.5rem;
	margin-bottom: .25rem;
	padding-top: 2rem;
}
h5 {
	font-family: "itc-american-typewriter-cond", serif;
	font-weight: 700;
	font-style: normal;
	font-size: 1.25rem;
	color: #000000;
	letter-spacing: .02em;
	margin-top: 1.5rem;
	margin-bottom: .25rem;
}
a {
	color: #000000;
}
a:hover {
	color: #000000;
}

/* li {
	margin-left: -15px;
} */
li::marker {
	font-size: .9rem;
	color: red;
}
.IndentFix {
	margin-left: -15px;
}

/* Adjustments for medium screens */
@media screen and (max-width: 1325px) {
	h1 {
		font-size: 6.0rem;
		margin-bottom: 1.0rem;
		margin-top: 0rem;
		line-height: 5.0rem;
	}
	.h1Adjusted {
		margin-left: -40px;
	}
	h2 {
		font-size: 4.5rem;
		color: #000000;
		letter-spacing: .02em;
		margin-top: 1.0rem;
		margin-bottom: .25rem;
	}
	h3 {
		font-size: 1.4rem;
		letter-spacing: .02em;
		margin-top: 4rem;
		margin-bottom: .25rem;
	}
	h4 {
		font-size: 3.5rem;
		line-height: 3.5rem;
		letter-spacing: .02em;
		margin-top: 2.0rem;
		margin-bottom: .25rem;
		padding-top: 2.0rem;
	}
}
/* Adjustments for small screens */
@media screen and (max-width: 850px) {
	h1 {
		font-size: 3.5rem;
		margin-bottom: 1.0rem;
		line-height: 3.5rem;
	}
	.h1Adjusted {
		margin-left: -15px;
	}
	h4 {
		font-size: 3.0rem;
		line-height: 3.0rem;
		letter-spacing: .02em;
		margin-top: .75rem;
		margin-bottom: .25rem;
		padding-top: .75rem;
	}
}

/* Menu ****************************************************************/

.navbar {
}
.HeaderBar {
	height: 15px;
	position: relative;
	margin-top: 55px;
	background-color: #000000;
}
.FullWidthRowHeader {
	height: 2em;
	position: relative;
	margin: 0px;
	padding: 0px;
}
.FullWidthRowHeaderWithBorder {
	height: 2em;
	position: relative;
	margin: 0px;
	padding: 0px;
	border-top: solid 6px #FFFFFF;
}
.NavMenuHomeIcon {
	margin-top: -3px;
	width: 33px; 
}

.NavbarContainer {
	z-index: 10;
	margin-top: 5px;
	display: none !important;
}
.NavbarContainerFull {
	z-index: 10;
	margin-top: 5px;
	display: block !important;
}


/* Remove crappy blue borders */
.button:active, 
 button:active,
.button:focus, 
 button:focus,
.button:hover, 
 button:hover{
    border:none !important;
    outline:none !important;
}
.navbar-toggler:focus {
	border: 0 !important;
	box-shadow: none !important;
}
.navbar-toggler {
	border: 0 !important;
	box-shadow: none !important;
}

.NavBarLogo {
	margin-left: 0px;
	margin-right: 40px;
}
.NavText {
	font-family: "myriad-pro-semi-condensed", sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 1.15em;
	color: #FFFFFF !important;
}
.NavTextExtras {
	display: block;
	font-family: "myriad-pro-semi-condensed", sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 1.15em;
	line-height: 1.0em;
	margin-top: -40px;
	text-align: right !important;
}



.NavMenuHome {
	/* display: none; */
}
.dropdown-menu {
	background-color: #000000;
	border: 0px;
}
.DropdownText {
	font-style: normal;
	font-size: .9rem;
	font-weight: 300;
	color: #FFFFFF;
	margin: 5px;
}
.DropdownText a {
	color: #FFFFFF;
}
.dropdown-item:hover {
	background-color: #2B2B2B;
	color: #FFFFFF;
}
.dropdown-divider {
	color: #939598;
	background-color: #939598;
	margin: 0px 0px 10px 0px;
	height: 3px !important;
	border: none;
}



/* Adjustments for medium screens */
@media screen and (max-width: 1325px) {
	.NavText {
		font-family: "myriad-pro-semi-condensed", sans-serif;
		font-weight: 600;
		font-style: normal;
		font-size: 1.15em;
		color: #FFFFFF !important;
		text-align: right !important;
	}
}

/* Adjustments for small screens */
@media screen and (max-width: 850px) {
	.NavbarContainer {
		background-color: #000000;
		margin: 0px !important;
		padding-top: 20px !important;
		display: block !important;
	}
	.NavbarContainerFull {
	/* background-color: #000000; */
		z-index: 10;
		margin-top: 5px;
		display: none !important;
	}
	.NavbarContainerRight {
		text-align: left !important;
	}
	.NavBarLogo {
		margin-left: 10px;
		margin-right: 10px;
	}
	.NavMenuHome {
		display: block;
	}
	.NavText {
		font-family: "myriad-pro-semi-condensed", sans-serif;
		font-weight: 600;
		font-style: normal;
		font-size: 1.15em;
		color: #FFFFFF !important;
		text-align: left !important;
	}
	.NavTextExtras {
		display: none;
	}
	.navbar-collapse {
		background-color: #000000;
		position: absolute;
		top: 0;
    	left: 0;
		margin-top: 175px;
		padding: 0px 15px 15px 15px;
		width: 100%;
	}
	.navbar-toggler {
		z-index: 500;
	}
	
}



/* Banner Image *************************************************/

.BannerRow {
	z-index: -999;
	background-color: #000000;
	margin: 0px 0px -20px -12px;
	padding: 0px 0px 0px 0px;
}
.BannerImage {
	position: absolute;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	max-height: 780px;
	min-height: 780px;
	object-fit: cover;
	z-index: -999;
	opacity: 1;
}
.BannerRowContact {
	z-index: -999;
	background-color: #000000;
	margin: 0px 0px -20px -12px;
	padding: 0px 0px 0px 0px;
}
.BannerImageContact {
	position: absolute;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	max-height: 565px;
	min-height: 565px;
	object-fit: cover;
	z-index: -999;
	opacity: 1;
}

/* Adjustments for medium screens */
@media screen and (max-width: 1325px) {
	.BannerRow {
		margin: 0px 0px -20px -12px;
		padding: 0px 0px 0px 0px;
	}
	.BannerImage {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		max-height: 700px;
		min-height: 700px;
	}
	.BannerImageContact {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		max-height: 530px;
		min-height: 530px;
	}
	
}
/* Adjustments for small screens */
@media screen and (max-width: 850px) {
	.BannerImage {
		margin: 150px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		max-height: 452px;
		min-height: 452px;
	}
	.BannerImageContact {
		margin: 125px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		max-height: 316px;
		min-height: 316px;
	}
}


/* Home ****************************************************************/

.TitleContainer {
	z-index: 999;
}
.TitleRow {
	padding-top: 58px;
	z-index: 999;
}
.RowNoPadding {
	position: relative;
	bottom: 0;
}
.BodyBulletText {
	font-family: "myriad-pro-semi-condensed", sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 1.5rem;
}
.EstimateRow {
	margin-top: 30px;
	padding-bottom: 50px;
}
.EstimateContainer {
	background-color: #A30002;
	padding: 8px 2px 2px 2px;
}
.EstimateContainer:hover {
	background-color: #ED1C24;
}
.FreeEstimateText {
	font-family: "myriad-pro-semi-condensed", sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 2.0rem;
	line-height: 2.0rem;
	color: #FFFFFF;
}
.EstimateLogoSpacing {
	padding: 10px 0px 30px 0px;
}
.Licensed {
	font-family: "myriad-pro-semi-condensed", sans-serif;
	font-weight: 400;
	font-style: normal;
	text-transform: uppercase;
	font-size: 1.5rem;
	margin-bottom: -9px;
	padding-bottom: 0px;
	
}
.FinancingContainer {
	background-color: #A30002;
	padding: 8px 2px 2px 2px;
}
.FinancingContainer:hover {
	background-color: #ED1C24;
}


div.parent {
	position: relative;
	padding: 0px;
}
div.absolute {
	position: absolute;
	width: 100%;
	bottom: 0px;
} 
.HomeTitleLogo {
	width: 90%;
	margin-top: 0px;
}
.Photo {
	width: 100%;
}
.PhotoCaption {
	font-family: "myriad-pro-semi-condensed", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: .9rem;
	line-height: .9rem;
}



/* Adjustments for medium screens */
@media screen and (max-width: 1325px) {
	.TitleRow {
		padding-top: 60px;
		z-index: 999;
	}
	.HomeTitleLogo {
		padding-top: 20px;
	}
	.FreeEstimateText {
		font-size: 1.65rem;
		line-height: 1.65rem;
	}
}
/* Adjustments for small screens */
@media screen and (max-width: 850px) {
	.TitleRow {
		padding-top: 15px;
	}
	.HomeTitleLogo {
		padding-top: 0px;
	}
	.FreeEstimateText {
		padding-top: 10px;
		font-size: 1.25rem;
		line-height: 1.25rem;
	}
	.Licensed {
		font-size: 1.25rem;
		margin-bottom: -9px;
		padding-bottom: 0px;
	}
}


/* Secondary Titles ***************************************************/

.TitleLogo {
	width: 30%;
	margin: 15px 0px 40px 0px;
}

/* Adjustments for small screens */
@media screen and (max-width: 850px) {
	.TitleLogo {
		width: 60%;
	}
}


/* Contact **************************************************************/


.ContactTitleRow {
	padding-top: 53px;
	z-index: 999;
}
.TitlePhoneNumber {
	font-family: "myriad-pro-semi-condensed", sans-serif;
	font-weight: 700;
	font-size: 7.0rem;
	margin: .5rem 0rem 7.0rem 0rem;
	line-height: 1rem;
}
.ContactTitle {
	font-family: "myriad-pro-semi-condensed", sans-serif;
	font-weight: 700;
	font-size: 4.0rem;
	color: #000000;
	letter-spacing: -.02em;
	margin-top: 1.5rem;
	margin-bottom: .25rem;
	padding-top: 2rem;
	text-transform: uppercase;
}
.ContactBody {
	font-family: "myriad-pro-semi-condensed", sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 3.0rem;
	margin: 0px;
	line-height: 3.75rem;
}
.ContactBodySmaller {
	font-family: "myriad-pro-semi-condensed", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 2.0rem;
	margin: 0px;
}
.ContactForm {
	background-color: cadetblue;
}


/* Adjustments for medium screens */
@media screen and (max-width: 1325px) {
	.ContactTitleRow {
		padding-top: 63px;
	}
	.TitlePhoneNumber {
		font-size: 4.5rem;
		line-height: 1.0rem;
		margin: 0px 0px 80px 0px;
		padding: 0px;
	}
	.ContactTitle {
		font-size: 2.5rem;
		margin-top: 1.5rem;
		margin-bottom: .25rem;
		padding-top: 1rem;
	}
	.ContactBody {
		font-size: 2.0rem;
		line-height: 2.75rem;
	}
	.ContactBodySmaller {
		font-size: 1.75rem;
		margin: 0px;
	}
}
/* Adjustments for small screens */
@media screen and (max-width: 850px) {
	.ContactTitleRow {
		padding-top: 53px;
	}
	.TitlePhoneNumber {
		font-size: 3.5rem;
		line-height: 1.0rem;
		text-align: center;
		margin: 0px 0px 80px 0px;
		padding: 0px;
	}
	.ContactTitle {
		font-size: 2.5rem;
		margin-top: 1.5rem;
		margin-bottom: .25rem;
		padding-top: 1rem;
		text-align: center;
	}
	.ContactBody {
		font-size: 2.0rem;
		line-height: 2.75rem;
		text-align: center;
	}
	.ContactBodySmaller {
		font-size: 1.75rem;
		margin: 0px;
		text-align: center;
	}
}


/* Footer ***************************************************************/
.FooterContainer {
	padding: 0px;
	/* position: fixed; */
	height: 12em;
	background-color: #000000;
	border-top: solid 6px #FFFFFF;
}
.FooterLogo {
	margin: 0px;
	padding: 0px;
	height: 150px;
}
.FooterIcon {
	margin-top: -3px;
	width: 33px;
}
.FooterTextContainer {
	padding-top: 40px;
}
.FooterText {
	font-family: "myriad-pro-semi-condensed", sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 1.15em;
	color: #FFFFFF;
}
.FooterText a {
	color: #FFFFFF;
	text-decoration: none;
}
.FooterText a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.FooterCopyright {
	font-family: "myriad-pro-semi-condensed", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1em;
	color: #FFFFFF;
	text-transform: uppercase;
	margin-top: 10px;
	line-height: 0px;
}


.FooterPhoneNumber {
	position: relative;
	font-style: normal;
	font-size: 1.0em;
	color: #817F7F;
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 0px 0px;
	bottom: 5px;
}
.FooterPhoneNumber a {
	color: #817F7F !important;
	text-decoration: none !important;
}


/* Adjustments for medium screens */
@media screen and (max-width: 1325px) {
	.FooterContainer {
		background-color: #000000;
		padding: 10px 0px 7px 20px;
		height: 35em;
		bottom: 0px;
	    left: 0px;
    	right: 0px;
		margin-bottom: 0px;
		z-index: 1;
	}
	.FooterTextContainer {
		padding-top: 0px;
	}
	.FooterText {
		font-size: 1.0em;
	}
	.text-end {
		text-align: left !important;
	}
	
}
/* Adjustments for small screens */
@media screen and (max-width: 850px) {
	.FooterContainer {
		background-color: #000000;
		padding: 10px 0px 7px 20px;
		height: 35em;
		bottom: 0px;
	    left: 0px;
    	right: 0px;
		margin-bottom: 0px;
		z-index: 1;
	}
	.FooterTextContainer {
		padding-top: 0px;
	}
	.FooterText {
		font-size: 1.0em;
	}
	.FooterSocialMedia {
		color: #817F7F;
		padding: 0px 5px 0px 5px;
		font-size: 1.5em;
	}
	.FooterPhoneNumber {
		position: relative;
		font-style: normal;
		font-size: 1.0em;
		color: #817F7F;
	}
	.text-end {
		text-align: left !important;
	}
}


/* Contact Form *************************************************/
.ContactContainer {
	padding-top: 50px;
}
.FormRule {
	border-top: 1px solid #A50009;
}
.machine {
	display: none; /* hide the "machine" field in contact form */
}
.form-group {
	margin-top: 20px;
}

/* Replacement button styling */

.btn-success {
	color:#FFFFFF;
	background-color:#A50009;
	border-color:#A50009
}
.btn-success:hover {
	color:#FFFFFF;
	background-color:#ED1C24;
	border-color:#ED1C24;
}
.btn-check:focus+.btn-success,.btn-success:focus {
	color:#FFFFFF;
	background-color:#A50009;
	border-color:#A50009;
	box-shadow:0 0 0 0rem rgba(60,153,110,.5)
}
.btn-check:active+.btn-success,.btn-check:checked+.btn-success,.btn-success.active,.btn-success:active,.show>.btn-success.dropdown-toggle {
	color:#FFFFFF;
	background-color:#F6921E;
	border-color:#F6921E;
}
.btn-check:active+.btn-success:focus,.btn-check:checked+.btn-success:focus,.btn-success.active:focus,.btn-success:active:focus,.show>.btn-success.dropdown-toggle:focus {
	box-shadow:0 0 0 0rem rgba(60,153,110,.5)
}
.btn-success.disabled,.btn-success:disabled {
	color:#FFFFFF;
	background-color:#A50009;
	border-color:#A50009;
}
.btn-spacer {
	margin: 20px 0px 20px 0px;
}



/* Other Colors ******************************************************/
.DarkYellow {
	color: #F6A11F;
}
.DarkRed {
	color: #A50009;
}
.White {
	color: #FFFFFF;
}
.Black {
	color: #000000;
}



/* Smaller Scrollbar *************************************************/

/* width */
::-webkit-scrollbar {
	width: 7px;
}
	
/* Track */
::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0);
	opacity: 0; 
}
	 
/* Handle */
::-webkit-scrollbar-thumb {
	background: rgba(136, 136, 136, 0.20);
	opacity: 0.20; 
}
	
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background:rgba(241, 241, 241, 0.20);
	opacity: 0.20; 
}


/* Back to Top Button *************************************************/
#myBtn {
	display: none; /* Hidden by default */
	position: fixed; /* Fixed/sticky position */
	bottom: 70px; /* Place the button at the bottom of the page */
	right: 30px; /* Place the button 30px from the right */
	z-index: 99; /* Make sure it does not overlap */
	border: none; /* Remove borders */
	outline: none; /* Remove outline */
	background-color: #A50009; /* Set a background color */
	color: #FFFFFF; /* Text color */
	cursor: pointer; /* Add a mouse pointer on hover */
	padding: 15px; /* Some padding */
	border-radius: 10px; /* Rounded corners */
	font-size: 14px; /* Increase font size */
	animation: fadeIn 5s;
}
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
#myBtn:hover {
	background-color: #ED1C24; /* Add a dark-grey background on hover */
}


/* Hearth Estimates Adjustments *******************************************/
.hearth-lead-capture-widget-class {
	width: 100%;
	text-align: center;
}