/* blog */
a.nodecor{
     text-decoration:none!important;
   
}
.colorsection h1,.colorsection h3{
    color: white;
    text-align: center;
    font-size: 74px;

    font-weight: 100;
    padding-bottom: 33px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}
    .colorsection img{
        max-width:600px;    
    }
.colorsection h1 strong, .colorsection h3 strong{
    display: block;
    font-size: 20px;
    padding-bottom: 9px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.v2span{
    font-size:40px;margin-left:10px    
}
.whitesection h3{
    font-size:40px;    
    font-weight:800;
}
.whitesection a h4 {
    font-size: 25px;
    letter-spacing: 1px;
    font-weight: 800;
    text-decoration:none!important;
    color:black;
}
.whitesection a h5{
       font-size: 19px;
    letter-spacing: 1px;  
        text-decoration:none!important;
    color:black;
}
.normalcontent img{
        border: 4px solid #dddddd ;    
}
.greybg{
        background-color: #f8f8f8;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
}
.tableofcontent img{
    border-radius:30px;    
}
/* animation */
#thesingle img{
    height:auto;
}
#thesingle h4{
    margin-bottom: 1.1em;
}
.f-header{
    z-index:3;    
}
.pagination li.active a{
        color:hsl(35, 87%, 55%);
}
.contentred {
    background: #fce8e8;
    padding:1em 2em 0.3em 2em;
    margin-top: 1em;
    margin-bottom: 1em;
}
.articlenav {
    background-color: #e9f6fc;
    border: 2px solid #41b4e1;
    border-color: #41b4e1!important;
    padding:0em 2em 0.3em 2em;
    margin-top: 1em;
    margin-bottom: 1em;
}
.articlenav li a{
    color:black;    
}
.special {
    color: #313135;
    background-color: #fff4d1;
    padding: 2px 6px;
}
.contentgreen {
    background: #e4f5e5;
    padding:1em 2em 0.3em 2em;
    margin-top: 1em;
    margin-bottom: 1em;
}
.text-j{
  
  letter-spacing: 4px;
}
.text-j2{
  font-size: 3.4em;
}
.text-exl{
  font-size:5em; 
}
.text-crazy{
    font-size:4em;    
}
.vimeo-wrapper {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
   pointer-events: none;
   overflow: hidden;
}
.vimeo-wrapper iframe {
   width: 100vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
.hero--video-bg p, .hero--video-bg h1{
    color:white!important;    
}
.hero__video-bg:before{
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
  background: rgba(55,55,55,0.5);  
  z-index:1;
}
.bg-illustration{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.animation-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  perspective: 1400px;
  transform-style: preserve-3d;
  overflow: hidden; 
}
.animation-pages-container {
  top:0px;
  right: -5%;
  height: auto;
  margin: 0 auto;
  max-width: 100%;
  pointer-events: none;
  position: absolute;
  transform-style: preserve-3d;
  transform: rotateY(30deg) rotateX(36deg) rotateZ(1deg) scale(1) translate(0, 5em);
  width: 100%;
  opacity: 1;
}

.animation-parts-page {
  animation: add-page 0.4s 1.5s cubic-bezier(0.21, 0.91, 0.39, 0.99) forwards;
  background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0.50) 7%, rgba(255, 255, 255, 0) 100%);
  height: 42em;
  margin: 0 2em;
  opacity: 0;
  padding: 1em 0;
  position: absolute;
  transform-style: preserve-3d;
  transition: all 2.5s cubic-bezier(0.43, 0, 0.31, 1);
  width: 24em;
}
.animation-parts-page:nth-child(1) {
  left: -28em;
}
.animation-parts-page:nth-child(2) {
  left: 0;
}
.animation-parts-page:nth-child(3) {
  left: 28em;
}
.animation-parts-page:nth-child(4) {
  left: 56em;
}
.animation-parts-page:nth-child(5) {
  left: 84em;
}
.animation-parts-page:nth-child(6) {
  left: 112em;
}
.animation-parts-page.initial-load {
  animation: add-page-initial 1s 0.5s cubic-bezier(0.77, 0, 0.35, 1) forwards;
}
.animation-parts-page.initial-load .box1 {
  animation-delay: 0.4s;
}
.animation-parts-page.initial-load .box2 {
  animation-delay: 0.6s;
}
.animation-parts-page.initial-load .box3 {
  animation-delay: 0.8s;
}
.animation-parts-page.initial-load .box4 {
  animation-delay: 1s;
}
.animation-parts-page.removing {
  animation: remove-page 0.6s ease-out forwards;
  opacity: 0.8;
}
.animation-parts-page .box {
  animation: add-box 0.5s cubic-bezier(1, -0.74, 0, 1.48) forwards;
  opacity: 0;
  background: rgba(255, 255, 255, .7);
}
.animation-parts-page .box1 {
  animation-delay: 2s;
  width: 90%;
  height: 20%;
  margin: 2.5% auto;
}
.animation-parts-page .box2 {
  animation-delay: 2.5s;
  width: 40%;
  height: 10%;
  margin: 2.5% auto;
}
.animation-parts-page .box3 {
  animation-delay: 3s;
  width: 90%;
  height: 40%;
  margin: 2.5% auto;
}
.animation-parts-page .box4 {
  animation-delay: 3.5s;
  width: 90%;
  height: 20%;
  margin: 2.5% auto;
}
@keyframes add-page {
  0% {
    transform: translateY(10em) translateZ(10em) rotateZ(20deg);
    opacity: 0;
  }
  30% {
    opacity: 0.8;
  }
  100% {
    transform: none;
    opacity: 0.8;
  }
}
@keyframes add-page-initial {
  0% {
    transform: translateZ(-10em);
    opacity: 0;
  }
  30% {
    opacity: 0.8;
  }
  100% {
    transform: none;
    opacity: 0.8;
  }
}
@keyframes remove-page {
  0% {
    transform: none;
    opacity: 0.8;
  }
  100% {
    transform: translateZ(-10em) rotateZ(-45deg) scale(0.3);
    opacity: 0;
  }
}
@keyframes add-box {
  0% {
    opacity: 0;
    transform: translateY(-0.25em) scale(0.8);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes fade-up {
  from {
    opacity: 0;
    transform: translateY(0.5em);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
#jhero{
 
  position: relative;
  height: 25em;

}
#jhero .container{
   
    position: relative;
}
.margin-negative{
  margin-top: -7em;
}
.bg-orange{
  background: #fede9a;
}
.bg-orange2{
 background: rgb(254,222,154);
 background: linear-gradient(180deg, rgba(254,222,154,1) 35%, rgba(255,255,255,0.48783263305322133) 100%);
}
.bg-orange3{
  background: #fede9a;
}
#jlogo{
/* position: relative; */
}
.features-v2__item svg{
width: 5em!important;
height: 5em;
font-size: 0.7em;
margin-top: 0.8em;
margin-right: 2em;
padding: 1.3em;
color:#003440;
background: white;
border-radius: 100%;
box-shadow: 0 10px 20px rgba(0,0,0,.1);
}
.text-exl2{
font-size: 2em;
}
.text-exl3{
font-size: 3em;
}
.bgpurple{
background:rgba(254,222,154,1);
}
a.standard{
color:#0000EE;
}
.slideshow-pm__item{
align-items: flex-end;
}
.slideshow-pm__item .container{
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(232,232,232,0.9) 22%);
width: 100%;
max-width: 100%;
padding: 2em;
}
.text-bg-fx--underline-bold2 {
background-size: 100% 100%;
background-image: linear-gradient(transparent 50%, alpha(var(--color-primary), 0.2) 50%);
}
.feature__item--media img.refund{
width: 300px;
max-width: 100%;
margin: 0 auto;
}
footer .emailinline{
display: inline;
}
.thefloat{
position: fixed;
top: 0px;
right: -174px;
background: rgba(255,255,255,0.9);
border-radius: 0px;
z-index: 9;
visibility: hidden;
opacity: 0;
transition: all 0.3s ease;
}
.thefloat.active{

right: 0px;
visibility: visible;
opacity: 1;
transition: all 0.3s ease;
}
.barrow{
float: right;
margin-top: 0.4em;
}
.visa{
width: 101px;
  margin-left: 20px;
}
.formcontainer{
border-radius: 10px;
}
.coursedetails{
border: 1px solid black;
border-radius: 10px;
}
.features-v2__item.v3 svg {
width: 3em!important;
height: 3em;
font-size: 0.6em;
margin-top: 0.8em;
margin-right: 1em;
padding: 0.7em;
color: #003440;
background: white;
border-radius: 100%;
box-shadow: 0 10px 20px rgba(0,0,0,.1);
}
.notfinished{
font-style: italic;
font-weight: 100;
}

