/* Front blocks */

.block-number{text-align:center;font-weight:bold;font-size:0.8125em;letter-spacing:2px;text-transform:uppercase;color:#191919;-webkit-transition:0.3s ease-out;transition:0.3s ease-out}
.block-number:hover{opacity:1}
.block-number::after{content:'';display:inline-block;width:0;height:0;margin-left:6px;margin-bottom:2px;border-left:3px solid transparent;border-right:3px solid transparent;border-top:3px solid #191919}
.block-number a:hover,.block-number a:focus{color:#191919}
.demo-section .main-content .section,.demo-topbar .main-content .topbar,.demo-navbar .main-content .navbar,.demo-header .main-content .header,.demo-footer .main-content .footer{margin:30px 20px 100px;border:1px solid #f5f6f7;-webkit-box-shadow:0 0 15px rgba(0,0,0,0.05);box-shadow:0 0 15px rgba(0,0,0,0.05)}
.demo-topbar .main-content .topbar,.demo-navbar .main-content .navbar{position:static;margin:0}
.sample-blocks img{border-radius:0.25rem}
/* .sample-blocks img.aos-animate {opacity:0.6 !important} */
.sample-blocks .portfolio-1 {overflow: visible;}
#aw-blocks img.aos-animate{opacity: .2 !important}
.sample-blocks img:hover, .floating-box:hover img{opacity:1 !important;-webkit-transition:0.7s !important;transition:0.7s !important}
.floating-box {opacity: .6;-webkit-transition:0.7s !important;transition:0.7s !important}
.sample-blocks a{position:absolute;}
.sample-blocks a:nth-child(1){ -webkit-animation: wobble 4s infinite; animation: wobble 4s infinite; right:20px;bottom:-20px;} /* dashboard */
.sample-blocks a:nth-child(2){ -webkit-animation: wobble 8s infinite; animation: wobble 8s infinite; right:-15px;bottom:460px} /* reporting */
.sample-blocks a:nth-child(3){-webkit-animation: wobble 6s infinite; animation: wobble 6s infinite; right:255px;bottom:450px} /* portal */
.sample-blocks a:nth-child(4){-webkit-animation: wobble 9s infinite; animation: wobble 9s infinite; right:710px;bottom:10px} /* bi */
.sample-blocks a:nth-child(5){-webkit-animation: wobble 7s infinite; animation: wobble 7s infinite; right:380px;bottom:30px} /* workflow */
.sample-blocks a:nth-child(6){-webkit-animation: wobble 5s infinite; animation: wobble 5s infinite; right:30px;bottom:230px} /* scheduling */
.sample-blocks a:nth-child(7){-webkit-animation: wobble 8s infinite; animation: wobble 8s infinite; right:330px;bottom:250px} /* forms */
.sample-blocks a:nth-child(8){-webkit-animation: wobble 9s infinite; animation: wobble 9s infinite; right:650px;bottom:200px}


@-webkit-keyframes wobble{
	0%{-webkit-transform:rotate(-1deg) translate(-5px, -5px);transform:rotate(-1deg) translate(-5px, -5px)}
	50%{-webkit-transform:rotate(1deg) translate(5px, 5px);transform:rotate(1deg) translate(5px, 5px)}
	100%{-webkit-transform:rotate(-1deg) translate(-5px, -5px);transform:rotate(-1deg) translate(-5px, -5px)}
	}
@keyframes wobble{
	0%{-webkit-transform:rotate(-1deg) translate(-5px, -5px);transform:rotate(-1deg) translate(-5px, -5px)}
	50%{-webkit-transform:rotate(1deg) translate(5px, 5px);transform:rotate(1deg) translate(5px, 5px)}
	100%{-webkit-transform:rotate(-1deg) translate(-5px, -5px);transform:rotate(-1deg) translate(-5px, -5px)}
	}

@keyframes fadePulse {
	0% { opacity: .6; transform: scale(1); }
	50% { opacity: 1; transform: scale(1.2); }
	100% { opacity: .6; transform: scale(1); }
}

@-webkit-keyframes fadePulse {
	0% { opacity: .6; transform: scale(1); }
	50% { opacity: 1; transform: scale(1.2); }
	100% { opacity: .6; transform: scale(1); }
}
	
@media (max-width: 400px){
	body>.footer .social a:last-child,body>.footer .nav a:last-child{display:none}
	}

/*# sourceMappingURL=style.css.map */
: rotate(-1deg) translate(-5px, -5px);
            transform: rotate(-1deg) translate(-5px, -5px); } }

@keyframes wobble {
  0% {
    -webkit-transform: rotate(-1deg) translate(-5px, -5px);
            transform: rotate(-1deg) translate(-5px, -5px); }
  50% {
    -webkit-transform: rotate(1deg) translate(5px, 5px);
            transform: rotate(1deg) translate(5px, 5px); }
  100% {
    -webkit-transform: rotate(-1deg) translate(-5px, -5px);
            transform: rotate(-1deg) translate(-5px, -5px); } }

@media (max-width: 400px) {
  body > .footer .social a:last-child,
  body > .footer .nav a:last-child {
    display: none; } }

#reporting {
			-webkit-animation: fadePulse 4s ease 2.6s; 
			animation: fadePulse 4s ease 2.6s;
			
			}
			
#portal 	{
			-webkit-animation: fadePulse 3.5s ease 5s; 
			animation: fadePulse 3.5s ease 5s; 
			}
		
