@import url('./plugins/fontawesome/css/all.min.css');

* {
	box-sizing: border-box;
}
a[href^='tel:'],
a[href^='mailto:'] {
	/* prevents word break, maintains display type */
	white-space: nowrap;
}

html {
	scroll-behavior: smooth;
}

html,
body {
    margin: 0px;
    padding: 0px;
    text-align: center;
    background-color: white;
    font-size: medium;
    font-family: 'Raleway', sans-serif;
    max-width: 2560px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0px;
    padding: 0.5em 0px;
    font-family: 'Crimson Text', serif;
}
h1 , h2{
    font-weight: normal;
    font-size: 2.5em;
}


img {
	max-width: 100%;
	border-style: none;
}
p {
    line-height: 1.5em;
}


textarea {
	resize: vertical;
}
.Button a {
    background-image: -webkit-linear-gradient(270deg,rgba(230,17,34,1.00) 0%,rgba(162,7,20,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(230,17,34,1.00) 0%,rgba(162,7,20,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(230,17,34,1.00) 0%,rgba(162,7,20,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(230,17,34,1.00) 0%,rgba(162,7,20,1.00) 100%);
    display: inline-block;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    color: #FFFFFF;
    text-decoration: none;
}
.Button a:hover {
    background-image: -webkit-linear-gradient(270deg,rgba(165,7,20,1.00) 0%,rgba(225,16,33,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(165,7,20,1.00) 0%,rgba(225,16,33,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(165,7,20,1.00) 0%,rgba(225,16,33,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(165,7,20,1.00) 0%,rgba(225,16,33,1.00) 100%);
}




.Container {
	width: 1024px;
	display: inline-block;
	max-width: 90%;
}
.Container-Space {
    margin-top: 81px;
}



/* back-to-top styles */
.BackToTop {
	position: fixed;
	z-index: 10;
	right: 10px;
	bottom: 10px;
	background-color: #fcf7f7;
	padding: 10px;
	color: white;
	font-family: sans-serif;
	border-radius: 5px;
	opacity: 0;
	visibility: hidden;
	font-size: medium;

	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 1em;
}

.BackToTop a {
    display: inline-block;
    padding: 10px;
    border-radius: 5px;
    color: white;
    text-decoration: none;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    font-size: 0.8em;
    transition: color 0.25s, background-color 0.25s;
    line-height: normal;
    height: 50px;
    box-sizing: border-box;
    text-align: center;
    background-image: -webkit-linear-gradient(270deg,rgba(226,16,33,1.00) 0%,rgba(166,7,21,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(226,16,33,1.00) 0%,rgba(166,7,21,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(226,16,33,1.00) 0%,rgba(166,7,21,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(226,16,33,1.00) 0%,rgba(166,7,21,1.00) 100%);
}

.BackToTop a:hover {
    color: #ffffff;
    background-image: -webkit-linear-gradient(270deg,rgba(165,7,20,1.00) 0%,rgba(226,16,33,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(165,7,20,1.00) 0%,rgba(226,16,33,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(165,7,20,1.00) 0%,rgba(226,16,33,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(165,7,20,1.00) 0%,rgba(226,16,33,1.00) 100%);
}

.BackToTop #BackToTop {
	position: relative;
	display: inline-block;
	cursor: pointer;
	font-size: 20px;
	width: 50px;
}

.BackToTop #BackToTop i {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.BackToTop #CloseBTT {
	position: absolute;
	left: -10px;
	top: -10px;
	width: 20px;
	height: 20px;
	cursor: pointer;
}
.Box-100 {
    margin-top: 35px;
    width: 100%;
    display: inline-block;
    padding-left: 5%;
    padding-right: 5%;
}
.Box-2 {
    width: 40%;
    display: inline-block;
    margin-top: 50px;
    margin-left: 2%;
    margin-right: 2%;
    padding-left: 2%;
    padding-right: 2%;
    border: 1px solid rgba(179,173,174,1.00);
    padding-top: 35px;
    padding-bottom: 35px;
    border-radius: 5px;
    vertical-align: top;
}
.Box-2 i {
    display: inline-block;
    color: #FFFFFF;
    border-radius: 88px;
    background-image: -webkit-linear-gradient(270deg,rgba(230,17,34,1.00) 0%,rgba(152,6,18,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(230,17,34,1.00) 0%,rgba(152,6,18,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(230,17,34,1.00) 0%,rgba(152,6,18,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(230,17,34,1.00) 0%,rgba(152,6,18,1.00) 100%);
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    font-size: 3em;
}

.Box-50 {
    width: 49%;
    padding-left: 0px;
    display: inline-block;
    vertical-align: middle;
}
.Box-50 h2 {
    padding-left: 5%;
    padding-right: 5%;
}
.Box-50 p {
    padding-left: 5%;
    padding-right: 5%;
    text-align: left;
}
.Box-Icon-3 {
    width: 24%;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 35px;
    font-size: 2em;
    display: inline-block;
    font-weight: bold;
    padding-left: 2%;
    padding-right: 2%;
    border: 1px solid #B7B2B2;
    padding-top: 15px;
    padding-bottom: 15px;
    min-width: 250px;
}
.Box-Icon-3 i {
    display: inline-block;
    color: #FFFFFF;
    border-radius: 49px;
    background-image: -webkit-linear-gradient(270deg,rgba(230,17,34,1.00) 0%,rgba(152,6,18,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(230,17,34,1.00) 0%,rgba(152,6,18,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(230,17,34,1.00) 0%,rgba(152,6,18,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(230,17,34,1.00) 0%,rgba(152,6,18,1.00) 100%);
    padding-top: 6px;
    padding-right: 6px;
    padding-bottom: 6px;
    padding-left: 6px;
}






.Call-Now {
    font-family: 'Crimson Text', serif;
    font-weight: bold;
    font-size: 1.3em;
}
.Call-Now a {
    display: inline-block;
    background-color: #E61122;
    color: #FFFFFF;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    text-decoration: none;
}
.Call-Now a:hover {
    background-color: #F13B4A;
}
footer {
    background-image: -webkit-linear-gradient(270deg,rgba(225,16,33,1.00) 0%,rgba(171,8,21,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(225,16,33,1.00) 0%,rgba(171,8,21,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(225,16,33,1.00) 0%,rgba(171,8,21,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(225,16,33,1.00) 0%,rgba(171,8,21,1.00) 100%);
    width: 100%;
    display: inline-block;
    margin-top: 35px;
    padding-top: 35px;
    padding-bottom: 100px;
}
footer .Button a {
    background-image: -webkit-linear-gradient(270deg,rgba(245,245,245,1.00) 0%,rgba(245,245,245,1.00) 60.10%,rgba(179,175,175,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(245,245,245,1.00) 0%,rgba(245,245,245,1.00) 60.10%,rgba(179,175,175,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(245,245,245,1.00) 0%,rgba(245,245,245,1.00) 60.10%,rgba(179,175,175,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(245,245,245,1.00) 0%,rgba(245,245,245,1.00) 60.10%,rgba(179,175,175,1.00) 100%);
    color: #E00F20;
    font-weight: bold;
}
footer .Button a:hover {
    background-image: -webkit-linear-gradient(270deg,rgba(199,196,196,1.00) 0%,rgba(245,245,245,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(199,196,196,1.00) 0%,rgba(245,245,245,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(199,196,196,1.00) 0%,rgba(245,245,245,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(199,196,196,1.00) 0%,rgba(245,245,245,1.00) 100%);
}






/* end back-to-top styles */

/* form styles */
.form {
	display: flex;
	flex-direction: column;
	gap: 1em;
}

.form-row {
	display: flex;
	flex-direction: row;
	gap: 1em;
	flex-wrap: wrap;
}

.form-row .input-field {
	flex: 1;
}

.button {
    padding: 0.75em 1em;
    background-color: #C1B9BA;
    color: black;
    font-weight: bold;
    font-size: 1em;
    border: none;
    border-radius: 10px;
    text-decoration: none;
    text-transform: capitalize;
    cursor: pointer;
    transition: color 0.25s, background-color 0.25s;
}

.button:hover {
    color: black;
    background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(193,185,186,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(193,185,186,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(193,185,186,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(193,185,186,1.00) 100%);
}

.input-field {
	display: flex;
	flex-direction: column;
	gap: 0.5em;
	text-align: left;
	min-width: 200px;
}

.field-label,
.field-input {
	width: 100%;
	font-size: 1em;
}

.field-input {
    padding: 0.5em;
    border: none;
    background-color: rgb(245, 245, 245);
    border-radius: 2px;
}

.field-input[type='date'],
textarea.field-input {
	font-size: 1.15em;
}

.field-input[type='file'] {
	cursor: pointer;
}

.input-field.required .field-label::before {
	content: '*';
	color: red;
}

.field-options {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0.5em;
}

.field-options.row {
	flex-direction: row;
	flex-wrap: wrap;
}

.field-options .option {
	position: relative;
}

.field-options .option .option-input {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	opacity: 0;
	cursor: pointer;
	margin: 0px;
}

.field-options .option .option-label {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap: 0.75em;
	padding: 0.75em;
	background-color: rgb(245, 245, 245);
	border-radius: 10px;
}

.option-input:focus + .option-label {
	outline: black auto 1px;
}

.option-input:checked + .option-label {
	background-color: #ffd602;
	color: black;
}

.option-label::before {
	display: block;
	font-family: 'Font Awesome 5 Pro';
}

.option-input[type='radio'] + .option-label::before {
	content: '\f111';
	font-weight: 300;
}

.option-input[type='radio']:checked + .option-label::before {
	content: '\f058';
	font-weight: 600;
}

.option-input[type='checkbox'] + .option-label::before {
	content: '\f0c8';
	font-weight: 300;
}

.option-input[type='checkbox']:checked + .option-label::before {
	content: '\f14a';
	font-weight: 600;
}

.captcha-field {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	row-gap: 0.5em;
	column-gap: 1em;
}

.captcha-field .input-field {
	flex: 1;
	min-width: 275px;
}

.captcha {
	display: flex;
	flex-direction: row;
	align-items: stretch;
}

.captcha .captcha-image {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.captcha:not([data-captcha-loaded]) {
	opacity: 0;
}

.captcha .captcha-refresh-btn {
	font-size: 1.1em;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}
header {
    width: 90%;
    display: inline-block;
    margin-top: 20px;
}
.Hero {
    width: 100%;
    display: inline-block;
    margin-top: 35px;
}


/* end form styles */


.Logo {
    max-width: 100%;
    width: 500px;
    float: left;
}

/* navigation styles */
#Navigation {
    display: inline-block;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    z-index: 10;
    color: #000000;
    float: right;
    text-decoration: none;
    margin-top: 10px;
}

#nav-toggle {
	background-color: transparent;
	border: none;
	color: inherit;
	padding: 0.75em;
	font-size: 1em;
}

#nav-toggle .nav-close {
	display: none;
}

.navigation-menu {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    margin: 0px;
}
.navigation-menu a {
    text-decoration: none;
}
.navigation-menu a:hover {
    color: #E61122;

}



.menu-item {
	display: inline-block;
	padding: 0.75em;
	color: inherit;
}

.dropdown-label {
	user-select: none;
}

.menu-dropdown {
	position: relative;
}

.dropdown-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;

	min-width: 100%;

	position: absolute;
	top: 100%;
	left: 0px;

	background-color: #4f525b;

	opacity: 0;
	visibility: hidden;
}

.dropdown-content .menu-item {
	width: 100%;
}

.menu-dropdown:hover .dropdown-content {
	opacity: 1;
	visibility: visible;
}
.Mobile {
    display: none;
}


.Row-Contact {
    background-color: #E61122;
    margin-top: 35px;
    padding: 1em;
    color: #ffffff;
    display: inline-block;
    width: 100%;
    background-image: url(Images-Main/Contact-Row.jpg);
    background-size: cover;
    background-attachment: fixed;
}

.T1 {
	font-size: 2em;
}
.Row-Red {
    width: 100%;
    margin-top: 35px;
    padding-top: 35px;
    padding-bottom: 35px;
    background-color: #E61122;
    color: #ffffff;
}

@media screen and (min-width:650px){
	#nav-toggle {
    display: none;
	}
}

@media screen and (max-width:650px){
.Call-Now {
    display: inline-block;
    float: none;
    position: absolute;
    right: 0.3%;
}
	#Navigation {
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    position: sticky;
    background-color: rgba(255,255,255,0.86);
    font-size: medium;
    width: 100%;
	}


	.navigation-menu {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 100%;
    z-index: 100000000;
    opacity: 0;
    visibility: hidden;
    font-size: medium;
    background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,0.88) 0%,rgba(255,255,255,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(255,255,255,0.88) 0%,rgba(255,255,255,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(255,255,255,0.88) 0%,rgba(255,255,255,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(255,255,255,0.88) 0%,rgba(255,255,255,1.00) 100%);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-box-shadow: 0px 2px 4px rgba(46,45,45,1.00);
    box-shadow: 0px 2px 4px rgba(46,45,45,1.00);
	}

	.menu-item,
	.menu-dropdown {
		width: 100%;
	}

	.dropdown-label {
		display: none;
	}

	.dropdown-content {
		position: relative;
		top: 0px;
		left: 0px;
		opacity: 1;
		visibility: visible;
	}

	#Navigation.active .navigation-menu {
		opacity: 1;
		visibility: visible;
	}

	#Navigation.active #nav-toggle .nav-open {
		display: none;
	}

	#Navigation.active #nav-toggle .nav-close {
		display: inline-block;
	}
h1 {
    font-size: 2em;
}

}


@media (max-width:1150px){
nav {
    float: none;
    width: 100%;
    border-top: 1px solid #CDCBCB;
}

}

@media (max-width:450px){
.Call-Now {
    font-size: medium;
    margin-top: 5px;
    font-family: 'Raleway', sans-serif;
    font-weight: normal;
    max-width: 63%;
}


}

@media (max-width:1000px){
.Box-50 {
    width: 90%;
    margin-bottom: 35px;
}
.Box-50 img {
    max-height: 300px;
}
.No-Mobile {
    display: none;
}
.Mobile {
    display: inline-block;
}
.Box-2 {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
}





}