/**/
@import url('https://fonts.googleapis.com/css2?family=Mrs+Sheppards&family=Outfit:wght@100..900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");

.cc--elegant-black {
    color-scheme: dark;

    --cc-bg: #000;
    --cc-primary-color: rgb(239, 244, 246);
    --cc-secondary-color: #b1bdc3;

    --cc-btn-primary-bg: #ffffff;
    --cc-btn-primary-color: #000;
    --cc-btn-primary-hover-bg: #ccd4d8;
    --cc-btn-primary-hover-color: #000;

    --cc-btn-secondary-bg: rgba(255, 255, 255, 0.039);
    --cc-btn-secondary-color: var(--cc-primary-color);
    --cc-btn-secondary-border-color: #252729;
    --cc-btn-secondary-hover-bg: #252729;
    --cc-btn-secondary-hover-color: #fff;
    --cc-btn-secondary-hover-border-color: #252729;

    --cc-cookie-category-block-bg: #101111;
    --cc-cookie-category-block-border: #1d1e1f;
    --cc-cookie-category-block-hover-bg: #151516;
    --cc-cookie-category-block-hover-border: #1d1e1f;
    --cc-cookie-category-expanded-block-hover-bg: #1d1e1f;
    --cc-cookie-category-expanded-block-bg: #101111;
    --cc-toggle-readonly-bg: #2f3132;
    --cc-overlay-bg: rgba(0, 0, 0, 0.9)!important;

    --cc-toggle-on-knob-bg: var(--cc-bg);
    --cc-toggle-readonly-knob-bg: var( --cc-cookie-category-block-bg);

    --cc-separator-border-color: #252729;

    --cc-footer-border-color: #212529;
    --cc-footer-bg: #000;
}

.cc--elegant-black #cc-main .cm,
.cc--elegant-black #cc-main .pm {
    border: 1px solid var(--cc-separator-border-color);
}