#bi 		{
			-webkit-animation: fadePulse 7.1s ease 7s; 
			animation: fadePulse 7.1s ease 7s; 
			}

			
#dashboard 	{
			-webkit-animation:fadePulse 4s ease 14.5s;
			animation: fadePulse 4s ease 14.5s;			
			
			}
			
#workflow 	{
			-webkit-animation: fadePulse 4s ease 17s; 
			animation: fadePulse 4s ease 17s;
			}
			
#forms 		{
			-webkit-animation: fadePulse 4.8s ease 20s; 
			animation: fadePulse 4.8s ease 19s; 
			}
			
#scheduling {
			-webkit-animation: fadePulse 4s ease 12s; 
			animation: fadePulse 4s ease 12s; 
			}
			
.sample-blocks a:hover .portfolio-1 {opacity: 1;-webkit-transition:0.7s !important;transition:0.7s !important}
.sample-blocks .portfolio-1:hover .portfolio-detail h5 {opacity: 1;}
.sample-blocks .portfolio-1:hover .portfolio-detail p {opacity: 1;}
	.sample-blocks .portfolio-1:hover .portfolio-detail p.box-title { font-weight: bold; font-size: 1.1rem; margin-bottom: 0; }




/* End of Front blocks */



/*# Front Page Wave Animation */

@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }
    50% {
        transform: translateX(-25%) translateZ(0) scaleY(0.55)
    }
    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}
