div[data-aos] {pointer-events: none;}
div[data-aos] a, div[data-aos] button {pointer-events: auto;}

.title {overflow: hidden;}

.title h1, .title h2, .title h3 {line-height: 1.75em;}

h1,h2,h3,h4,h5 { letter-spacing: .1rem; }
.text-dark-indigo { color:#030230; }

.font-monospace { font-family:Courier New,Lucida Console,Monaco, monospace !important;}
.font-sans-serif { font-family: Arial,Verdana,Helvetica, sans-serif !important;}

ul {
    /*list-style-type: square;
    list-style-position: inside !important;*/
    color: #6c757d;
}


svg {pointer-events: none;}

.dropdown-item {
    line-height: .6em;
    color: #6c757d;
}

.dropdown-item > a {
    line-height: .9em;
    padding: .4em 1em !important;
}

li::marker {font-size: 1.4em;}

.undeline_anim, .more {
  text-decoration: none;
  position: relative;
  padding:0;
}

.undeline_anim::after {
  content: '';
  position: absolute;
  bottom: -.3em;
  left: 0;
  width: 100%;
  height: 0.2em;
  background-color: #ccaaff;

  transition: transform 300ms;
  transform: scale(0);
  transform-origin: center;
}

.textfader {
  -webkit-mask-image: linear-gradient(to bottom, black 50%, white 100%);
  mask-image: linear-gradient(to bottom, black 50%, transparent 100%);	
}

.undeline_anim:hover::after,
.undeline_anim:focus::after { transform: scale(1);}


.blur {
   color: transparent;
   text-shadow: 0 0 4px rgba(255,255,255, 0.2);
}

.news h5 {font-weight: normal}

.typed-cursor.typed-cursor--blink {opacity:0; animation:none !important;}

#wrapper>h1 {
	opacity: .1;
	font-size: medium;
}

.w-30 { width: 30%; } /*bootstrap ext*/
.w-35 { width: 35%; } /*bootstrap ext*/


.fixed-size { 
    height: 4em;
    padding: 0;
    font-size: 1.3em;
    margin-bottom: 0;
}

.poligon { /* lines.svg */
    position: fixed;
    width: 100%;
    max-width: 100%;
	right: -40%;
    bottom: -10%;
}

