/* === Hero Styles === */

#rk-hero div.owl-stage div.active .ao-afsde-content, #rk-hero div.owl-stage div.active .ao-afsde-Step::before {
  -webkit-transition: .35s all ease-in;
  transition: .35s all ease-in;
  -webkit-transform: translateX(-300px);
  transform: translateX(-300px);
}

#rk-hero.inView div.owl-stage div.active .ao-afsde-content, #rk-hero.inView div.owl-stage div.active .ao-afsde-Step::before {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}




/* === Frettir Styles === */

.no-touch #rk-articleListing > div > div, .no-touch #aor-2-5, .no-touch #aor-11-1, .no-touch #aor-60-1, #rk-galleryIntro, .no-touch #aor-2-9 {
  -webkit-transition: .35s -webkit-transform ease-in;
  transition: .35s transform ease-in;
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  opacity: 0;
}

.no-touch #rk-articleListing.inView > div > div, .no-touch #aor-2-5.inView, .no-touch #aor-11-1.inView, .no-touch #aor-60-1.inView, #rk-galleryIntro.inView, .no-touch #aor-2-9.inView {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

.no-touch #rk-articleListing > div > div:nth-of-type(2) {
  -webkit-transition: .5s -webkit-transform ease-in-out .2s;
  transition: .5s transform ease-in-out .2s;
}

.no-touch #rk-articleListing > div > div:nth-of-type(3) {
  -webkit-transition: .5s -webkit-transform ease-in-out .4s;
  transition: .5s transform ease-in-out .4s;
}






/* === Alert & Icon Styles Fade Only === */
/*
.no-touch #aor-11-1, .no-touch #aor-12-1, #rk-galleryIntro {
  -webkit-transition: .5s opacity ease-in;
  transition: .5s opacity ease-in;
  opacity: 0;
}

.no-touch #aor-11-1.inView, .no-touch #aor-12-1.inView, #rk-galleryIntro.inView {
  opacity: 1;
}*/


/* === Icon Styles === */

.no-touch #aor-60-1.inView .aori > div.aoc {
  -webkit-animation: iconBlink .6s ease-in-out; 
  animation: iconBlink .6s ease-in-out;
}

.no-touch #aor-60-1.inView .aori > div.aoc:nth-of-type(2) {
  -webkit-animation-delay: .6s; 
  animation-delay: .6s;
}

.no-touch #aor-60-1.inView .aori > div.aoc:nth-of-type(3) {
  -webkit-animation-delay: 1.2s; 
  animation-delay: 1.2s;
}

.no-touch #aor-60-1.inView .aori > div.aoc:nth-of-type(4) {
  -webkit-animation-delay: 1.8s; 
  animation-delay: 1.8s;
}

.no-touch #aor-60-1.inView .aori > div.aoc:nth-of-type(5) {
  -webkit-animation-delay: 2.4s; 
  animation-delay: 2.4s;
}

.no-touch #aor-60-1.inView .aori > div.aoc:nth-of-type(6) {
  -webkit-animation-delay: 3s; 
  animation-delay: 3s;
}

@-webkit-keyframes iconBlink {
  100% {background-color: transparent;}
  75% {background-color: #F2F7FA;}
  25% {background-color: #F2F7FA;}
  0 {background-color: transparent;}  
}

@keyframes iconBlink {
  100% {background-color: transparent;}
  75% {background-color: #F2F7FA;}
  25% {background-color: #F2F7FA;}
  0 {background-color: transparent;}  
}

/* === Icon Text === */

.no-touch #aor-60-1.inView .aori > div.aoc h3 a {
  -webkit-animation: iconText .6s ease-in-out .1s; 
  animation: iconText .6s ease-in-out .1s;
}

.no-touch #aor-60-1.inView .aori > div.aoc:nth-of-type(2) h3 a {
  -webkit-animation-delay: .6s; 
  animation-delay: .6s;
}

.no-touch #aor-60-1.inView .aori > div.aoc:nth-of-type(3) h3 a {
  -webkit-animation-delay: 1.2s; 
  animation-delay: 1.2s;
}

.no-touch #aor-60-1.inView .aori > div.aoc:nth-of-type(4) h3 a {
  -webkit-animation-delay: 1.8s; 
  animation-delay: 1.8s;
}

.no-touch #aor-60-1.inView .aori > div.aoc:nth-of-type(5) h3 a {
  -webkit-animation-delay: 2.4s; 
  animation-delay: 2.4s;
}

.no-touch #aor-60-1.inView .aori > div.aoc:nth-of-type(6) h3 a {
  -webkit-animation-delay: 3s; 
  animation-delay: 3s;
}

@-webkit-keyframes iconText {
  100% {color: #5da8dc;}
  75% {color: #034ea1;}
  25% {color: #034ea1;}
  0 {color: #5da8dc;}  
}

@keyframes iconText {
  100% {color: #5da8dc;}
  75% {color: #034ea1;}
  25% {color: #034ea1;}
  0 {color: #5da8dc;}  
}




/* === Gallery === */

.no-touch #rk-gallery > div > div {
  -webkit-transition: .5s -webkit-transform ease-in-out;
  transition: .5s transform ease-in-out;
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  opacity: 0;
}

.no-touch #rk-gallery > div > div:nth-of-type(2) {
  -webkit-transition: .5s -webkit-transform ease-in-out .1s;
  transition: .5s transform ease-in-out .1s;
}

.no-touch #rk-gallery > div > div:nth-of-type(3) {
  -webkit-transition: .5s -webkit-transform ease-in-out .2s;
  transition: .5s transform ease-in-out .2s;
}

.no-touch #rk-gallery > div > div:nth-of-type(4) {
  -webkit-transition: .5s -webkit-transform ease-in-out .2s;
  transition: .5s transform ease-in-out .2s;
}

.no-touch #rk-gallery > div > div:nth-of-type(5) {
  -webkit-transition: .5s -webkit-transform ease-in-out .3s;
  transition: .5s transform ease-in-out .3s;
}

.no-touch #rk-gallery > div > div:nth-of-type(6) {
  -webkit-transition: .5s -webkit-transform ease-in-out .4s;
  transition: .5s transform ease-in-out .4s;
}

.no-touch #rk-gallery > div > div:nth-of-type(7) {
  -webkit-transition: .5s -webkit-transform ease-in-out .5s;
  transition: .5s transform ease-in-out .5s;
}

.no-touch #rk-gallery > div > div:nth-of-type(8) {
  -webkit-transition: .5s -webkit-transform ease-in-out .6s;
  transition: .5s transform ease-in-out .6s;
}

.no-touch #rk-gallery.inView > div > div  {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  opacity: 1;
}