.waveWrapper {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}
.waveWrapperInner {
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 100%;
    bottom: -1px;
    background-image: linear-gradient(to top, #006478 20%, #2064ae 80%);
}
.bgTop {
    z-index: 15;
    opacity: 0.5;
}
.bgMiddle {
    z-index: 10;
    opacity: 0.75;
}
.bgBottom {
    z-index: 5;
}
.wave {
    position: absolute;
    left: 0;
    width: 200%;
    height: 100%;
    background-repeat: repeat no-repeat;
    background-position: 0 bottom;
    transform-origin: center bottom;
}
.waveTop {
    background-size: 50% 100px;
}
.waveAnimation .waveTop {
  animation: move-wave 3s;
   -webkit-animation: move-wave 3s;
   -webkit-animation-delay: 1s;
   animation-delay: 1s;
}
.waveMiddle {
    background-size: 50% 120px;
}
.waveAnimation .waveMiddle {
    animation: move_wave 10s linear infinite;
}
.waveBottom {
    background-size: 50% 100px;
}
.waveAnimation .waveBottom {
    animation: move_wave 15s linear infinite;
}


/*# End of Front Page Wave Animation */

.text-dark-gray {color: #444444 !important;}

/* Case study quote background */
.quote-bg {background-image: linear-gradient(-45deg, #2064ae 0%, #006478 100%);}


/* Header backgrounds */
.pr-bg {background-image: linear-gradient(-45deg, #61a0ad 0%, #006478 100%);}
.cs-bg {background-image: linear-gradient(-45deg, #2064ae 0%, #006478 100%);}
.support-bg {background-image: linear-gradient(-45deg, #2064ae 0%, #006478 100%);}
.video-bg {background-image: linear-gradient(-45deg, #2064ae 0%, #006478 100%);}

/* constellation visibility  */
.pr-constellation {display: block;}
.cs-constellation {display: block;}
.support-constellation {display: block;}
.video-constellation {display: block;}

.align-center {text-align: center !important; display: block; margin-bottom: .5rem;}

/*----------------------------------------------------/
//  Teal background
//----------------------------------------------------*/

.bg-teal {
  background-color: #006478 !important; }

a.bg-teal:hover, a.teal:focus,
button.bg-teal:hover,
button.bg-teal:focus {
  background-color: #0e839a !important; }


/*----------------------------------------------------/
//  Teal Overlay
//----------------------------------------------------*/

[data-overlay-teal] {
  position: relative;
}

[data-overlay-teal]::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #006478!important;
  border-radius: inherit;
  //z-index: -1;
}
}
[data-overlay-teal]::before {
  background: #006478; }

[data-overlay-teal="1"]::before {
  opacity: 0.1; }

[data-overlay-teal="2"]::before {
  opacity: 0.2; }

[data-overlay-teal="3"]::before {
  opacity: 0.3; }

[data-overlay-teal="4"]::before {
  opacity: 0.4; }

[data-overlay-teal="5"]::before {
  opacity: 0.5; }

[data-overlay-teal="6"]::before {
  opacity: 0.6; }

[data-overlay-teal="7"]::before {
  opacity: 0.7; }

[data-overlay-teal="8"]::before {
  opacity: 0.8; }

[data-overlay-teal="9"]::before {
  opacity: 0.9; }


/* Customer Portal Styles */

#portal-body {padding-top: 0;}
#portal-body h1 h2 h3 h4 h5 h6 .h1 .h2 .h3 .h4 .h5 .h6 {font-family: "Open Sans";}
#portal-body .card{margin-top:20px}
#portal-body .fa-portal {font-size:90px}
#portal-body .card-text{font-size:30px}
#portal-body .card-text a{text-decoration: none !important;}
#portal-body .support-bg {padding-top: 80px; padding-bottom: 30px;}
#portal-body .display-4 {font-size: 2.5rem;}
#portal-body .portal-main-menu {margin-top: 10px; margin-bottom: 30px;}

/* IE 11 fixes, because IE is stupid */
img {min-height: 1px;}

/* End of IE 11 fixes. Why do people use this browser? */

/* Accessibility changes 

.btn-success {color: #37474f;}
.btn-success:hover {
    color: #ffffff;
    background-color: #179b2f;
    border-width: 2px;
    -webkit-box-shadow: 0 1px 10px rgb(60 212 88 / 40%);
    box-shadow: 0 1px 10px rgb(60 212 88 / 40%);
}
.btn-primary {
    background-color: #2064ae;
    border-color: #ffffff;
	border-width: 2px;
}
.btn-primary:hover {
    color: #fff;
    background-color: #165499;
    border-color: #3c96ff;
    border-width: 2px;
    -webkit-box-shadow: 0 1px 10px rgb(80 161 255 / 40%);
    box-shadow: 0 1px 10px rgb(80 161 255 / 40%);
}
.btn-outline-secondary {
    color: #efefef;
    border-width: 2px;
}
.btn-outline-secondary:hover {
    color: #37474f;
    background-color: #e9ecf0;
    border-color: #e9ecf0;
    -webkit-box-shadow: 0 1px 10px rgb(233 236 240 / 40%);
    box-shadow: 0 1px 10px rgb(233 236 240 / 40%);
}
.btn-outline-light {
    color: #ffffffd1;
    border-color: rgb(233 233 233 / 90%);
    border-width: 2px;
}

	.btn-outline-light:hover {
		color: #37474f;
		}



 Accessibility changes */

@media (max-width: 768px) {
  body {font-size: 1.2rem;}
}