@import 'hs_custom.css';
@import 'nd_custom.css';

body *{
	transition: all 0.3s ease;
}

.uk-slider *
{
  transition:none;
}


p{
  text-align:justify;
}

p, h2, .nv-h2, h3, .nv-h3, h4, .uk-panel, a {
 /* font-family: 'Source Sans Pro', sans-serif!important;	*/
  
}
h2, .nv-h2{
/*	font-weight: bolder;  
    font-size: 54px;*/
}
.nv-h3{
/*	font-weight: bolder; */
}
.nv-h4{
 text-transform: capitalize!important;
}
h5.el-title{
 font-weight:bold;
  text-transform:capitalize!important;
}
.title-riskred h3{
    color: #f47856 !important;
}
.title-darkblue h4{
    color: #005a86 !important;
}

.nv-button a,.nv-button a::after{
    transition: all 0.3s linear;
}
.nv-button a:hover {
    overflow: hidden;
    color: #fff!important;
  background-color: #fbab45!important;
}

.nv-button a:hover::after {
    transform: scale(1) rotate(-90deg);
    z-index: -9;
    transition: all 0.3s linear;
}

.font-white{
  color:#fff;
}
.font-grey{
  color:#6e6669;
}


.border-top{
  border:none;
  border-top:1px solid #2d9fa8 !important;
}
.nv-indent-left-small{
	padding-left:50px
}

.menu_icon:hover:before{
   /* transform: scale(0.3); */
  animation: pulse 1s infinite;
}


#sexy_tooltip{
  opacity:0!important;
  visibility:hidden!important;
}
.tm-header .uk-navbar-toggle{
  display:none;
}
.no-header .tm-header, .no-header .tm-header-mobile,.no-header .nv-footer-modules{
  display:none;
}

.homepage{
	background-image:url('../../../images/homepage/Sky2Bcompress.png');
  	background-repeat: no-repeat;
  	background-size:auto;
  position:relative;
  height:100vh;
}
.dwnlpage{
	background-image:url('../../../images/homepage/background.jpg');
  	background-repeat: no-repeat;
  	background-size:auto;
  position:relative;
  height:100vh;
}
.uk-background-none{
  background:none!important;
}

.notes-title{
  min-height:90px;
  height:90px;
}

.uk-navbar-container{
  background:#058a78;
}
.footerBtnGrp SVG{
    transform: scale(1.7);
}

.image-contrast .el-image:hover {
    filter: contrast(1.8);
}

.col-anim-pulse .uk-tile{
  animation: 1s pulseBackground infinite;
    transition: 1s all ease;
}

.rotate-container {
    width: 800px;
    height: 800px;
    position: absolute;
    top: 15%;
    left: -7%;
    overflow: hidden;
  z-index:-9;
}

.asc-img {
  opacity: 0.2;
  animation: 5s ascRotate infinite linear;
  position: absolute;
  top: 0;
  left: -200px;
  /* transform: translate(-50%, -50%); */
}

.asc-img-1 {
  animation-duration: 7s;
}

.asc-img-2 {
  animation-duration: 3s;
}

.asc-img-3 {
  animation-duration: 5s;
}

.ascencia-link:before {
    content: url('../../../images/app-images/before.png')!important;
  /* opacity: 0; */
  position: relative;
    left: -10px;
    top: 3px;
}

.ascencia-link:after {
  /* content: url('../../../images/app-images/after.png')!important; */
  content: '';
  /* opacity: 0; */
      position: relative;
    right: -7px;
    top: 3px;
}
.ascencia-link:before, .ascencia-link:after{
  display:none;
}

.ascencia-link:{
  transition:none!important;
}
.ascencia-link:hover{
  text-decoration:none!important;
  color:#FBAB45!important;
}
.ascencia-link:hover::before,.ascencia-link:hover::after{
  display:inline-block;
}
.animate_pulse a{
  animation: 1s scaleeffect infinite;
}
/*  animations */

.ml12 {
  /*
  font-weight: 200;
  font-size: 1.8em;
  text-transform: uppercase;
  letter-spacing: 0.5em;
  */
}

.ml12 .letter {
  display: inline-block;
  line-height: 1em;
}

@keyframes scaleeffect {
  0% {
    transform:scale(1);
    filter: contrast(1);
  }
  50% {
    transform:scale(0.5);
    filter: contrast(2.5);
  }
  /*100% {
    transform:scale(1);
    opacity:1;
    filter: contrast(1);
  }*/
}
@keyframes pulse {
  from {
    opacity:0.5;
    filter: greystyle(1);
  }
  to {
    opacity:1;
    filter: greystyle(0);
  }
}
@keyframes pulseBackground {
  from {
  	background-size:auto;
  }
  to {
  	background-size:650px 450px;
  }
}

@keyframes ascRotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}


/* preloader */

.spinner {
  /* margin: 100px auto; */
  margin: 0 auto;
  width: 40px;
  height: 40px;
  position: relative;
  top:50%;
  text-align: center;

  -webkit-animation: sk-rotate 2.0s infinite linear;
  animation: sk-rotate 2.0s infinite linear;
}

.dot1,
.dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #fff;
  border-radius: 100%;

  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.dot2 {
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-rotate {
  100% {
    -webkit-transform: rotate(360deg)
  }
}

@keyframes sk-rotate {
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg)
  }
}

@-webkit-keyframes sk-bounce {

  0%,
  100% {
    -webkit-transform: scale(0.0)
  }

  50% {
    -webkit-transform: scale(1.0)
  }
}

@keyframes sk-bounce {

  0%,
  100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  }

  50% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

.preloader {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index:999;
  background: #50C9C3;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to top, #96DEDA, #50C9C3);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to top, #96DEDA, #50C9C3); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */\
}

/* HOMEPAGE PARALLAX ND */

.homepage-banner{
    position: relative;
    width: 100%;
    height:101vh;
    overflow: hidden;
  margin-top: -110px;
}

.nv-integrated-link{
    width: 100%;
    height:100vh;
    background-position: center;
}

 .nv-integrated-link #scene [class*='layer']{
    position: absolute;
    top:0;
    left: 0;
    width:100%;
    height:100vh;
}
.nv-integrated-link #scene [class*='layer'] img{
    position: absolute;
}
.nv-integrated-link #scene .layer1 img{
    top:-200px;

}
.nv-integrated-link #scene .layer2 img{
    top:-250px;
    left: 50%;

}
.nv-integrated-link #scene .layer3 img{
  	top: 25%;
    left: -200px;

}
.nv-integrated-link #scene .layer4 img{
  	bottom: -17%;
    right: -100%;

}