.countdown--grid .countdown__item{
background: none;
}
.countdown--grid .countdown__label {
display: block;
text-transform: uppercase;
font-size: 0.3em;
letter-spacing: 0.1em;
color: black;
}
.slideshow-pm__item{
min-height: 370px;
}
.main-footer__nav-list{
display: none;
}
.coursedetails .applyform{
text-align: left;
}
.basewrap{
      background: white;
  padding: 1em;
  width: 3.5em;
  height: 3.5em;
  border-radius: 100%;  
  box-shadow: 0 10px 20px rgba(0,0,0,.1);
  color: #003440;
}
.salescol1{
  background: #d6ebe9;
}
.salescol2{
  background: #ffe2e0;
}
.salescol3{
  background: #fede9a;
}
.courselist li{
  background: white;
  padding: 5px 18px;
  text-align: center;
  font-weight: 800;
  width: 250px;
  margin: 0 auto;
  margin-bottom: 13px;
}
@media (min-width: 64rem){

#jhero{
 
  height: 30em;

}
.text-crazy{
    font-size:5em;    
}
.text-exl {
  font-size: 7em;
}
.feature__item--media img.refund{
  width: 400px;
}
.main-footer__nav-list{
  display: -webkit-box;
  display: flex;
}
.slideshow-pm__item {
  min-height: 480px;
}
.coursedetails .applyform{
  text-align: right;
}
}

