@font-face {
    font-family: 'Pliant-Regular';
    src: url('../fonts/Pliant-Regular.ttf');
    src: url('../fonts/Pliant-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	font-display: swap;

}

@font-face {
    font-family: 'Pliant-Medium';
    src: url('../fonts/Pliant-Medium.ttf');
    src: url('../fonts/Pliant-Medium.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: 'Pliant-Medium', Arial, Helvetica, sans-serif;
	text-align:center;
}

.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: 'Pliant-Regular', Arial, Helvetica, sans-serif;
	font-size:1.2em;
	background: radial-gradient(125% 125% at 50% 90%, #ffffff 40%, #ffc000 100%);
	
}

.bgdark{
	background-color:#022d63;
	padding: 20px;
}

.bglight{
	padding: 20px;
}

.light-txt, .light-txt p, .light-txt li, .light-txt a, .light-txt label {
	color:#ffffff;
}

.light-txt h1, .light-txt h2, .light-txt h3, .light-txt h4, .light-txt h5, .light-txt h6, .light-txt .heading{
	color:#ffce11;
}


.dark-txt, .dark-txt p, .dark-txt li, .dark-txt a, .dark-txt label{
	color:#000000;
}

.dark-txt h1, .dark-txt h2, .dark-txt h3, .dark-txt h4, .dark-txt h5, .dark-txt h6, .dark-txt .heading{
	color:#0c518f;
}

.dark-txt ul li{
	list-style:none;
}

.navbar {
	padding:15px 0 10px 0;
}

.navbar-scrolled {
	background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0 0 0) 20%, rgb(0 0 0) 80%, rgba(0, 0, 0, 0) 100%);
}

.navbar-brand {
    color: #fff;
    padding: 10px;
	margin-left:auto;
	margin-right:auto;
    margin-top: -8px;
    font-size: 1.8rem;
	font-family: 'Pliant-Medium', Arial, Helvetica, sans-serif;
}

main {
    margin-top: 70px;
}



.logo-style {
  --b: 3px;   /* control the border thickness */
  --w: 50vw; /* control the width of the line*/
  --h: 1.6em; /* control the height of the element */
  --c: #003d7d;
 
  width: fit-content;
  padding: 0 calc(2*var(--h)/3);
  line-height: var(--h);
  color: #fff;
  clip-path: 
    polygon(
     calc(var(--h)/2) 0,100vw 0,
     100vw var(--b),100%  var(--b),
     calc(100% - var(--h)/2) 100%,-100vw 100%,
    -100vw calc(100% - var(--b)),0 calc(100% - var(--b))
    );
  border-image: var(--_g,linear-gradient(var(--c) 0 0)) fill 0//0 var(--w);
  margin-inline: auto;
}

.title-style {
  --b: 5px;   /* control the border thickness */
  --w: 100px; /* control the width of the line*/
  --h: 1.6em; /* control the height of the element */
  --c: #cad4dd;
 
  width: fit-content;
  padding: 0 calc(2*var(--h)/3);
  line-height: var(--h);
  color: #fff;
  clip-path: 
    polygon(
     calc(var(--h)/2) 0,100vw 0,
     100vw var(--b),100%  var(--b),
     calc(100% - var(--h)/2) 100%,-100vw 100%,
    -100vw calc(100% - var(--b)),0 calc(100% - var(--b))
    );
  border-image: var(--_g,linear-gradient(var(--c) 0 0)) fill 0//0 var(--w);
  margin-inline: auto;
}


#schemacss{
	text-align:center;
    clear: both;
}

#schemacss a, #schemacss span.title-color{
font-weight:bold;
}

#schemacss .txt-s{
margin:0;
}

.schema_add_map div {
display: inline;
}

.schema_contact, .schema_contact h3, .schema_contact a {
	color:#000000 !important;
	background: none !important;
    box-shadow: none !important;
}

.footer{
	padding: 20px 0px;
}

.footer .container .row {
	text-align:center;
}



.copy {
    padding: 10px 10px;
    font-size: 1em;
    text-align: center;
    margin: 5px 0;
    color: #ffdd3f !important;
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0 0 0) 20%, rgb(0 0 0) 80%, rgba(0, 0, 0, 0) 100%);
}

@media (max-width: 319px) {
	.navbar-brand {
		font-size:1.5rem;
	}
}
@media (min-width: 320px) and (max-width: 399px) {
	.navbar-brand {
		font-size:1.5rem;
	}
}
@media (min-width: 400px) and (max-width: 767px) {
	.footer{
		text-align:center;
	}
	#schemacss{
		text-align:center;
	}
	.copy {
		display:block;
		float:none;
		text-align:center;
    	border-radius: 20px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	
}
@media (min-width: 992px) and (max-width: 1199px) {

}
@media (min-width: 1200px) {

}