@font-face {
    font-family: 'Roboto_SemiCondensed-Regular';
    src: url('../fonts/Roboto_SemiCondensed-Regular.ttf');
    src: url('../fonts/Roboto_SemiCondensed-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	font-display: swap;

}

@font-face {
    font-family: 'Arizonia-Regular';
    src: url('../fonts/Arizonia-Regular.ttf');
    src: url('../fonts/Arizonia-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	font-display: swap;

}

a[href^=tel] { color: inherit; text-decoration: none; }


h1, h2, h3, h4, h5, h6, .heading{
	margin: 5px 0;
	color:#000000;
	font-weight:normal;
	font-family: 'Arizonia-Regular', Arial, Helvetica, sans-serif;
}

.txt-xxl{
font-size:2.6em;
}
.txt-xl{
font-size:2.3em;
}
.txt-l{
font-size:2em;
}
.txt-m{
font-size:1.7em;
}
.txt-s{
font-size:1.4em;
}


body{
	font-weight:normal;
	font-family: 'Roboto_SemiCondensed-Regular', Arial, Helvetica, sans-serif;
	font-size:1.2em;
	
	overflow: auto;
  	background:linear-gradient(315deg, rgb(0 0 0) 3%, rgb(68 68 68) 38%, rgb(56 56 56) 68%, rgb(0 0 0) 98%);
  	animation: gradient 15s ease infinite;
  	background-size: 400% 400%;
  	background-attachment: fixed;
}

@keyframes gradient {
  0% {
    background-position: 0% 0%;
  }
  50% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}


.box-border-wrap {
  padding: 1rem;
  position: relative;
  background: linear-gradient(to right, #a60000, #920092);
  padding: 3px;
}

.box-border {
  background: #222;
  color: white;
  padding: 2rem;
}

html {
  /* Syntax: scrollbar-color: [Thumb Color] [Track/Background Color]; */
  scrollbar-color: #3b1562 #9f0658; 
  scrollbar-width: auto; /* Options: auto, thin */
}


.bgdark{
	background:linear-gradient(to right, rgba(0, 0, 0, 0) 0%, /* Transparent black on the far left */ rgb(115 24 76 / 60%) 25%, /* Semi-transparent black */ rgb(115 24 68 / 70%) 50%, /* Full black in the center */ rgb(115 24 77 / 60%) 75%, /* Semi-transparent black */ rgba(0, 0, 0, 0) 100%);
	padding: 20px;
	margin-bottom:20px;
}

.bglight{
	padding: 20px;
	margin-bottom:20px;
	background: #ffffff;
}

.light-txt, .light-txt p, .light-txt li, .light-txt a, .light-txt h1, .light-txt h2, .light-txt h3, .light-txt h4, .light-txt h5, .light-txt h6, .light-txt .heading, .light-txt label {
	color:#ffffff;
}


.dark-txt, .dark-txt p, .dark-txt li, .dark-txt a, .dark-txt h1, .dark-txt h2, .dark-txt h3, .dark-txt h4, .dark-txt h5, .dark-txt h6, .dark-txt .heading, .dark-txt label {
	color:#000000;
}

nav {
    background: -webkit-linear-gradient(right, rgb(129 0 255 / 30%), rgb(171 0 91 / 90%));
}

.navbar-brand {
    font-family: 'Arizonia-Regular', Arial, Helvetica, sans-serif;
	margin: 0 auto;
}

main {
    margin-top: 90px;
	padding:10px;
}



#schemacss{
	text-align:center;
    clear: both;
	color:#ffffff;
}

#schemacss a, #schemacss span.title-color{
color:#ffffff;
}

#schemacss .txt-s{
margin:0;
color: #ffffff;
}

.schema_add_map div {
display: inline;
}

.schema_contact, .schema_contact h3, .schema_contact a {
	color:#000000 !important;
	background: none !important;
    box-shadow: none !important;
}

p.copy {
    font-family: 'Arizonia-Regular', Arial, Helvetica, sans-serif;
	font-size: 2rem;
}