@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

#hero .responsive-embed.widescreen {
    padding-bottom: 42.50%!important;
    margin-bottom: 0px!important;
}

.reveal{outline: none!important; border: 6px solid #fff;}
.close-button{color:#000000; font-size:3.5em;}


/************************************************************
SUB PAGE HERO
*************************************************************/
/* Weekdays (Mon-Sun) */
#membership_dues table.unstriped tbody, #membership_dues table.unstriped tbody tr {
    background-color: transparent!important;
    border: 0px!important;
}
.weekly-calendar{justify-content: center;}
.weekday {
    margin: 0;
    padding:0;
    background: url('/wp-content/uploads/2025/05/strip-pattern2.gif');
    background-repeat: repeat;
    background-size: contain;
    font-size:14px;
    max-width: 175px;
    margin: 0px 2px;
  }
  .weekday header{background-color:#000;padding:1rem;color: #fff; text-transform: uppercase; font-weight: 600;}
  .weekday time{ font-weight: 600; font-size:14px;}

  @media only screen and (max-width: 1024px){
    .weekday {
        max-width: 130px;
        font-size: 12px;
    }  
    .weekday h5{font-size: 1rem;}
    
}

  @media screen and (max-width: 767px) {
    .weekday {
        max-width: inherit;
        background: none;
        background-color: #fff;
      }

}

  .day-container{background-color: #fff!important;}

  .day{margin:0px 0px 4px 0px; background-color: #f1f1f1; padding:1rem;}
  .day p{word-wrap:break-word; line-height: 1.4; font-weight: 400;}
  .weekday li {
    display: inline-block;
    width: 13.6%;
    color: #666;
    text-align: center;
  }


  
  .day li {
    list-style-type: none;
    display: inline-block;
    width: 13.6%;
    text-align: center;
    margin-bottom: 5px;
    font-size:12px;
    color: #777;
  }
  
  /* Highlight the "current" day */
  .day li .active {
    padding: 5px;
    background: #1abc9c;
    color: white !important
  }

.inner-page-hero {
    color: #fff;
    /* min-height: 700px; 
    padding-top: 80px;*/
    padding-bottom: 0;
    position: relative;
    overflow: hidden;
}

.inner-page-hero .dark-overlay {
    background: linear-gradient(0deg, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .2) 75%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    max-height: 625px;
    left: 0;
    z-index: 12;
}


.inner-page-intro {
    grid-column-gap: 16px;
    grid-row-gap: 80px;
    color: #fff!important;
    text-align: center;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}
#inner-page-intro{
    grid-area: 1 / 2 / 2 / 3;
    place-self: center stretch;
}

.hero-intro {
    grid-column-gap: 16px;
    grid-row-gap: 8px;
    text-align: center;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    max-width: 1200px;
    padding-left: 0;
    display: grid;
    color:#fff!important;
}

#hero-intro {
    grid-area: 1 / 1 / 2 / 4;
    place-self: end center;
}



.grid-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: 1fr;
    grid-template-columns: minmax(80px, 1fr) minmax(auto, 1400px) minmax(80px, 1fr);
    grid-auto-columns: 1fr;
    align-items: stretch;
    width: 100%;
    display: grid;
    position: absolute;
    z-index: 12;
    justify-content: center;
    height: 100%;
}

@media screen and (max-width: 767px) {
    .grid-wrapper {
        grid-template-columns: minmax(36px, 1fr) minmax(auto, 1400px) minmax(36px, 1fr);
    }
    .hero-intro {max-width: 800px;}
    .hero-intro h1{font-size:2rem!important;}


}
@media screen and (max-width: 991px) {
    .grid-wrapper {
        grid-template-columns: minmax(65px, 1fr) minmax(auto, 1400px) minmax(65px, 1fr);
    }
    .inner-page-intro {
        justify-items: stretch;
        width: 100%;
    }
}


.subtitle.large {
    font-size: 14px;
}
.hero-intro h1,.hero-intro h5 {color:#fff; }
.hero-intro h1{font-size:4.4rem;}
.hero-intro h5{text-transform: uppercase;}


/*******DONATE CTA**************************************/
.donate-cta-wrapper{position: relative; margin-top:0; margin-bottom:0; padding-top:0;}
.donate-cta {display: flex; position: absolute; align-items: center; justify-content: center; left: 0; right: 0; top: 0; }
.donate-cta-text{position: absolute; align-items: center; justify-content: center; left: 0; right: 0; top: 0; min-height: 220px; padding-right: var(--wp--preset--spacing--80);
    padding-left: var(--wp--preset--spacing--80);} 

    @media screen and (max-width: 1023px){
        .donate-cta-wrapper{}
        .donate-cta img{display:none;}
        .donate-cta{background-color:var(--wp--preset--color--blue);
        width: 100%; min-height: 250px; padding-top:var(--wp--preset--spacing--30)!important; padding-bottom:var(--wp--preset--spacing--30)!important;}
        .donate-cta-text{
        position: relative;
        padding: var(--wp--preset--spacing--40)!important;
        text-align: center;
        margin: 0px auto;
        align-items: center !important;
    }
    .donate-cta-text h2, .donate-cta-text p, .donate-cta-text .wp-block-buttons {justify-content: center!important; text-align:center!important;}
    }


/*******GRAVITY FORMS  STORE****************************/
.gform_wrapper.gravity-theme .gf_progressbar {
    margin-bottom: 4rem!important;
}

@media screen and (max-width: 640px){
    .gform-body .product-container, .gform-body .gfield_description{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        } 
}


.gform-body .gfield_description img{margin-bottom:1rem;}

.gform_wrapper.gravity-theme .gfield_label {
    font-weight: 600;
    margin-bottom: 10px;
}

.gform_wrapper.gravity-theme .gfield.gfield--width-third {
    padding: 1rem;
}

.gfield--type-product{padding-bottom:4rem!important;}

/*******PARALLAX****************************/

.parallaxParent {
    /*  height: 100vh;*/
      overflow: hidden;
  }
  .parallaxParent > * {
      height: 200%;
      position: relative;
      top: -100%;
  }
  
  #parallax1 > div, #parallax2 > div, #parallax3 > div {
      -webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;-webkit-perspective: 1000;
  }
  
  .grecaptcha-badge{z-index: 999;}
      .home .content{
          -webkit-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;    
          background-color: #fff;
      }
     
      .content{
           -webkit-transition: all 0.3s ease-in-out;
           -o-transition: all 0.3s ease-in-out;
           transition: all 0.3s ease-in-out;    
           background-color: #fff;
          z-index: 1;
          background: #fff;
          position: relative;
          overflow: hidden;
          width: 100%;
          min-height: 100vh;
          z-index: 10;
        
        }

        #News ul.columns-3{margin: 0 0 1.000em 0; padding-right: var(--wp--preset--spacing--40) !important;
            padding-left: var(--wp--preset--spacing--40) !important;}

            #News time span.month{
                font-weight: 500;
                color: #000;
                font-size: var(--wp--preset--font-size--h-4);
            }    
        
        .inner-content{padding-bottom:var(--wp--preset--spacing--60);}
        @media screen and (max-width: 50em){
            .content{padding:0 0!important;}   
        }
          @media only screen and (min-width: 1440px){
          .content{}
          .home .content{}
          }   
          @media screen and (min-width: 2000px) {
          .content {}
          }
  
          @media screen and (max-width: 1199px){
          .content{}
          .home .content{margin:0;}
          }
          @media screen and (max-width: 50em){
            .content{
                text-align: initial!important;
            }
          }
    
          @media screen and (max-width: 600px){
              .content{}
              }
           
          .sectionImage{position: relative;}
          .img_contain{ position:relative;}
          .backImage{position:absolute; display: block; z-index: -1; top:0;left:0; max-width: 1024px; }
  
    .frontImage{
      position: relative;
      display:block;
    }
 
    figure{position: relative;}

    .sectionImage .img_contain{overflow: initial;}
    .sectionImage figure:hover .img_contain img {
        transform: scale(1);
    }
    .img_contain{overflow: hidden; border-radius: 8px;}
    
    figure .img_contain img {
        display: block;
        transition: transform .8s ease;
    }
    figure:hover .img_contain img {
        transform: scale(1.1);
    }

    #News figure a{overflow: hidden; border-radius: 8px;}

    #News .img_contain figure img{
        display: block;
        transition: transform .8s ease;
    }

    #News .img_contain figure:hover img {
        transform: scale(1.1);
    }

/*PARALLAX Zoom Image****************************************/
    figure{position: relative;}

    .img_contain .simpleParallax{overflow: hidden; border-radius: 8px;}
    
    figure .img_contain .simpleParallax img {
        display: block;
        transition: transform 1s ease;
    }
    figure:hover .img_contain .simpleParallax img {
        transform: scale(1.3)!important;
    }

 /**********************************************************
NEW CARD - TILTING AND GLARE
____________________________________________________________*/

