@import url('https://fonts.googleapis.com/css2?family=Montserrat&family=Roboto:wght@300;400;500&display=swap');
/*@font-face {
	font-family: "Montserrat-Regular";
	src: url(fonts/Montserrat-Regular.ttf);
}*/

body {
	font-family: 'Montserrat', sans-serif;
}

h1,
h2,
h3,
h4 {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
}

p,
a,
span {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}


ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	display: inline-block;
	transition: 0.3s all ease-in-out;
}

span {
	display: inline-block;
}

button {
	border: none;
	background: transparent;
}

button:focus {
	outline: none;
	box-shadow: none !important;
}

input:focus {
	outline: none;
	border: none;
}

h2,
h3,
h4,
p {
	margin: 0;
}

.container {
	max-width: 2100px;
	padding: 0 7.92%;
}
.formErrorSummary li{font-size:.9rem;}

/*
--------------
header-area
--------------
*/

#css-app-login .css-header-area {
	position: relative;
	padding: 0 0 80px;
}

#css-app-login .css-header-area > img {
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
}

#css-app-login .css-header-area .container {
	/*padding: 0 0 0 7.92%;*/
}

#css-app-login .hdr_logo a img {
	width: 250px;
}
#css-login-form label{font-weight:600;}

/*
--------------
footer-area
--------------
*/
.css-footer-area {
	background: #4CAFC1;
	padding: 90px 0;
}
.css-footer-content h2 {
	font-size: 32px;
	color: #FFFFFF;
	line-height: 0.9;
}

.css-footer-content p {
	margin: 24px 0 0;
}

.css-footer-content p,
.css-footer-content ul li a {
	color: #FFFFFF;
	font-size: 18px;
	line-height: 0.9;
}

.css-footer-content ul li:first-of-type a {
	border-right: 1px solid #FFFFFF;
	margin: 0 4px 0 0;
	padding: 0 8px 0 0;
}

/*
---------------------
Back-To-Top-Button
---------------------
*/

#toTopButton {
  	display: inline-block;
  	background-color: #FF9800;
	color:#ffffff;
  	width: 50px;
  	height: 50px;
  	text-align: center;
  	border-radius: 4px;
  	position: fixed;
  	bottom: 30px;
  	right: 30px;
  	transition: background-color .3s 
    opacity .5s, visibility .5s;
  	opacity: 0;
  	visibility: hidden;
  	z-index: 1000;
  	border-radius: 50%;
    padding: 13px 0px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .075rem;
}

#toTopButton:hover {
  	cursor: pointer;
  	background-color: #333;
}

#toTopButton:active {
  	background-color: #555;
}

#toTopButton.show {
  	opacity: 1;
  	visibility: visible;
    padding: 13px 0px;
}

/*
---------------------
Landing Pages
---------------------
*/
.css-landing-label{color:#33333 !imporant;font-family:roboto;font-weight:500;font-size:1.15rem;}
.css-landing-sliderhud{font-size:.9rem;width: 125px;text-align:center;padding:6px 10px;border:1px solid #E2E3E3;border-radius:8px;background:#fff;}
.css-rangeslider-label{color:#95989C;font-size:.9rem;font-weight:500;}
.css-landing-sublabel{font-family:roboto;font-weight:500;font-size:1.05rem;}
.css-landing-bulletlist{padding:1rem 1.25rem;background:#d3ebf0;border-radius:12px;}
.css-landing-bulletlist p{color:#333333 !imporant;font-family:'Montserrat', sans-serif;font-weight:600;font-size:1.15rem;}
.css-landing-bulletlist li{width:50%;margin-bottom:0 !important;margin-top:0 !important;padding-bottom:0;list-style-type:square;margin:1rem;color:#0A5B6A;font-family:roboto;font-weight:500;font-size:1.20rem;}
.css-rangeInput, .css-rangeslider-label{width:100%;}
.custom-rangeslider .input-group{position:relative;top:-.89rem;}
.custom-rangeslider .input-group-text{width:85px;}