body { 
    /*background-image: url('../img/main-background.jpg');
    background-attachment: fixed;
    bottom: 0;
    background-repeat: no-repeat;
    background-color: #000000;
    background-size: cover;
    background-position: center center;*/
    /*background: -moz-linear-gradient(-45deg, #dc0000 1%, #00a5df 42%, #00c99a 100%);
    background: -webkit-linear-gradient(-45deg, #dc0000 1%,#00a5df 42%,#00c99a 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc0000', endColorstr='#00c99a',GradientType=1 );
    background: linear-gradient(-45deg, #dc0000, #d70053, #00a5df, #00c99a);*/
    /*background: -moz-linear-gradient(-45deg, #003462, #00050a, #367EBD);
    background: -webkit-linear-gradient(-45deg, #003462, #00050a, #367EBD); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003462', endColorstr='#367EBD',GradientType=1 );
    background: linear-gradient(-45deg, #003462, #00050a, #367EBD);*/
    /*background: -moz-linear-gradient(-45deg, #000000, #222222);
    background: -webkit-linear-gradient(-45deg, #000000, #222222); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#222222',GradientType=1 );
    background: linear-gradient(-45deg, #000000, #222222);*/
    /*background: linear-gradient(-45deg, #999999, #cccccc, #eeeeee);*/
    background: #dddddd;
	background-size: 400% 400%;
	-webkit-animation: Gradient 15s ease infinite;
	-moz-animation: Gradient 15s ease infinite;
	animation: Gradient 15s ease infinite;
    font-family: "Outfit", sans-serif;
    font-size: 1rem;
    /*color: #00c99a;*/
    color: #000;
}
h1, h2, h3 {
    font-family: "Outfit", sans-serif; /*'Titillium Web', sans-serif;*/
    font-weight: 500;
    /*text-transform: uppercase;*/
    /*border-bottom: 3px solid #00c99a;*/
    /*border-bottom: 3px solid #000;*/
    margin-top: 40px;
    margin-bottom: 20px;
}
h1 {font-size: 1.75rem;}
h2 {font-size: 1.5rem;}
h3 {font-size: 1.25rem;}
a { color: #000; text-decoration: none; }
a:hover { color: #00c99a; text-decoration: none; }
.btn { /*border-radius: 2rem;*/ border-radius: 20px 0px 20px 20px; padding: 0.5rem 1.25rem; border: none; font-weight: 500; box-shadow: 0px 5px 15px rgba(70,70,70,.25);}
.btn-primary {
    /*background-color: #ffffff;*/
   /* background: linear-gradient(-60deg, #dc0000, #d70053, #00a5df, #00c99a);
    border-color: #ffffff;*/
      cursor: pointer;
      color: #000;
      background: linear-gradient(120deg, darkmagenta, crimson, orange);
      background-size: 200% 100%;
      background-position: 100% 0;
      transition: all .5s;
}
.btn-primary:hover {
    background-position: 0 0;
    box-shadow: 0px 0px 0px rgba(70,70,70,0);
    color: #ffffff;
    /*background-color: #00c99a;
    border-color: #00c99a;*/
}
.btn-secondary {
      border-radius: 0px 20px 20px 20px;
      cursor: pointer;
      color: #ffffff;
      background: #000000;
      background-size: 200% 100%;
      background-position: 100% 0;
      transition: all .5s;
}
.btn-secondary:hover {
    color: #ffffff;
    background-color: #777777;
}
.btn .bi {
    font-weight: 500 !important;
}
@media (min-width: 768px) {
    .btn .bi {
        margin-right: 5px;
    }
}
header {
    background: rgba(238,238,238,.75);
    padding: 15px 0px;
    margin-bottom: 50px;
    box-shadow: 0px 5px 20px rgba(70,70,70,.2);
    backdrop-filter: blur(5px);
}
header img {
    border-radius: unset;
    box-shadow: unset;
    max-width: 300px;
    width:100%;
}
.logo {
    font-family: "Mrs Sheppards", cursive;
    font-size: 30px;
    line-height: 28px;
    /*color:#ffffff;*/
    /*text-shadow: 1px 5px 5px rgba(255,0,0,1);*/
    /*text-shadow:
      0 0 7px #fff,
      0 0 10px #fff,
      0 0 21px #fff,
      0 0 42px #5271ff,
      0 0 82px #5271ff,
      0 0 92px #5271ff,
      0 0 102px #5271ff,
      0 0 151px #5271ff;
      animation: pulsate 0.11s ease-in-out infinite alternate; */
}
@media (min-width: 768px) {
    .logo {
        font-size: 40px;
    }
}
@keyframes pulsate {
    
  100% {

      text-shadow:
      0 0 4px #fff,
      0 0 11px #fff,
      0 0 19px #fff,
      0 0 40px #5271ff,
      0 0 80px #5271ff,
      0 0 90px #5271ff,
      0 0 100px #5271ff,
      0 0 150px #5271ff;
  
  }
  0% {

    text-shadow:
    0 0 4px #fff,
    0 0 10px #fff,
    0 0 18px #fff,
    0 0 38px #5271ff,
    0 0 73px #5271ff,
    0 0 80px #5271ff,
    0 0 94px #5271ff,
    0 0 140px #5271ff;

}
}
.navbar {
    padding: .5rem 0;
    height: 80px;
}
/*.logo {
    max-width: 400px;
    width: 100%;
    height: 100%;
}*/
.mb-30 { margin-bottom: 30px; }
.mb-60 { margin-bottom: 60px; }

img {
    border-radius: 0px 25px 50px 75px;
    /*border-top-left-radius: 0px;
    border-top-right-radius: 0px;*/
    box-shadow: 0px 5px 20px rgba(70,70,70,.5);
    width: 100%;
}
.box {
    border-radius: 0px 25px 50px 75px;
    padding: 25px 30px;
    /*background: linear-gradient(120deg, darkmagenta, crimson, orange);*/
    background: linear-gradient(120deg, #000, #111, #222);
    box-shadow: 0px 5px 20px rgba(70,70,70,.5);
    color: #fff;
    text-align: center;
}
.box.white {
    color: #000000;
    background: #ffffff;
}
.box h2 {
    margin-top: 0px;
}
.separator {
    height: 2px;
    margin: 25px 0px;
    /*background-color: #aaaaaa;*/
    background: linear-gradient(120deg, darkmagenta, crimson, orange);
}

ul.social-nav {
	list-style-type:none;
    padding: 0px;
    margin-bottom: 0rem;
}
ul.social-nav li {
    display: inline-block;
    margin-right: 10px;
}
ul.social-nav li a
{
    font-size: 20px;
    color: #777777;
}
ul.social-nav li a:hover
{
	color: #ffffff;
}

footer { line-height: 30px; background: #000000; color: #777777; text-align: center; padding: 5px 0; }
footer a { color: #eeeeee; }
@media (min-width: 576px) {
    footer { /*height: 80px;*/ line-height: 80px; padding: 0; }
}
@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}