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

}

@font-face {
    font-family: 'BreeSerif-Regular';
    src: url('../fonts/BreeSerif-Regular.ttf');
    src: url('../fonts/BreeSerif-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: 'BreeSerif-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: 'ScopeOne-Regular', Arial, Helvetica, sans-serif;
	font-size:1.2em;
	
	background-color:#16083c;
}


.logo h1 {
  text-align: center;
  color:#222; font-size:30px; font-weight:400;
  text-transform: uppercase;
  word-spacing: 1px; letter-spacing:2px; color:#c50000;
}

.logo h1 span {
  line-height:2em; padding-bottom:15px;
  text-transform: none;
  font-size:.7em;
  font-weight: normal;
  font-style: italic; font-family: "Playfair Display","Bookman",serif;
  color:#999; letter-spacing:-0.005em; word-spacing:1px;
  letter-spacing:none;
}

.logo h1:after, .logo h1:before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 45px;
  height: 4px;
  content: "";
  right: 45px; 
  margin:auto;
  background-color: #ccc;
}

.logo h1:before { 
background-color:#d78b8b;
  left:45px; width:90px;
}



.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:#ffffff;
}


.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;
}


.navbar {
}

.navbar-scrolled {
  background-color: transparent !important;
}

.navbar-brand {
    color: #fff;
    background: linear-gradient(0deg, #0d022c, #24023f);
    border-radius: 0px 0px 20px 20px;
    padding: 10px;
	margin-left:auto;
	margin-right:auto;
    margin-top: -8px;
    font-size: 1.8rem;
	font-family: 'BreeSerif-Regular', Arial, Helvetica, sans-serif;
}

main {
    margin-top: 70px;
	background: radial-gradient(circle 700px at 50% 600px, rgb(129 35 131 / 35%), transparent);
}

.content-1{
	margin-bottom:100px;
}



.block {
  position: relative;
  margin: 100px auto 0;
  padding:50px;
  background: linear-gradient(0deg, #000000, #272727);
  border-radius:20px;
}

.block:before, .block:after {
  content: '';
  position: absolute;
  left: -2px;
  top: -2px;
  background: linear-gradient(45deg, #fa00ff, #6400ba, #b900a8, #8300e7, #3701bb, #3f00b6, #eb00ff, #5900ba, #6d00b9, #ab01bb);
  background-size: 400%;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  z-index: -1;
  animation: steam 20s linear infinite;
  border-radius:20px;
}

@keyframes steam {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 400% 0;
  }
  100% {
    background-position: 0 0;
  }
}

.block:after {
  filter: blur(50px);
}


.ribbon {
  --c: #ffeb00;
  
  border-image: 
     conic-gradient(from 27deg at calc(100% - 1lh), #0000 50%, var(--c) 0) 
	 fill 0 / / 0 0 0 100vw;
  padding-right: 1.3lh;
  line-height: 1.5em; /* control the height */ 
  width: fit-content; /* you probably don't need this if your element is already shrink-to-fit*/
}

@supports not (padding: 1lh) { /* in case the lh unit is not available fallback to em */
  .ribbon {
    border-image: 
       conic-gradient(from 27deg at calc(100% - 1.5em) 50%,#0000 50%,var(--c) 0) 
       fill 0//0 0 0 100vw;
    padding-right: 2em; 
  }
}

h2.ribbon{
    color: #000000;
}
.light-txt.styled-box h1 {
    color: #ffeb00;
}


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

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

#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;
}

.footer{
	padding: 20px 0px;
}

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


.block {
  position: relative;
  background: linear-gradient(0deg, #0d022c, #300057);
}

.shadow {
  
  &:before, &:after {
    content:'';
    position: absolute;
    top:-2px;
    left:-2px;
    width:calc(100% + 4px);
    height:calc(100% + 4px);
    background: linear-gradient(45deg, #fa00ff, #6400ba, #b900a8, #8300e7, #3701bb, #3f00b6, #eb00ff, #5900ba, #6d00b9, #ab01bb);
    background-size: 400%;
    z-index:-1;
    animation: shadow 20s linear infinite;
  }
  
  &:after {
    top:-8px;
    left:-8px;
    width:calc(100% + 16px);
    height:calc(100% + 16px);    
    filter:blur(24px);
    opacity:0.9;
  }
  
}

@keyframes shadow {
  0% {
    background-position: 0 0;
  }
  50.01% {
    background-position: 200% 0;
  }
  100% {
    background-position: 0 0;
  }
}

.copy {
    padding: 20px 10px;
    font-size: 1.2em;
	text-align:center;
	margin:10px 0;
}

.logo-footer{
	color: #ffeb00;
	font-family: 'BreeSerif-Regular', Arial, Helvetica, sans-serif;
}

@media (max-width: 319px) {
	
}
@media (min-width: 320px) and (max-width: 399px) {

}
@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) {

}