.tilting-card-body {
    display: grid;
    place-content: center;
    text-align: center;
    /*box-shadow: var(--shadow);*/
      
  }
  
  .oneBackground{background-color:#F6F4EB!important;}
  .twoBackground{background-color:#E9DAC1!important;}
  .threeBackground{background-color:#91C8E4!important;}
  .fourBackground{background-color:#749BC2!important;}
  .fiveBackground{background-color:#F1F1F1!important;}
  .whiteBackground{background-color:#FFFFFF!important;}
  /*.turquoiseBackground{background-color:#F1F1F1!important;}
  .blueBackground{background-color:#F1F1F1!important;}
  .redBackground{background-color:#F1F1F1!important;}
  .orangeBackground{background-color:#F1F1F1!important;}
  .greenBackground{background-color:#F1F1F1!important;}*/

  .whiteBackground.turquoise .js-tilt-glare-inner{background-image: linear-gradient(0deg, rgba(155, 227, 236, 0) 0%, rgb(155, 227, 236) 100%)!important;}
  .whiteBackground.blue .js-tilt-glare-inner{background-image: linear-gradient(0deg, rgba(54, 114, 217, 0) 0%, rgb(54, 114, 217) 100%)!important;}
  .whiteBackground.red .js-tilt-glare-inner{background-image: linear-gradient(0deg, rgba(251, 93, 74, 0) 0%, rgb(251, 93, 74) 100%)!important;}
  .whiteBackground.orange .js-tilt-glare-inner{background-image: linear-gradient(0deg, rgba(255, 159, 1, 0) 0%, rgb(255, 159, 1) 100%)!important;}
  .whiteBackground.green .js-tilt-glare-inner{background-image: linear-gradient(0deg, rgba(138, 188, 27, 0) 0%, rgb(138, 188, 27) 100%)!important;}
  .whiteBackground.purple .js-tilt-glare-inner{background-image: linear-gradient(0deg, rgba(139, 48, 216, 0) 0%, rgb(139, 48, 216) 100%)!important;}
  
  .tilting-card-wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 2;
      max-height: 30em;
      min-height: 30rem;
      background-position: center center;
      display: flex;	
      margin:0 0 2em 0;
      border-radius: 14px;
  }
  
  .tilting-card-body {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center center;
    border-radius: 14px;
    background-repeat: no-repeat;
    padding: 2rem 2rem;
  }
  
  .tilting-card-body h3{z-index: 1;}


  
  
  
  /* general styling */
  :root {
    --shadow: 0px 1px 2.2px rgba(0, 0, 0, 0.02),
      0px 2.5px 5.3px rgba(0, 0, 0, 0.028), 0px 4.6px 10px rgba(0, 0, 0, 0.035),
      0px 8.3px 17.9px rgba(0, 0, 0, 0.042), 0px 15.5px 33.4px rgba(0, 0, 0, 0.05),
      0px 37px 80px rgba(0, 0, 0, 0.07);
  }
     
/*TEAM CARDS****************************************************/
.card{padding: 0 0;border-radius: 20px; border:0px solid; align-items: center; text-align: center; margin-bottom: 1.875rem;}
.card figure .img_contain{width: 100%;height: 100%;overflow: hidden;object-fit: cover;object-position: center center; border-top-left-radius:8px; border-top-right-radius:8px; border-bottom-left-radius:0px; border-bottom-right-radius:0px;}

.card figure .img_contain img {display: block;transition: transform .8s ease; }
.card figure:hover .img_contain img {transform: scale(1.1); }
.card figure a .img_contain img{}
.card .card-section .team-title{ color:#ffffff; font-weight:600; line-height: 1; font-size: 1.5rem; text-transform: none; }
.card .card-section .team-title a{color:#fff; text-decoration: none;}
.card .card-section .team-job-title{min-height:40px; color:#fff;}
.card .card-section .team-job-title p{min-height:40px;}
.card .card-section .team-job-title h6{color: #fff !important; text-transform: none;}
.card .card-section .team-email a{color:#066bdc; text-decoration: underline;}

.single-team .masthead img {z-index: 2; position: relative; margin-top:35%; border-radius:14px;}

/*.box-shadow {
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.6);
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  
  .box-shadow:hover {
    -webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }*/


@media only screen and (max-width: 1023px){
    .single-team .masthead img {position: relative; top: 20%; border-radius:14px;}
    .single-team .masthead img {margin-top:20px;}
    .sectionImage {padding: 0rem 0rem 2rem 0rem;}
    .sectionContent{padding-bottom: 1rem;}
    .wp-block-cover.rounded{max-height:400px;min-height:400px!important;}
    .wp-block-group:not(.pctr-groups, .card-blocks) .wp-block-cover{min-height:400px!important; margin-top:0!important;}
    .home.wp-block-group{
        min-height:500px!important;
    }
    
    .paint_background .has-white-color, .paint_background .has-white-color p, .paint_background .has-white-color h2, .paint_background .has-white-color h3{color: #000 !important;}
    /*.wp-block-cover{min-height:600px!important;}*/
    }  

    @media only screen and (max-width: 1024px){
        .paint_background:not(.home .paint_background){
            background-image:none!important;
            background-color:#ffffff;
            color:#000;
            min-height:50px!important;
            padding: 4rem 0;
        }   

        
    }

  @media only screen and (min-width: 1199px){.single-team .masthead img {max-width: 375px;}}  
  @media only screen and (max-width: 800px){
    .donate_cta{padding-top:0px!important;}
    .card figure .img_contain{ margin-left:auto;margin-right: auto;}
    /*.wp-block-cover{min-height:400px!important;}*/
    .wp-block-cover.rounded{max-height:400px;min-height:250px!important;}
    .wp-block-group:not(.pctr-groups, .card-blocks) .wp-block-cover{min-height:300px!important; margin-top:0!important;}
    .home.wp-block-group{
        min-height:500px!important;
    }
    .paint_background:not(.home .paint_background){
        background-image:none!important;
        background-color:#ffffff;
        color:#000;
        min-height:50px!important;
    }
   
  }

p#breadcrumbs span{text-align: right;font-size: .895rem;}
p#breadcrumbs, p.useful-links{margin-bottom:0;font-size: .895rem;}

#useful-links{scroll-margin:400px 0 0 0;}

@media only screen and (min-width: 1024px){
    p.useful-links{text-align: left;}
    p#breadcrumbs{text-align: right;}   
}

/*=============================================================
STEP CARDS - LEAD U
===============================================================*/
.steps-card{min-height:424px;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;  display: flex;flex-direction: column; margin-top:0; align-items: start;justify-content: start;}

.steps-card p, .steps-card h3, .steps-card .wp-block-button.is-style-outline .wp-block-button__link{-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}

.steps-card:hover .xxl-number{transform: scale(1.5);}
.steps-card:hover h3:not(.steps-card.has-yellow-background-color:hover h3), .steps-card:hover p:not(.steps-card.has-yellow-background-color:hover p){transform: scale(1.1); margin-block-start: 1rem;}

.steps-card.has-yellow-background-color:hover h3, .steps-card.has-yellow-background-color:hover p{transform: scale(1.1);}

.steps-card:hover .wp-block-button.is-style-outline .wp-block-button__link{transform: scale(1.1);}

.xxl-number{font-size: 15rem !important;font-weight: 700;line-height: .70; -webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease; margin-bottom: .175em;}
.xxl-number:hover{}

@media only screen and (max-width: 800px){
    .steps-card{min-height:324px!important; align-items: center;justify-content: center; }
}


.gtranslate_wrapper{z-index: 999999999;}
/*=============================================================
HOME PAGE HOVER CARDS
===============================================================*/
.card-blocks a{text-decoration: none!important;}
.card-blocks {position: relative; padding-left:2rem; padding-right:2rem;}
.card-blocks p{line-height:1.3; font-size: 1.125rem!important;}
.card-blocks .wp-block-column{overflow: hidden;border-radius: 24px;}
.card-blocks .wp-block-column .wp-block-cover, .card-blocks .wp-block-cover {border-radius: 24px;box-shadow: 0 8px 15px rgb(0 0 0 / 0.4);}
.card-blocks .wp-block-column .wp-block-cover {display: block;transition: transform .8s ease; }
.card-blocks .wp-block-column .wp-block-cover:hover img {transform: scale(1.1)!important; }
.card-blocks .wp-block-cover .wp-block-cover__inner-container, .card-blocks .wp-block-cover-image .wp-block-cover__inner-container{    
    /* position: absolute; */
    z-index: 2;
   /*  bottom: 0;
    left: 0; */
    padding: 1.25em 1em;
    width: 100%;
    height: initial;
    min-height: 125px;
    transition: opacity .3s ease;
    overflow: hidden;
    /* display: flex;
    align-items: center;
    justify-content: center;
    color:#fff; */
}

@media only screen and (max-width: 800px){
.card-blocks a .wp-block-cover:nth-child(2){margin-top: 0!important;}
}

.card-blocks .wp-block-cover .wp-block-cover__inner-container h5, .card-blocks .wp-block-cover-image .wp-block-cover__inner-container h5{font-size:1.80rem;}
.card-blocks .wp-block-cover:hover .wp-block-cover__inner-container{
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    bottom:-5px;}
.card-blocks .wp-block-cover .wp-block-cover__inner-container h5, .card-blocks .wp-block-cover-image .wp-block-cover__inner-container h5, .card-blocks .wp-block-cover .wp-block-cover__inner-container h4, .card-blocks .wp-block-cover-image .wp-block-cover__inner-container h4, .card-blocks .wp-block-cover .wp-block-cover__inner-container h3, .card-blocks .wp-block-cover-image .wp-block-cover__inner-container h3, .card-blocks .wp-block-cover .wp-block-cover__inner-container h2, .card-blocks .wp-block-cover-image .wp-block-cover__inner-container h2 {margin-bottom:0!important;}
.wp-block-cover.yellow-hover::after{
    content: ''; 
    position: absolute;
    z-index: 1;
    bottom: -500px;
    left: 0;
    padding: .5em;
    width: 100%;
    height: 500px;
    background-image: url('../images/yellow-hover.svg');
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    color:#fff;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.wp-block-group .cell .card .card-image figure .img_contain .shape-hover{
    opacity: 0;
    width: 100%;
    height: 500px;
    content: '';
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    color:#fff;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 1;
    bottom: -65px;
    left: 0;
    position: absolute;
}
.wp-block-group .cell:nth-child(4n+1) .card .card-image figure .img_contain .shape-hover{
    background-image: url('../images/yellow-hover.svg');
}
.wp-block-group .cell:nth-child(4n+2) .card .card-image figure .img_contain .shape-hover{
    background-image: url('../images/light-blue-hover2.svg');
    bottom: -50px;
}
.wp-block-group .cell:nth-child(4n+3) .card .card-image figure .img_contain .shape-hover{
    background-image: url('../images/aqua-hover.svg');
}

.wp-block-group .cell:nth-child(4n+4) .card .card-image figure .img_contain .shape-hover{
    background-image: url('../images/purple-hover.svg');
}


@media only screen and (max-width:639px){
    .wp-block-group .cell .card .card-image figure .img_contain .shape-hover{
       display:none;
    }
} 

.wp-block-group .cell .card .card-image figure .img_contain .shape-hover:hover{
    opacity: 1;
}




 .wp-block-cover.yellow-hover:hover::after,  .card figure .img_contain.shape-hover:hover::after{   
    bottom: -30px; 
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 1;
}
.wp-block-cover.yellow-hover:hover h5{   
     -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease; }
.wp-block-cover.yellow-hover:hover h5 a, .wp-block-cover.aqua-hover:hover h5 a, .wp-block-cover.light-blue-hover:hover h5 a, .wp-block-cover.dark-blue-hover:hover h5 a, .wp-block-cover.purple-hover:hover h5 a, .wp-block-cover.orange-hover:hover h5 a, .wp-block-cover.yellow-heart-hover:hover h5 a{  
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700; }

.wp-block-cover.aqua-hover::after{
    content: ''; 
    position: absolute;
    z-index: 1;
    bottom: -375px;
    left: 0;
    padding: .5em;
    width: 100%;
    height: 500px;
    background-image: url('../images/aqua-hover.svg');
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    color:#fff;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
 .wp-block-cover.aqua-hover:hover::after{   
    bottom: -50px; 
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.wp-block-cover.light-blue-hover::after{
    content: ''; 
    position: absolute;
    z-index: 1;
    bottom: -375px;
    left: 0;
    padding: .5em;
    width: 100%;
    height: 500px;
    background-image: url('../images/light-blue-hover.svg');
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    color:#fff;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
 .wp-block-cover.light-blue-hover:hover::after{   
    bottom: -50px; 
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.wp-block-cover.dark-blue-hover::after{
    content: ''; 
    position: absolute;
    z-index: 1;
    bottom: -375px;
    left: 0;
    padding: .5em;
    width: 100%;
    height: 500px;
    background-image: url('../images/dark-blue-hover.svg');
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    color:#fff;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
 .wp-block-cover.dark-blue-hover:hover::after{   
    bottom: -45px; 
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.card-blocks .wp-block-cover.yellow-heart-hover .wp-block-cover__inner-container{    
    position: absolute;
    z-index: 2;
    top: 10px;
    left: 0;
    padding: 1.25em 1em;
    width: 100%;
    height: initial;
    min-height: 125px;
    transition: opacity .3s ease;
    overflow: hidden;
    display: inline-block;
    align-items: center;
    justify-content: center;
    color:#fff;
}
.wp-block-cover.yellow-heart-hover::after{
    content: ''; 
    position: absolute;
    z-index: 1;
    bottom: -30px;
    left: 0;
    padding: .5em;
    width: 100%;
    height: 600px;
    background-image: url('../images/yellow-heart-hover.svg');
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    color:#fff;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
 .wp-block-cover.yellow-heart-hover:hover::after{   
    bottom: -100px; 
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    transform: scale(2.1);
}


.wp-block-cover.purple-hover::after{
    content: ''; 
    position: absolute;
    z-index: 1;
    bottom: -375px;
    left: 0;
    padding: .5em;
    width: 100%;
    height: 500px;
    background-image: url('../images/purple-hover.svg');
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    color:#fff;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
 .wp-block-cover.purple-hover:hover::after{   
    bottom: -30px; 
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.wp-block-cover.orange-hover::after{
    content: ''; 
    position: absolute;
    z-index: 1;
    bottom: -375px;
    left: 0;
    padding: .5em;
    width: 100%;
    height: 500px;
    background-image: url('../images/orange-hover.svg');
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    color:#fff;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
 .wp-block-cover.orange-hover:hover::after{   
    bottom: -50px; 
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}


.card-blocks .wp-block-cover .wp-block-cover__inner-container a{text-decoration: none;}

    @media (max-width: 1023px){
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
    flex-basis: 100% !important;
    flex-wrap:wrap!important;
}

.wp-block-group > .wp-block-columns {
    flex-wrap:wrap!important;
}

.card-blocks .wp-block-columns {
    flex-wrap: wrap !important;
}
}

@media only screen and (max-width:800px){

    .wp-block-cover.yellow-hover:hover::after, .wp-block-cover.purple-hover:hover::after, .wp-block-cover.orange-hover:hover::after, .wp-block-cover.light-blue-hover:hover::after, .wp-block-cover.dark-blue-hover:hover::after, .wp-block-cover.aqua-hover:hover::after, .wp-block-cover.yellow-heart-hover:hover::after{   
        bottom: -380px!important; 
    }

}

.mission-values .wp-block-media-text img, #core-values .wp-block-media-text img{max-width:75px;}
@media (max-width: 1023px){#our-vision .wp-block-media-text img{max-width:75px;} .lifelines-img img{max-width:175px;}}
/*.wp-block-media-text>.wp-block-media-text__content p{margin-bottom:0px;}*/

/*=============================================================
HOME PAGE GROUPS
===============================================================*/
.pctr-groups{position: relative; padding-left:2rem; padding-right:2rem;}
.pctr-groups .wp-block-column .wp-block-cover{
    padding: 1rem;
    position: relative;
    opacity: 1;
    border-radius: 8px;
    border: 4px solid #003A70; 
    padding: 4px; border-radius: 8px; min-height: 200px;
    -webkit-transition: min-height .8s;
  -moz-transition: min-height .8s;
  -ms-transition: min-height .8s;
  -o-transition: min-height .8s;
  transition: min-height .8s;}

.pctr-groups .wp-block-column .wp-block-cover {opacity: 1; background: #fff; padding:2rem;border-radius: 8px; color:#000; }
.pctr-groups .wp-block-column .wp-block-cover:hover {min-height:400px!important; border: 0px; transition: 0.8s ease;}

.pctr-groups .wp-block-column .wp-block-cover .wp-block-cover__background.has-background-dim-0.has-background-dim{opacity: 1; background-color:#fff;}
.pctr-groups .wp-block-column .wp-block-cover:hover .wp-block-cover__background.has-background-dim-0.has-background-dim{opacity: .2; transition: 0.8s ease; background-color:#000!important;}

.pctr-groups .wp-block-column .wp-block-cover .wp-block-cover__inner-container .wp-block-heading{font-size: 42px !important; color:#000; text-transform: uppercase;}
.pctr-groups .wp-block-column .wp-block-cover .wp-block-cover__inner-container .wp-block-heading a{color:#000; text-decoration: none;}
.pctr-groups .wp-block-column .wp-block-cover:hover .wp-block-cover__inner-container .wp-block-heading{color:#fff; font-size:4rem!important; transition: .3s ease;}
.pctr-groups .wp-block-column .wp-block-cover:hover .wp-block-cover__inner-container .wp-block-heading a{color:#fff; text-decoration: none;}
/*=============================================================
FAQ SECTION
===============================================================*/
details summary{ display: flex;justify-content: space-between;align-items: center; padding: 1.5em 0; border-bottom:1px solid #101010; line-height:1.6;}
details[open] summary{border-bottom:0px;}
/*details summary::before{padding-right:2rem;}*/
details[open] > summary::marker, details > summary::marker{display:inline-block; content: '';}
details summary::-webkit-details-marker {
    display:none;
  }
details > summary::after{display:inline-block; content: ''; background-image:url('../images/down-carrot.svg'); background-repeat: no-repeat; width: 42px; height: 42px; position:relative; min-width: 42px; margin-left:20px;}
details[open] > summary::after{display:inline-block; content: ''; background-image:url('../images/up-carrot.svg'); background-repeat: no-repeat; width: 42px; height: 42px; position:relative;}

@media only screen and (max-width:800px){
    details ul{margin:0 0 1.000em 0em;}

}


.align-middle .text-container {
    padding: 2rem 2rem!important;
}
@media only screen and (min-width: 1025px){
    .align-middle .text-container {
        padding: 0rem 6rem!important;
    }
    }

section{position:relative; min-height:400px; padding-top:20px;/*padding-bottom:100px;*/}

.shape-divider-top{
     position: absolute;
     top: -100px;
     left: 0;
     width: 100%;
     overflow: hidden;
     line-height: 0;
 }
 .shape-divider-top svg {
     position: relative;
     display: block;
     width: calc(150% + 2px);
     height: 80px;
 }
 @media screen and (min-width: 40em) {
     .shape-divider-top svg {
         position: relative;
         display: block;
         width: calc(135% + 1.3px);
         height: 100px;
     }
    }
 @media screen and (min-width: 65em) {

    .shape-divider-top{
        position: absolute;
        top: -150px;
        left: 0;
        width: 100%;
        overflow: hidden;
        line-height: 0;
        z-index: -1;
    }

 .shape-divider-top svg {
     position: relative;
     display: block;
     width: calc(135% + 1.3px);
     height: 188px;
 }


 .OPC-carousel.block .background-image {
     background-size: cover;
     background-repeat: no-repeat;
     width: 100%;
     min-height: 75vh;
     background-position: center center;
     display: flex;
     max-height: 680px;
 }

}

@media screen and (max-width: 639px) {
    .shape-divider-top{top:-80px;}

    }
 
 .shape-divider-top .shape-fill {
     fill: #FFFFFF;
 }

 .shape-divider-bottom {
     position: absolute;
     bottom: -110px;
     left: 0;
     width: 100%;
     overflow: hidden;
     line-height: 0;
     transform: rotate(180deg);
     z-index: 1;
 }
 .shape-divider-bottom svg {
     position: relative;
     display: block;
     width: calc(150% + 2px);
     height: 80px;
 }
 @media screen and (min-width: 40em) {
     .shape-divider-bottom svg {
         position: relative;
         display: block;
         width: calc(135% + 1.3px);
         height: 100px;
     }



    }
 @media screen and (min-width: 65em) {
 .shape-divider-bottom svg {
     position: relative;
     display: block;
     width: calc(135% + 1.3px);
     height: 188px;
 }
}

@media only screen and (max-width: 1023px){.shape-divider-bottom {bottom: -80px;}}  

 
 .shape-divider-bottom .shape-fill {
     fill: #FFFFFF;
 }

/********************************************************
SLICK SLIDER ARROWS
********************************************************/
.scrollnext {

}

.scrollnext .arrow {
  
}
.scrollnext {
    display: block;
    position: absolute;
    bottom: 10%;
    left: auto;
    right: 6%;
    cursor: pointer;
    color: #fff;
    transition: all .5s;
    text-decoration: none;
    overflow: hidden;
    z-index: 13;
    opacity: 1;
    margin: 0px auto 0px auto;
    background-color: transparent;
    padding: 0.5rem 0.5rem;
    border-radius: 50%;
    border: 2px solid #ffffff;
    width: 110px;
    height: 110px;
}

@media only screen and (max-width: 1023px){
    .scrollnext {
        left: initial;
        right: 2%;
    }
    
}

@media only screen and (max-width: 800px){
    .scrollnext {
        display:none;
    }
    
}

.scrollnext .arrow {
    display: flex;
    width: 80px;
    height: 108px;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    -webkit-animation: scrolly 3s cubic-bezier(0.77, 0, 0.175, 1) forwards infinite;
    animation: scrolly 3s cubic-bezier(0.77, 0, 0.175, 1) forwards infinite;
    perspective: 9000px;
    transform: translateZ(0);
    transform-origin: bottom;
}

@-webkit-keyframes scrolly {
    0% {
      transform: translate3d(0, -150%, 0) rotateX(90deg) scale(0.5) skewX(3deg);
    }
    30% {
      transform: translate3d(0, 0, 0) rotateX(0deg) scale(1) skewX(0deg);
    }
    70% {
      transform: translate3d(0, 0, 0) rotateX(0deg) scale(1) skewX(0deg);
    }
    95% {
      transform: translate3d(0, 50%, 0) rotateX(-90deg) scale(0.5) skewX(-3deg);
    }
    100% {
      transform: translate3d(0, 50%, 0) rotateX(-90deg) scale(0.5) skewX(-3deg);
    }
  }
  @keyframes scrolly {
    0% {
      transform: translate3d(0, -150%, 0) rotateX(90deg) scale(0.5) skewX(3deg);
    }
    30% {
      transform: translate3d(0, 0, 0) rotateX(0deg) scale(1) skewX(0deg);
    }
    70% {
      transform: translate3d(0, 0, 0) rotateX(0deg) scale(1) skewX(0deg);
    }
    95% {
      transform: translate3d(0, 50%, 0) rotateX(-90deg) scale(0.5) skewX(-3deg);
    }
    100% {
      transform: translate3d(0, 50%, 0) rotateX(-90deg) scale(0.5) skewX(-3deg);
    }
  }

.home .carousel.block .background-image {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    min-height:    calc(100vh - 140px);
    min-height: -webkit-calc(100vh - 140px);
    min-height: -moz-calc(100vh - 140px);
    background-position: top center;
    display: flex;
    max-height: 1080px;
    overflow: hidden;
    -webkit-mask-position: inherit;
    mask-position: inherit;
    -webkit-mask-image:none;    
    mask-image:none;    
    -webkit-mask-size:0;
    mask-size: 0;
    -webkit-mask-repeat:no-repeat;  
    mask-repeat: no-repeat;  
}

.about .carousel.block .background-image {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 540px;
    background-position: center center;
    display: flex;
    max-height: 540px;
    overflow: hidden;
    -webkit-mask-position: inherit;
    mask-position: inherit;
    -webkit-mask-image:none;    
    mask-image:none;    
    -webkit-mask-size:0;
    mask-size: 0;
    -webkit-mask-repeat:no-repeat;  
    mask-repeat: no-repeat;   
}

.carousel.block .background-image {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 540px;
    background-position: center center;
    display: flex;
    max-height: 540px;
    overflow: hidden;
    /*-webkit-mask-position: 0 0;
    mask-position: 0 0;
    -webkit-mask-image: url("/wp-content/uploads/2024/07/masked-image2.png");    
    mask-image: url("/wp-content/uploads/2024/07/masked-image2.png");    
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;  
    mask-repeat: no-repeat;  */
}

.carousel.block .background-image.dark::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,.25);
}
.carousel.block .background-image.light::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(255,255,255,.25);
}


.carousel.block .background-image.none::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: inherit;
} 


.hero-slider .caption-container {
    position: absolute;
    bottom: 0;
    display: flex;
    transition: width 1s ease-in-out;
    width:100%;
    left: 0;
    z-index: 11;
}

.hero-slider .caption-container.center{justify-content: center;}
.hero-slider .caption-container.left{ justify-content: start;}
.hero-slider .caption-container.right{justify-content: end;}



.hero-slider .caption-container .caption-background, .hero-slider .caption-container .caption-background.none{
    position: absolute;
    top: 0px;
    background: transparent;
    width: 100%;
    min-height: 500px;
}
.hero-slider .caption-container .caption-background.dark {
    background: rgb(0, 32, 64);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .5) 40%, rgba(0, 0, 0, 0) 75%);
}

.hero-slider .caption-container .caption-background.light{
    background: rgb(0, 32, 64);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, .5) 40%, rgba(255, 255, 255, 0) 80%);
}

.hero-slider .caption-container .block.caption{
    position: relative;
    line-height: 1;    
    padding: 2.5rem 3.5rem;
}

.hero-slider .caption-container .block.caption.center{
text-align: center;
    
}

.hero-slider .caption-container .block.caption.left{
text-align: left;
}

.hero-slider .caption-container .block.caption.right{
text-align: right;
  
}

.hero-slider .slider-container{position: relative; z-index: 1;}

.hero-slider .caption-container h1{
    font-size: 4.8rem;
    line-height: 1;
    margin-bottom: 1.5rem;
    font-weight: 600;
    text-wrap: balance;
}

@media screen and (min-width:1023px){
    .hero-slider .caption-container .has-h-1-font-size{
        font-size: 4.8rem!important;
    }
}

.hero-slider .caption-container h1.lowercase, .hero-slider .caption-container h3.lowercase{
    text-transform:lowercase;
}

.hero-slider .caption-container h1.uppercase, .hero-slider .caption-container h3.uppercase{
    text-transform:uppercase;
}

.hero-slider .caption-container h1.none, .hero-slider .caption-container h3.none{
    text-transform:none;
}


.hero-slider .caption-container h3{text-wrap: balance;}

.hero-slider .caption-container h1.light,.hero-slider .caption-container h1.none{
    color: #002040;
}


.hero-slider .caption-container h1.dark {
    color: #ffffff;
}


.hero-slider .caption-container h3{
    font-weight: 600;
    font-style: normal;
    line-height: 1.1;
    text-wrap: balance;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 0.25em;
    font-family: "Rubik";
    font-size:1.6rem;
}

.hero-slider .caption-container  h3.light,.hero-slider .caption-container h3.none{
    color: #002040;
}
.hero-slider .caption-container h3.dark{
    color: #ffffff;
}
.hero-slider .caption-container h3 span{
    text-transform: none;
    display:block;
    font-weight: 400;
    }

.hero-slider .caption-container .button.stroke-w.light, .hero-slider .caption-container .button.stroke-w.none {
    background: none;
    border-color: #002040;
    color: #002040;
}    

.hero-slider .caption-container .button.stroke-w.dark {
    background: none;
    border-color: #ffffff;
    color: #ffffff;
} 

.hero-slider .caption-container .sm-image-logo {
    display:block;
    max-width:150px;
    height:auto;   
    margin-bottom:20px; 
} 

.hero-slider .caption-container.center .sm-image-logo {
    margin:0px auto 20px auto;
} 

.flex-container {
    display: flex;
    flex-flow: column;
}
.flex-item-1 {
    flex-basis: 100%;
}
.flex-item-2 {
    flex-basis: 100%;
}
@media (max-width: 1024px) {
    .hero-slider .caption-container .block.caption{ 
        padding: 1.5rem 1.5rem;
    }
    .hero-slider .caption-container .sm-image-logo {
        max-width: 100px;
        margin-bottom: 20px;
    }
}
@media (max-width: 768px) {
    .flex-container {
        flex-flow: row wrap;
    }
    .flex-item-1 {
        flex-basis: 22%;
        padding-right: .75em;
    }
    .flex-item-100 {
        flex-basis: 100%;
    }
    .flex-item-2 {
        flex-basis: 78%;
    }
    .hero-slider .caption-container .sm-image-logo {
        max-width:100px;
        margin:0;  
    } 

}

 .carousel .slick-prev, .carousel .slick-next {
    position: absolute;
    height: 52px;
    width: 52px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: #063D76;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
    z-index: 5;
    transition: opacity 0.124s ease-in-out;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.carousel .slick-prev {
    left: 2%;
    border-radius: 50%;
}

.carousel .slick-next {
    right: 2%;
    border-radius: 50%;
    /* margin-top: 31px; */
}
.carousel .slick-prev, .carousel .slick-next {
    background: #002040;
    opacity: 0.6;
}

.carousel .slick-prev::before, .carousel .slick-next::before {
    display: block;
    font-size: 18px;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.carousel .slick-next::before {
    content: "";
    background-image: url('../images/right-carrot.svg');
    width: 16px;
    height:26px;
}
.carousel .slick-prev::before {
    content: "";
    background-image: url('../images/left-carrot.svg');
    width: 16px;
    height:26px;
}

.carousel .slick-prev:hover, .carousel .slick-next:hover {
    outline: none;
    background: var(--wp--preset--color--secondary);
    opacity: 0.9;
    color: transparent;
}

.carousel .slick-list, .quote-carousel .slick-list {margin:0 0;}

.quote-carousel .slick-track{display:flex; align-items: center;}

@media screen and (max-width:768px) {
    .quote-carousel .slick-track{display:block!important; align-items:inherit;}  
    
}

.quote-carousel .slick-prev, .quote-carousel .slick-next {
    position: absolute;
    display: block;
    height: 52px;
    width: 52px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: #063D76;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
    z-index: 5;
    transition: opacity 0.124s ease-in-out;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.quote-carousel .slick-prev {
    left: 3%;
    border-radius: 50%;
}

.quote-carousel .slick-next {
    right: 3%;
    border-radius: 50%;
    /* margin-top: 31px; */
}
.quote-carousel .slick-prev, .quote-carousel .slick-next {
    background: #05afda !important;
    opacity: 1;
}

.quote-carousel .slick-prev::before, .quote-carousel .slick-next::before {
    display: block;
    font-size: 18px;
    color: white;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.quote-carousel .slick-next::before {
 content: "";
 background-image: url('../images/right-carrot.svg');
 width: 16px;
 height:26px;
}
.quote-carousel .slick-prev::before {
 content: "";
 background-image: url('../images/left-carrot.svg');
 width: 16px;
 height:26px;
}

.quote-carousel .slick-prev:hover, .quote-carousel .slick-next:hover {
    outline: none;
    background: #005696!important;
    opacity: 1;
    color: #fff;
}

.quote-carousel .slick-list {
    margin: 0 4rem;
    box-shadow: rgb(5, 175, 218) 8px 8px 0px 0px;
    border: 2px solid #05afda;
    /*padding: 3rem 2rem 2rem;*/
    -webkit-box-shadow: 8px 8px 0px 0px rgba(5, 175, 218, 1);   
    position: relative;
    min-height:350px!important;
    height: auto;
}

.quote-carousel{position: relative;}

.quote-carousel blockquote{padding: 3rem 3rem 2rem;}

.quote-carousel .blockquote__content{text-align:center;  }

.quote-carousel::before {
    content: '';
    background-image: url(../images/quotes.svg);
    width: 84px;
    height: 58px;
    position: absolute;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    top: -10%;
    z-index: 13;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.quote-carousel blockquote cite {
    font-size: 1.2rem;
    font-weight: 600;
    font-style: normal;
    color: #002040 !important;
    text-align: center;
}



@media screen and (max-width: 800px) {

    .quote-carousel .slick-list {
        min-height:auto!important;
    }
    
    .quote-carousel::before {top: -8%;}
.quote-carousel .slick-list {margin: 0 2rem;}

.quote-carousel .slick-next {right: 0;}
.quote-carousel .slick-prev {left: 0;}

}

@media screen and (min-width: 1920px) {
    .carousel.block .background-image, .about .carousel.block .background-image {
        min-height: 625px;
        max-height: 625px;
      
    }
    
}

@media screen and (min-width: 2150px) {
    .carousel.block .background-image, .about .carousel.block .background-image {
        min-height: 625px;
        max-height: 625px;
      
    }
    
}

@media screen and (min-width: 2400px) {
    .carousel.block .background-image, .about .carousel.block .background-image {
        min-height: 625px;
        max-height: 625px;
      
    }
    
}

   
 

 

    @media screen and (max-width: 1919px) {
        .carousel.block .background-image, .about .carousel.block .background-image {
            min-height: 625px;
            max-height: 625px;
          
        }
       
     }

    @media screen and (max-width: 1439px) {
        .carousel.block .background-image, .about .carousel.block .background-image {
            min-height: 550px;
            max-height: 550px;
          
        }
       
     }

     

     @media screen and (max-width: 1199px) {
       
     }

     @media only screen and (max-width: 1023px){
        figure.lead-u{text-align:center;}
figure.lead-u img{width:100px!important;}
        .carousel.block .background-image, .about .carousel.block .background-image {
            min-height: 500px!important;
            max-height: 500px!important;
          
        }
        .hero-slider .caption-container {
            position: absolute;
            bottom: 0;
            top: 0;
            margin:auto;
            display: flex;
            width: calc(100% - 0%);
            left: 0;
            align-items: center;
        }

        .hero-slider .caption-container.center{justify-content: center;}
        .hero-slider .caption-container.left{ justify-content: start;}
        .hero-slider .caption-container.right{justify-content: end;}
    
        .hero-slider .caption-container .caption-background {
            position: absolute;
            bottom: 0px;
            clip-path:none;
            background: linear-gradient(90deg, rgb(6, 107, 220) 0%, rgb(0, 41, 82) 94%);
            width: 100%;
            min-height: 100%;
            left:0;
        }
    
    
        .carousel .slick-list { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} 
    
        .blocks .background-image, .block .background-image {
            background-size: cover;
            min-height: 450px!important;
            background-position: center bottom;
            max-height: 450px!important;
        }
    
        .hero-slider .caption-container h1 {
            font-size: 4.3rem;
        }
    
    
        }

    @media screen and (max-width: 959px) {
      
    }
   

    
    @media only screen and (max-width: 800px){

        .gtranslate_wrapper {z-index: 9999999999;text-align: center; display: flex; align-items: center; justify-content: center; padding-bottom:var(--wp--preset--spacing--50);}
        .gtranslate_wrapper .gt_switcher .gt_selected a {
            text-align: center!important;
        }

        .carousel.block .background-image {
            min-height: 400px!important;
            max-height: 400px!important;
            mask-image:none;
        }
   
    .carousel .slick-list { border-top-left-radius: 0px; border-bottom-left-radius: 0px;}

    .carousel .slick-prev, .carousel .slick-next {display:none !important;}

    .blocks .background-image, .block .background-image {
        background-size: cover;
        min-height: 325px!important;
        background-position: center bottom;
        max-height: 325px!important;
    }

   

    .affiliation-logo{max-width:200px; margin:0px auto; text-align: center;} 

    .hero-slider .caption-container h1 {
        font-size: 3.3rem;
    }

    .home .carousel.block .background-image {
        min-height: 350px!important;
        background-position: center center;
        max-height: 350px!important;
      
    }

    .hero-slider .caption-container .caption-background.dark,.hero-slider .caption-container .caption-background.light{
        background: transparent;
    }
    

    }


    @media screen and (max-width: 639px) {
        .carousel.block .background-image {
            min-height: 400px!important;
            background-position: center center;
            max-height: 400px!important;
            
        }

        .home .carousel.block .background-image {
            min-height: 280px!important;
            background-position: center center;
            max-height: 280px!important;
          
        }
      }


    @media screen and (max-width: 479px) {
       
    }
   
   @media screen and (max-width: 375px) {
    .carousel.block .background-image {
        min-height: 400px!important;
        background-position: center center;
        max-height: 400px!important;
      
    }  
    }

    
/**********************************************************
TABS - WIDGET
***********************************************************/
/*.js-plethoraplugins-tab-panel{
    padding:3rem 2rem;
}*/

.plethoraplugins-tabs{
    display: flex!important;
    align-items: center;
    justify-content: center;
    padding-bottom: 2rem!important;
}
.js-plethoraplugins-tabs--link{
    font-size: 1em;
    font-weight: 500;
    cursor: pointer;
    line-height: 1;
    border: 2px solid #021d49;
    color:#021d49;
    border-radius: 50px;
    /*margin: 0 0 1.111em 0;*/
    position: relative;
    text-decoration: none;
    text-align: center;
    -webkit-appearance: none;
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .75em 2.2857em;
}
.active.js-plethoraplugins-tabs--link{
    border: 2px solid #021d49;
    color:#ffffff!important;
    background-color:#021d49;
}

.plethoraplugins-tabs-container--horizontal.plethoraplugins-theme__minimal.plethoraplugins-theme__minimal .plethoraplugins-tabs a.active{
    text-decoration: none;
    color:#fff;
}

@media only screen and (max-width: 842px){
.plethoraplugins-tabs-container--horizontal[data-pds-tabs--responsive=accordion] .plethoraplugins-accordion {
    width: 100%;
}

.plethoraplugins-accordion.plethoraplugins-theme__minimal .pds-accordion__title {
    cursor: pointer;
    padding-right: 2rem;
    position: relative;
    min-height: 50px;
    display: inline-flex;
    display: flex;
    align-items: center;
    margin: 1rem 0rem;
}

.plethoraplugins-accordion.plethoraplugins-theme__minimal .pds-accordion__icon {
    box-sizing: border-box;
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: transform .2s;
    background-repeat: no-repeat;
    width: 42px;
    height: 42px;
    min-width: 42px;
    margin-left: 20px;
    border-radius: 50px;
    background-color: var(--wp--preset--color--secondary);
    color: #fff;
    padding: 1rem;
}

}
/**********************************************************
SHAPES
***********************************************************/
.shape {
    position: absolute;
}

.slider-shape {
    left: -8%;
    bottom: -8%;
    max-width: 683px;
    color: #ecb255;
    animation: toLeft 0.5s ease forwards;
}

@-webkit-keyframes toLeft {
    0% {
       /*transform: translateX(25%);*/
        transform: translate3d(75%,0%,0) scale(1.5);
    }
    100% {
        transform: translate3d(0,0,0) scale(1);  
    }
  }

.hero-svg-container{ 
    position: absolute;
    left: -8%;
    bottom: -8%;
    cursor: pointer;}

.currentColor{fill:#ecb255;}


/*HIDE SHOW WIDGET*/
.wp-block-happyprime-show-hide-group details > summary:first-of-type{
 list-style:none!important;
}
.wp-block-happyprime-show-hide-group details > summary:last-of-type{

}

.show-wrapper{
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
.show-effect .wp-block-group:nth-child(2){
    width: 100%;
    display: none;
}
.show-effect .wp-block-buttons{
    margin-top: 50px !important;
}
.show .show-effect .wp-block-group:last-child{
    display: block;
}
    
.show .show-effect .wp-block-group:first-child{
    display: none;
    margin-top: -20px !important;
}

/************************************************************
* CONTACT 
*************************************************************/
.contactInfo p span, .contactInfo nav span {color: #003A70;font-weight: 700; display: block; font-size:1.25rem; margin-left:-1.2rem;}
.contactInfo p{font-size:1.125rem; margin-left:1.2rem;}
.contactInfo a{color: inherit; text-decoration: none; font-weight: inherit;}

#map-holders {
    position: relative;
}

.last {
    margin-bottom: 0 !important;
    padding-bottom: 0!important;
}

.acf-map {
    min-height: 90vh;
    border: #ccc solid 0px;
    position: relative;
}

.contactformContainer{padding:2rem 2rem;    }

.marker.main{z-index: 9999;}

#points-of-interest h4{text-transform: capitalize;}

.acf-map .gm-style-iw.gm-style-iw-c{max-width:300px!important;}

ul.poi-list li{line-height:1.5!important;}

/************************************************************
* SEARCH
*************************************************************/

span.avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    line-height: 1.7;
    letter-spacing: -0.01rem;
    border-radius: 100%;
    height: 4rem;
    width: 4rem;
    background-color: #003A70;
    color:#fff;
    margin-right: .75rem;
    text-transform: uppercase;
    padding: 1em 1em;
    font-size:.5em;
}

p span.excerpt_part{color:inherit;font-weight:inherit;font-size:inherit;}

/************************************************************
* CUSTOM HEIGHTS & COLUMNS
*************************************************************/

.min750{min-height:750px;}

.wp-block-group.family-fun-nights{position: relative;}
.wp-block-group.family-fun-nights .wp-block-column.right-image{position:absolute; right:5%; width:432px; height:auto;}



.group-listings{max-width:100%!important;}
.group-listings h3 a{text-decoration: none;}
.group-listings:nth-child(odd){ background-color: var(--wp--preset--color--secondary) !important;}
.group-listings:nth-child(odd) h3, .group-listings:nth-child(odd) p{ color:#fff;}
.group-listings:nth-child(odd) h3 a{color:#fff;}
.group-listings:nth-child(odd) .button{
    font-size: 1em;
    font-weight: 500;
    cursor: pointer;
    line-height: 1;
    border: 2px solid #ffffff;
    border-radius: 0.4em;
    margin: 0 0 1.111em 0;
    position: relative;
    text-decoration: none;
    text-align: center;
    -webkit-appearance: none;
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.75em 2.2857em;
    outline: none;
    transition: all 200ms ease;
    color: #fff;
    background-color: transparent;}

    .group-listings:nth-child(.group-listings:nth-child(odd)) .button:hover {
        opacity: .9;
        color: #ffffff;
        background-color: transparent;
        transition: transform 500ms cubic-bezier(0.85, 0, 0.15, 1);
        will-change: transform;
    }

.listings{max-width:100%!important;}
.listings h3 a{text-decoration: none;}

@media (max-width: 1023px){
.wp-block-columns.wp-container-core-columns-is-layout-2{flex-wrap:wrap!important;}

}
/*************************************************
*EVENTS
**************************************************/
.single-tribe_events .tribe-blocks-editor .tribe-events-schedule .tribe-events-schedule__datetime{
    font-weight: 500!important;
    letter-spacing: normal;
    line-height: 1.63;
}

.tribe-events-schedule__separator { color: var(--wp--preset--color--secondary)!important;}

.tribe-embed a, .tribe-events-event-meta a, .tribe-events-single a {
    color: inherit!important;
}

.tribe-events-single a.wp-block-file__button.wp-element-button{color:#fff!important;}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container, .tribe-events .tribe-events-l-container {
    padding-top: 0!important;
}

#tribe-events-footer .tribe-events-sub-nav, #tribe-events-header .tribe-events-sub-nav {margin: 0!important;}
.tribe-events-single  #tribe-events-footer ul li span{display:initial!important;}
.tribe-events .tribe-events-c-search__button, .tribe-events button.tribe-events-c-search__button {
    background-color: var(--wp--preset--color--secondary);
    background-image: none;
    box-shadow: none;
    color: #fff;
    font-style: normal;
    outline: none;
    text-decoration: none;
    text-shadow: none;
}

.tribe-events .tribe-events-c-search__button:focus, .tribe-events .tribe-events-c-search__button:hover, .tribe-events button.tribe-events-c-search__button:focus, .tribe-events button.tribe-events-c-search__button:hover {
    background-color: var(--wp--preset--color--primary);
    border: none;
    box-shadow: none;
    color: #fff;
    font-size: var(--tec-font-size-2);
    font-style: normal;
    outline: none;
    text-decoration: none;
    text-shadow: none;
}
.tribe-common .tribe-common-c-btn-border, .tribe-common a.tribe-common-c-btn-border {
    color: var(--wp--preset--color--secondary);
    font-family: var(--tec-font-family-sans-serif);
    font-size: var(--tec-font-size-2);
    line-height: var(--tec-line-height-3);
    font-weight: var(--tec-font-weight-regular);
    font-weight: var(--tec-font-weight-bold);
    border: 0;
    cursor: pointer;
    display: inline-block;
    height: auto;
    padding: 0;
    text-decoration: none;
    width: auto;
    background-color: var(--tec-color-background);
    border: 1px solid var(--wp--preset--color--secondary);
    border-radius: var(--tec-border-radius-default);
    text-align: center;
    transition: var(--tec-transition);
    color: var(--wp--preset--color--secondary);
    padding: 11px 20px;
    width: 100%;
}
.tribe-common h1 {font-weight: 600;}

.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button.tribe-events-c-subscribe-dropdown__button--active, .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus, .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within, .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button.tribe-events-c-subscribe-dropdown__button--active, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover {
    background-color: var(--wp--preset--color--secondary);
    color: var(--tec-color-background);
}

.tribe-events .tribe-events-calendar-month__day-cell--selected, .tribe-events .tribe-events-calendar-month__day-cell--selected:focus, .tribe-events .tribe-events-calendar-month__day-cell--selected:hover {
    background-color: var(--wp--preset--color--secondary);
}

ol.tribe-events-c-breadcrumbs__list li::before{display: none;}
ol.tribe-events-c-breadcrumbs__list li{list-style: inherit;}
ol.tribe-events-c-breadcrumbs__list li span{font-size: inherit; color:inherit;}
#tribe-events-content{padding:initial;margin:initial;}
#tribe-events-pg-template, .tribe-events-pg-template {
    margin: 0 auto;
    max-width: initial;
    max-width: initial;
    min-height: 100vh;
    z-index: 10;
    background-color: #ffff;
}
.events-list #tribe-events-footer, .single-tribe_events #tribe-events-footer, .tribe-events-day #tribe-events-footer, .tribe-events-map #tribe-events-footer, .tribe-events-photo #tribe-events-footer{
    border-top: 0px solid #e5e5e5;
    padding-top: 2em;
}
#tribe-events-footer {
    margin-bottom: 0em;
}

#tribe-events-pg-template, .tribe-events-pg-template {
    background-color: #fff;
    padding: initial;
}
.tribe-events-view {
    position: relative;
    width: 100%;
 /*    min-height: 100vh; */
    overflow: hidden;
    z-index: 10;
  }

  .tribe-events-view.tribe-events-view--widget-events-list{background-color: transparent;}

  .tribe-common .tribe-common-l-container {
    width: 100%!important;
    min-height: 100vh;
    overflow: hidden;
    background: #fff;
  }

 ul li.tribe_events span {
    display: inline-block;
}
.events ul, .events ol {
    margin: 1.000em 1.778em;
    padding: 0;
}
.tribe_events h2, .tribe_events h3{text-transform: none;}

.events figure{position: relative;}

.events .simpleParallax{overflow: hidden; border-radius: 8px;}

.events figure .simpleParallax img {
    display: block;
    transition: transform 1s ease;
}
.events figure:hover .simpleParallax img {
    transform: scale(1.06)!important;
}

.tribe-events-calendar-row.tribe_events_cat-static.cat_static{display:none!important;}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-details {
    width: calc(var(--tec-grid-width-1-of-8)* 4)!important;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-featured-image-wrapper {
    margin-bottom: 0;
    width: calc(var(--tec-grid-width-1-of-8)* 4)!important;
}

.tribe-events .tribe-events-calendar-list__event-featured-image, .tribe-events .size-now-thumb {border-radius: 8px;}

.tribe-common .tribe-common-g-row {
    align-items: center;
}
.tribe-common .tribe-common-g-row.list {
    align-items: start;
}
.tribe-common .tribe-common-l-container{width:1360px;}

/**********************
SHAPE ANIMATIONS
***********************/
.animated { 
    -webkit-animation-duration: 1s; 
    animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
} 
.slow{
     -webkit-animation-duration: 1.5s; 
    animation-duration: 1.5s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
}
.slower{
     -webkit-animation-duration: 2s; 
    animation-duration: 2s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
}
.slowest{
     -webkit-animation-duration: 3s; 
    animation-duration: 3s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
}

/* Added by Andy Meetan */

.delay-100{
    -webkit-animation-delay:0.10s;
    -moz-animation-delay:0.10s;
    -o-animation-delay:0.10s;
    animation-delay:0.10s;	
	
}
.delay-250 {
    -webkit-animation-delay:0.25s;
    -moz-animation-delay:0.25s;
    -o-animation-delay:0.25s;
    animation-delay:0.25s;
}
.delay-500 {
    -webkit-animation-delay:0.5s;
    -moz-animation-delay:0.5s;
    -o-animation-delay:0.5s;
    animation-delay:0.5s;
}
.delay-750 {
    -webkit-animation-delay:0.75s;
    -moz-animation-delay:0.75s;
    -o-animation-delay:0.75s;
    animation-delay:0.75s;
}
.delay-1000 {
    -webkit-animation-delay:1.0s;
    -moz-animation-delay:1.0s;
    -o-animation-delay:1.0s;
    animation-delay:1.0s;
}
.delay-1250 {
    -webkit-animation-delay:1.25s;
    -moz-animation-delay:1.25s;
    -o-animation-delay:1.25s;
    animation-delay:1.25s;
}
.delay-1500 {
    -webkit-animation-delay:1.5s;
    -moz-animation-delay:1.5s;
    -o-animation-delay:1.5s;
    animation-delay:1.5s;
}
.delay-1750 {
    -webkit-animation-delay:1.75s;
    -moz-animation-delay:1.75s;
    -o-animation-delay:1.75s;
    animation-delay:1.75s;
}
.delay-2000 {
    -webkit-animation-delay:2.0s;
    -moz-animation-delay:2.0s;
    -o-animation-delay:2.0s;
    animation-delay:2.0s;
}
.delay-2500 {
    -webkit-animation-delay:2.5s;
    -moz-animation-delay:2.5s;
    -o-animation-delay:2.5s;
    animation-delay:2.5s;
}
.delay-2000 {
    -webkit-animation-delay:2.0s;
    -moz-animation-delay:2.0s;
    -o-animation-delay:2.0s;
    animation-delay:2.0s;
}
.delay-2500 {
    -webkit-animation-delay:2.5s;
    -moz-animation-delay:2.5s;
    -o-animation-delay:2.5s;
    animation-delay:2.5s;
}
.delay-3000 {
    -webkit-animation-delay:3.0s;
    -moz-animation-delay:3.0s;
    -o-animation-delay:3.0s;
    animation-delay:3.0s;
}
.delay-3500 {
    -webkit-animation-delay:3.5s;
    -moz-animation-delay:3.5s;
    -o-animation-delay:3.5s;
    animation-delay:3.5s;
}
/*********************
* fadeInUp Square to Circle
*********************/
@-webkit-keyframes fadeInUpShortCircle { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(20px); 
		/*-webkit-transform-origin: center center; 
        -webkit-transform: rotate(-200deg); */
		
		border-radius:0;
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
		/*-webkit-transform-origin: center center; 
        -webkit-transform: rotate(0);*/ 
		border-radius:50%;
    } 
} 

@keyframes fadeInUpShortCircle { 
    0% { 
        opacity: 0; 
        transform: translateY(20px); 
		/*transform-origin: center center; 
        transform: rotate(-200deg); */
		border-radius:0;
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
		/*transform-origin: center center; 
        transform: rotate(0); */
		border-radius:50%;
    } 
} 
.fadeInUpShortCircle{
    opacity: 0; 
    -webkit-transform: translateY(20px); 
    transform: translateY(20px); 
	border-radius:0;
	position: relative;
}

/*figure::before .fadeInUpShortCircle{width:100px; height:100px; background-color:#ffffff; content:' '; position: absolute; margin:0px auto; z-index: 1;}*/
.fadeInUpShortCircle.go { 
    -webkit-animation-name: fadeInUpShortCircle; 
    animation-name: fadeInUpShortCircle; 
}

/*********************
* fadeInUp Circle to Square
**********************/
@-webkit-keyframes fadeOutShortCircleSquare { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(20px); 
		/*-webkit-transform-origin: center center; 
        -webkit-transform: rotate(-200deg); */
		
		border-radius:50%;
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
		/*-webkit-transform-origin: center center; 
        -webkit-transform: rotate(0);*/ 
		border-radius:0%;
    } 
} 

@keyframes fadeOutShortCircleSquare { 
    0% { 
        opacity: 0; 
        transform: translateY(20px); 
		/*transform-origin: center center; 
        transform: rotate(-200deg); */
		border-radius:50%;
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
		/*transform-origin: center center; 
        transform: rotate(0); */
		border-radius:0;
    } 
} 
.fadeOutShortCircleSquare{
    opacity: 0; 
    -webkit-transform: translateY(20px); 
    transform: translateY(20px); 
	border-radius:0;
	position: relative;
}

/*figure::before .fadeInUpShortCircle{width:100px; height:100px; background-color:#ffffff; content:' '; position: absolute; margin:0px auto; z-index: 1;}*/
.fadeOutShortCircleSquare.go { 
    -webkit-animation-name: fadeOutShortCircleSquare; 
    animation-name: fadeOutShortCircleSquare; 
}


/*********************
* fadeInUp Square to Right Circle
*********************/
@-webkit-keyframes fadeInUpShortRightCircle { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(20px); 
		/*-webkit-transform-origin: center center; 
        -webkit-transform: rotate(-200deg); */
		border-radius:0 0 0 0;
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
		/*-webkit-transform-origin: center center; 
        -webkit-transform: rotate(0);*/ 
		border-radius:0 50% 50% 0;
    } 
} 

@keyframes fadeInUpShortRightCircle { 
    0% { 
        opacity: 0; 
        transform: translateY(20px); 
        transform:translate3d(-50px,0,0);
		/*transform-origin: center center; 
        transform: rotate(-200deg); */
		border-radius:0 0 0 0;
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
        transform:translate3d(0);
		/*transform-origin: center center; 
        transform: rotate(0); */
		border-radius:0 50% 50% 0;
    } 
} 
.fadeInUpShortRightCircle{
    opacity: 0; 
    -webkit-transform: translateY(20px); 
    transform: translateY(20px); 
	border-radius:0 0 0 0;
}
.fadeInUpShortRightCircle.go { 
    -webkit-animation-name: fadeInUpShortRightCircle; 
    animation-name: fadeInUpShortRightCircle; 
}


/*********************
* fadeInUp Square to Left Circle
*********************/
@-webkit-keyframes fadeInUpShortLeftCircle { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(20px); 
		/*-webkit-transform-origin: center center; 
        -webkit-transform: rotate(-200deg); */
		border-radius:0 0 0 0;
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
		/*-webkit-transform-origin: center center; 
        -webkit-transform: rotate(0);*/ 
		border-radius:0 0 50% 50%;
    } 
} 

@keyframes fadeInUpShortLeftCircle { 
    0% { 
        opacity: 0; 
        transform: translateY(20px); 
		/*transform-origin: center center; 
        transform: rotate(-200deg); */
		border-radius:0 0 0 0;
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
		/*transform-origin: center center; 
        transform: rotate(0); */
		border-radius:0 0 50% 50%;
    } 
} 
.fadeInUpShortLeftCircle{
    opacity: 0; 
    -webkit-transform: translateY(20px); 
    transform: translateY(20px); 
	border-radius:0 0 0 0;
}
.fadeInUpShortLeftCircle.go { 
    -webkit-animation-name: fadeInUpShortLeftCircle; 
    animation-name: fadeInUpShortLeftCircle; 
}

/*********************
* fadeInUp Square to Circle Left Top Point
*********************/
@-webkit-keyframes fadeInUpShortLeftCircleTopPoint { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(20px); 
		/*-webkit-transform-origin: center center; 
        -webkit-transform: rotate(-200deg); */
		border-radius:0 0 0 0;
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
		/*-webkit-transform-origin: center center; 
        -webkit-transform: rotate(0);*/ 
		border-radius:0 50% 50% 50%;
    } 
} 

@keyframes fadeInUpShortLeftCircleTopPoint { 
    0% { 
        opacity: 0; 
        transform: translateY(20px); 
		/*transform-origin: center center; 
        transform: rotate(-200deg); */
		border-radius:0 0 0 0;
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
		/*transform-origin: center center; 
        transform: rotate(0); */
		border-radius:0 50% 50% 50%;
    } 
} 
.fadeInUpShortLeftCircleTopPoint{
    opacity: 0; 
    -webkit-transform: translateY(20px); 
    transform: translateY(20px); 
	border-radius:0 0 0 0;
}
.fadeInUpShortLeftCircleTopPoint.go { 
    -webkit-animation-name: fadeInUpShortLeftCircleTopPoint; 
    animation-name: fadeInUpShortLeftCircleTopPoint; 
}


/*********************
* fadeInUp Square to Circle Left Bottom Point
*********************/
@-webkit-keyframes fadeInUpShortLeftCircleBtnPoint { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(20px); 
		/*-webkit-transform-origin: center center; 
        -webkit-transform: rotate(-200deg); */
		border-radius:0 0 0 0;
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
		/*-webkit-transform-origin: center center; 
        -webkit-transform: rotate(0);*/ 
		border-radius:100px 100px 100px 0;
    } 
} 

@keyframes fadeInUpShortLeftCircleBtnPoint { 
    0% { 
        opacity: 0; 
        transform: translateY(20px); 
		/*transform-origin: center center; 
        transform: rotate(-200deg); */
		border-radius:0 0 0 0;
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
		/*transform-origin: center center; 
        transform: rotate(0); */
		border-radius:100px 100px 100px 0;
    } 
} 
.fadeInUpShortLeftCircleBtnPoint{
    opacity: 0; 
    -webkit-transform: translateY(20px); 
    transform: translateY(20px); 
	border-radius:0 0 0 0;
    animation-fill-mode: forwards;
}
.fadeInUpShortLeftCircleBtnPoint.go { 
    -webkit-animation-name: fadeInUpShortLeftCircleBtnPoint; 
    animation-name: fadeInUpShortLeftCircleBtnPoint; 
}

/*********************
* fadeInUp Square to Circle Right Top Point
*********************/
@-webkit-keyframes fadeInUpShortRightCircleTopPoint { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(20px); 
		/*-webkit-transform-origin: center center; 
        -webkit-transform: rotate(-200deg); */
		border-radius:0 0 0 0;
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
		/*-webkit-transform-origin: center center; 
        -webkit-transform: rotate(0);*/ 
		border-radius:50% 0 50%  50%;
    } 
} 

@keyframes fadeInUpShortRightCircleTopPoint { 
    0% { 
        opacity: 0; 
        transform: translateY(20px); 
		/*transform-origin: center center; 
        transform: rotate(-200deg); */
		border-radius:0 0 0 0;
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
		/*transform-origin: center center; 
        transform: rotate(0); */
		border-radius:50% 0 50% 50%;
    } 
} 
.fadeInUpShortRightCircleTopPoint{
    opacity: 0; 
    -webkit-transform: translateY(20px); 
    transform: translateY(20px); 
	border-radius:0 0 0 0;
}
.fadeInUpShortRightCircleTopPoint.go { 
    -webkit-animation-name: fadeInUpShortRightCircleTopPoint; 
    animation-name: fadeInUpShortRightCircleTopPoint; 
}


/*********************
* fadeInUp Square to Triangle Bottom Left
*********************/
@-webkit-keyframes fadeInUpShortLeftBottomTriangle { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(20px); 
		/*-webkit-transform-origin: center center; 
        -webkit-transform: rotate(-200deg); */
		border-radius:0 0 0 0;
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
		/*-webkit-transform-origin: center center; 
        -webkit-transform: rotate(0);*/ 
		border-radius:0 0 0 90%;
    } 
} 

@keyframes fadeInUpShortLeftBottomTriangle { 
    0% { 
        opacity: 0; 
        transform: translateY(20px); 
		/*transform-origin: center center; 
        transform: rotate(-200deg); */
		border-radius:0 0 0 0;
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
		/*transform-origin: center center; 
        transform: rotate(0); */
		border-radius:0 0 0 90%;
    } 
} 
.fadeInUpShortLeftBottomTriangle{
    opacity: 0; 
    -webkit-transform: translateY(20px); 
    transform: translateY(20px); 
	border-radius:0 0 0 0;
}
.fadeInUpShortLeftBottomTriangle.go { 
    -webkit-animation-name: fadeInUpShortLeftBottomTriangle; 
    animation-name: fadeInUpShortLeftBottomTriangle; 
}


/*********************
* fadeInUp Square to Triangle Top Left
*********************/
@-webkit-keyframes fadeInUpShortLeftTopTriangle { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(20px); 
		/*-webkit-transform-origin: center center; 
        -webkit-transform: rotate(-200deg); */
		border-radius:0 0 0 0;
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
		/*-webkit-transform-origin: center center; 
        -webkit-transform: rotate(0);*/ 
		border-radius:90% 0 0 0;
    } 
} 

@keyframes fadeInUpShortLeftTopTriangle { 
    0% { 
        opacity: 0; 
        transform: translateY(20px); 
		/*transform-origin: center center; 
        transform: rotate(-200deg); */
		border-radius:0 0 0 0;
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
		/*transform-origin: center center; 
        transform: rotate(0); */
		border-radius:90% 0 0 0;
    } 
} 
.fadeInUpShortLeftTopTriangle{
    opacity: 0; 
    -webkit-transform: translateY(20px); 
    transform: translateY(20px); 
	border-radius:0 0 0 0;
}
.fadeInUpShortLeftTopTriangle.go { 
    -webkit-animation-name: fadeInUpShortLeftTopTriangle; 
    animation-name: fadeInUpShortLeftTopTriangle; 
}

/*********************
* fadeInUp Square to Triangle Bottom Right
*********************/
@-webkit-keyframes fadeInUpShortRightBottomTriangle { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(20px); 
		/*-webkit-transform-origin: center center; 
        -webkit-transform: rotate(-200deg); */
		border-radius:0 0 0 0;
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
		/*-webkit-transform-origin: center center; 
        -webkit-transform: rotate(0);*/ 
		border-radius:0 90% 0 0;
    } 
} 

@keyframes fadeInUpShortRightBottomTriangle { 
    0% { 
        opacity: 0; 
        transform: translateY(20px); 
		/*transform-origin: center center; 
        transform: rotate(-200deg); */
		border-radius:0 0 0 0;
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
		/*transform-origin: center center; 
        transform: rotate(0); */
		border-radius:0 90% 0 0;
    } 
} 
.fadeInUpShortRightBottomTriangle{
    opacity: 0; 
    -webkit-transform: translateY(20px); 
    transform: translateY(20px); 
	border-radius:0 0 0 0;
}
.fadeInUpShortRightBottomTriangle.go { 
    -webkit-animation-name: fadeInUpShortRightBottomTriangle; 
    animation-name: fadeInUpShortRightBottomTriangle; 
}


/*********************
* fadeInUp Square to Triangle Top Right
*********************/
@-webkit-keyframes fadeInUpShortRightTopTriangle { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(20px); 
		/*-webkit-transform-origin: center center; 
        -webkit-transform: rotate(-200deg); */
		border-radius:0 0 0 0;
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
		/*-webkit-transform-origin: center center; 
        -webkit-transform: rotate(0);*/ 
		border-radius:0 0 90% 0;
    } 
} 

@keyframes fadeInUpShortRightTopTriangle { 
    0% { 
        opacity: 0; 
        transform: translateY(20px); 
		/*transform-origin: center center; 
        transform: rotate(-200deg); */
		border-radius:0 0 0 0;
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
		/*transform-origin: center center; 
        transform: rotate(0); */
		border-radius: 0 0 90% 0;
    } 
} 
.fadeInUpShortRightTopTriangle{
    opacity: 0; 
    -webkit-transform: translateY(20px); 
    transform: translateY(20px); 
	border-radius:0 0 0 0;
}
.fadeInUpShortRightTopTriangle.go { 
    -webkit-animation-name: fadeInUpShortRightTopTriangle; 
    animation-name: fadeInUpShortRightTopTriangle; 
}

/************
* fadeOutLeftShort *
*************/
@-webkit-keyframes fadeOutLeftShort { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateX(30); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateX(-30px); 
    } 
} 
@keyframes fadeOutLeftShort { 
    0% { 
        opacity: 0; 
        transform: translateX(30); 
    } 
    100% { 
        opacity: 1; 
        transform: translateX(-30px); 
    } 
} 
.fadeOutLeftShort.go { 
    -webkit-animation-name: fadeOutLeftShort; 
    animation-name: fadeOutLeftShort; 
}

/************
* fadeOutRightShort *
*************/
@-webkit-keyframes fadeOutRightShort { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateX(-60px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateX(30px); 
    } 
} 
@keyframes fadeOutRightShort { 
    0% { 
        opacity: 0; 
        transform: translateX(-60px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateX(30px); 
    } 
} 
.fadeOutRightShort.go { 
    -webkit-animation-name: fadeOutRightShort; 
    animation-name: fadeOutRightShort; 
}