h1.toani span {
  border-right: .05em solid;
  animation: caret 1s steps(1) infinite;
}


@keyframes caret {
  50% {
    border-color: transparent;
  }
}
#personcourse img{
    display:inline-block;
}
#personcourse h2{
    margin-bottom:1em;    
}
#personcourse li{
    margin-bottom: 0.2em;
}
.bgorange3{
    background: rgb(254,222,154);    
}
.panel-grey-light{
    background: #f2f2f2;
    padding: 1em;
    display: block;
    -webkit-transition: background-color 0.15s ease-in-out;
    -moz-transition: background-color 0.15s ease-in-out;
    -o-transition: background-color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out;
}
.panel-grey {
    margin-top: 2em;
    background: #e2e2e2;
   padding: 1em;
    display: block;
    -webkit-transition: background-color 0.15s ease-in-out;
    -moz-transition: background-color 0.15s ease-in-out;
    -o-transition: background-color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out;
}
main{
    opacity:0;
    visibility:hidden;
}
main.active{
    opacity:1;
    visibility:visible;
}
.loader{
 
     background:hsl(35, 87%, 55%);
    width:100%;
    height:100vh;
    position:fixed;
    top:0px;
    left:0px;
    z-index:99999;
    
}
  .loader__logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center; 
    }
 .heading-primary2{ 
        color: white;
    letter-spacing: 3px;
        font-family: sans-serif;
        font-size:1.5em;
        opacity:0;
}
.btnsmall{
  padding: 6px 2px;
}
.tagline2 {
      font-family: sans-serif;
color: rgba(0,0,0,0.04);
font-family: sans-serif;
    color: rgba(0,0,0,0.04);
    /* padding: 300px 0; */
    /* font-size: 72px; */
    font-weight: 500;
    /* letter-spacing: 5px; */
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    font-size: 150px;
    top: 50%;
    transform: translateY(-50%);
    
    }
    .loader__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
       background:hsl(35, 87%, 55%);}
    .loader__background--inner {
      background-color: #FAFAFA; }
      
         .loader.inactive{
        display:none!important;    
    }
@media (max-width: 768px){
    .tagline2 {
        font-size:60px;
    }
    #lastsection{
        padding-left:1.5em;
        padding-right:1.5em;
    }
    .text-crazy{
        font-size:3em;    
    }
    .colorsection h1,.colorsection h3{
        font-size:40px;    
    }
    .tableofcontent img {
    
        max-width: 279px;
    }
    .colorsection img{
        max-width:100%;    
    }
    iframe{
        max-width:100%;    
    }
    #contactupdate{
        max-width:87%;    
    }
    .modal__content .pfirsthalf{
        margin-left:12px;
    }
}
@media (min-width: 64rem){
    .testimonial-slideshow .slideshow__item {
        height: 520px;
    }
    .heading-primary2{ 
        font-size:2.5em;
        letter-spacing: 7px;
          
    }
    .margin-negative{
      margin-top: -11em;
    }
}
@media (max-width: 1024px) {
	.v2span {
        font-size: 23px;
        margin-left: 7px;
    }
}
@media (max-width: 507px) {

    .mmtext{
        font-size: 32px!important;
    }
}