.feature {font-size: 1.4em;}
.feature:before {    
	content: "\2713";
    color: white;
    padding: 0 .3em;
    background-color: #4c2c92;
    margin-right: .5em;
    font-weight: bold;
}
.bg-violet-blush {background-color:#eeddff;}
.bg-violet {background-color: #f2f2ff;}
.bg-vivid-green {background-color: #a5d63c;}

.bg-header { background-image: repeating-linear-gradient(145deg ,#f0f0ff,white 1px, rgba(255,255,255, 0) 3px) !important;}

.bg-white-85 {	background-color: rgb(245,245,255,.85) !important;}

.bg-gradient {
	background-image: linear-gradient(to bottom, rgba(255,255,255, 0), rgba(225,225,255, .3)); /* rgba to match svg path color*/
	background-repeat: no-repeat;
}

.bg-gradient-rv {
	background-image: linear-gradient(to top, rgba(255,255,255, 0), rgba(225,225,255, .3)); /* rgba to match svg path color*/
	background-repeat: no-repeat;
}

.text-hunter-green {color:#465927;}
.text-violet {color:#e6e6ff;}
.text-violet-blush {color:#eeddff;}
.link, .link:hover {color:#8000ff;}


.bg-gradient-indigo-purple { background-image: linear-gradient(to top, #4c2c92,indigo);}

.border-top-violet {border-top: 1px solid #e6e6ff;}
.border-bottom-violet {border-bottom: 1px solid #9977cc;}
.border-left-violet-dotted {border-left: 2px dotted #ccccff;}

.no-wrap {white-space: nowrap;}

.note {
	border-left: 4px solid #aa99ee; 
	background-color: #efefff; 
	color:black;
	box-shadow: 0 0 8px 2px white;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover,
.dropdown-item.active, .dropdown-item:active, .dropdown-menu-clean:not(.prefix-link-icon) a:not(.btn):hover {
    color: #9977cc;
}

 /* disable sticky header on mobile*/
@media screen and (max-width: 991px) and (min-aspect-ratio: 2/1), screen and (max-width: 576px)  {	
	body.user-scrolled-down #header {
	    position:absolute !important;
	    background-color: transparent !important;
	    background-image:none;
	}
	
	body.user-scrolled-down .navbar-brand>img:last-child {/* white logo*/
    	display: inline-block;
	}
	body.user-scrolled-down .navbar-brand>img:first-child { /* black logo*/
	    display: none;
	}
	
	body.user-scrolled-down #header .navbar .navbar-toggler {
	    fill: #fff !important;
	    border: 0!important;
	}
}

/* overide transparent background*/
body.header-over:not(.user-scrolled-down) #header:not(.mrf) {
    background-image: linear-gradient(to right, rgba(255,255,255, 0), rgba(40,40,20,.5) 6%, rgba(255,255,255, 0) 15%, rgba(255,255,255, 0) 50%, rgba(20,15,50,.7) 70%) !important;
}

/* body.header-over:not(.user-scrolled-down) .text-shadow-menu {
    text-shadow: 1px 1px 1px black;
} */


@media (min-width: 1200px) {
  .modal-dialog.modal-xl {
    max-width: 980px; } /* 1140px core.css overided*/
}

.modal-dialog:not(.modal-xl) .modal-content {     
	background-image: linear-gradient(150deg, #211365, #5533ff 60%,  #211365 80%);
	border: 6px solid #353575;
}
.modal-dialog:not(.modal-xl) .modal-content > div {
	background-color: white; 
	border: 6px solid #ccccff; 
	border-radius: 1em;
	padding: 1.5rem 2rem;
}
.modal-dialog:not(.modal-xl) .modal-content p {color:black; line-height: 1.5;}

/*  Extra small devices (portrait phones, less than 576px)*/


/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 
	.modal-dialog:not(.modal-xl) {  /* 500px core.css overided*/
		max-width: 600px; 
	} 
	.poligon { /* lines.svg */
	    max-width: 100%;
	    right: -40%;
	}
}

/*  Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
	.poligon { /* lines.svg */
	    max-width: 90%;
	    right: -283px;
	}
}

/*  Large devices (desktops, 992px and up)*/
@media (min-width: 991px) {  
	.poligon { /* lines.svg */
	    max-width: 80%;
	    right: -372px;
	}
}

/*  Extra large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {  
  	.modal-dialog.modal-xl {/* 1140px core.css overided*/
    	max-width: 980px; 
	} 
	.poligon { /* lines.svg */
		max-width: 900px;
	    right: -450px;
	}
 }
 
 @media only screen and (min-width: 991px) {
	#platform .container > div { /* margin above anchor --  sticky header*/
		scroll-margin-top: 6rem;
	}
	.dropdown-menu-dark, .dropdown-menu-dark .dropdown-menu {
	    background-color: #330066;
	    border: 1px solid #9977cc;
	    border-top:none;
	    background-image: linear-gradient(#14143d, #663399);
	}
	.user-scrolled-down .dropdown-menu-dark {background-color: #efeff9f0 !important;	background-image:none;}
	.user-scrolled-down .dropdown-menu-dark a {color: #212529 !important;	}
	.user-scrolled-down .dropdown-menu-dark a:hover {color: #9977cc !important;}
 }
 
 @media only screen and (max-width: 991px) {/* reset dropdown styles on mobile*/
	.navbar-nav .nav-item.dropdown>.nav-link {
	    font-weight: initial;
	    font-size: initial;
	}
	.navbar-nav .nav-item.dropdown>.nav-link.dropdown-toggle {color: initial;}
	.navbar-nav .nav-item.dropdown>.dropdown-menu {margin: 0 !important; padding:0}
 }

.swiper-purple.swiper-container .rounded-circle.swiper-button-next, .swiper-purple.swiper-container .rounded-circle.swiper-button-prev {
	top: 10% !important; 
	width: 30px !important; 
	height: 30px !important;
}
/*
.swiper-purple.swiper-container .rounded-circle.swiper-button-next[aria-disabled=false], .swiper-purple.swiper-container .rounded-circle.swiper-button-prev[aria-disabled=false] {opacity:.6 !important}
.swiper-purple.swiper-container .rounded-circle.swiper-button-next[aria-disabled=true], .swiper-purple.swiper-container .rounded-circle.swiper-button-prev[aria-disabled=true] {opacity:0 !important}
*/

.extra-sp-12 {display: inline-block; width: 12em;}
.extra-sp-6 {display: inline-block; width: 6em;}

.shadow-left {
    box-shadow: -10px 5px 20px 5px rgba(140,152,164,.4)!important;
}
.shadow-right {
    box-shadow: 10px 5px 20px 5px rgba(140,152,164,.4)!important;
}

.bg-white-50 {background-color: rgb(255,255,255,.5)}

/*photoswipe modal overide*/
.pswp__bg { 
    background-color: rgb(245,245,255,.9) !important;
}
.pswp__img {
	box-shadow: 6px 6px 12px #666699;
}
.letter-spacing-05 {letter-spacing: .05em;}
.moving-text {
	position:relative; 
	overflow:hidden;
}

.moving-text a {
	text-decoration: none;
	white-space: nowrap;
}
.moving-text a:hover {color:white;}

.moving-text h5 {
  position: relative;
  display: inline-block;
  padding-left:100%;
  white-space: nowrap;
  animation: slide 15s linear infinite;
  /*animation: bounce 30s linear infinite reverse;*/
}

.tooltip-inner {
	background-color:#ddddff; 
	border: 1px solid #4c2c92;
	border-radius: .5em;
	text-align: center;
}

a.text-white:hover  {
    text-decoration: none;
    color: #afa3f5  !important;
}
  


@keyframes slide {
 0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }

}

@keyframes bounce {
  0%   {left:-25em; top:0}
  50% {left:110%; top:0}
  100% {left:-25em; top:0}
}

