body{
    font-size: 16px;
    line-height: 1.4;
}
strong, b {
    font-weight: bold;
}
.is-wrapper p,.is-wrapper li,.is-wrapper input,.is-wrapper span {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Roboto',Arial,Helvetica,sans-serif;
}
.is-wrapper h1,.is-wrapper h2,.is-wrapper h3,.is-wrapper h4,.is-wrapper h5,.is-wrapper h6 {
    font-family: 'Roboto',Arial,Helvetica,sans-serif;
    font-variant-ligatures: common-ligatures;
}
.is-wrapper h1.is-title-bold, .is-wrapper h2.is-title-bold, .is-wrapper h3.is-title-bold, 
.is-wrapper h4.is-title-bold, .is-wrapper h5.is-title-bold, .is-wrapper h6.is-title-bold {
    font-weight: 700;
}
.is-dark-text, .is-dark-text h1, .is-dark-text h2, .is-dark-text h3, .is-dark-text h4, .is-dark-text h5, .is-dark-text h6, .is-dark-text p, .is-dark-text li {
    color: #4f4f4f;
}
.is-wrapper .card .card-foot{
    padding: 0 1.500em 2.000em 1.500em;
}
.is-wrapper a.is-btn-ghost1, .is-wrapper a.is-btn-ghost2, 
.is-wrapper button.is-btn-ghost1, .is-wrapper button.is-btn-ghost2 {
    font-size: 1em;
    letter-spacing: 0.150em;
    line-height: 1.5;    
    font-family: 'Roboto',Arial,Helvetica,sans-serif;
    padding: 0.50em 1em;
}
.is-wrapper a.is-btn-ghost1.btn-lg, .is-wrapper a.is-btn-ghost2.btn-lg, 
.is-wrapper button.is-btn-ghost1.btn-lg, .is-wrapper button.is-btn-ghost2.btn-lg,
.is-wrapper a.is-btn-ghost1.is-btn-large, .is-wrapper a.is-btn-ghost2.is-btn-large, 
.is-wrapper button.is-btn-ghost1.is-btn-large, .is-wrapper button.is-btn-ghost2.is-btn-large {
    padding: 1.000em 5.000em;
    font-size: 1.25em;
}
.is-wrapper a.is-btn-ghost1.btn-sm, .is-wrapper a.is-btn-ghost2.btn-sm, 
.is-wrapper button.is-btn-ghost1.btn-sm, .is-wrapper button.is-btn-ghost2.btn-sm,
.is-wrapper a.is-btn-ghost1.is-btn-small, .is-wrapper a.is-btn-ghost2.is-btn-small, 
.is-wrapper button.is-btn-ghost1.is-btn-small, .is-wrapper button.is-btn-ghost2.is-btn-small {
    padding: 0.500em 1.500em;
    font-size: .65em;
}
@media(min-width:769px){
.is-wrapper .is-btn-group .is-btn + .is-btn{
    margin-left: 0.5em; 
}
}
@media(max-width:768px){
.is-wrapper .is-btn-group .is-btn + .is-btn{
    margin-top: 0.5em; 
}
}
/* ghost1 dark-text */
.is-dark-text .is-btn-ghost1,
.is-light-text .is-dark-text .is-btn-ghost1 {
    color: #20e0fb;
    border: 2px solid #20e0fb;
    background: transparent;
}
    .is-dark-text .is-btn-ghost1:hover, .is-dark-text .is-btn-ghost1:active, .is-dark-text .is-btn-ghost1:focus,
    .is-light-text .is-dark-text .is-btn-ghost1:hover, .is-light-text .is-dark-text .is-btn-ghost1:active, .is-light-text .is-dark-text .is-btn-ghost1:focus {
        color: #fff;
    	background-color: #20e0fb;
    	border: 2px solid #20e0fb;
    }
/* ghost1 light-text */
.is-light-text .is-btn-ghost1,
.is-dark-text .is-light-text .is-btn-ghost1 {
    color: #eeeff0;
    	background-color: transparent;
    	border: 2px solid #eeeff0;
}
    .is-light-text .is-btn-ghost1:hover, .is-light-text .is-btn-ghost1:active, .is-light-text .is-btn-ghost1:focus,
    .is-dark-text .is-light-text .is-btn-ghost1:hover, .is-dark-text .is-light-text .is-btn-ghost1:active, .is-dark-text .is-light-text .is-btn-ghost1:focus {
        color: #20e0fb;
    	border: 2px solid #eeeff0;
    	background-color: #eeeff0;
    }
/* ghost2 dark-text */
.is-dark-text .is-btn-ghost2,
.is-light-text .is-dark-text .is-btn-ghost2 {
    color: #000000;
    border: 2px solid #20e0fb;
    background-color:#20e0fb;
}
    .is-dark-text .is-btn-ghost2:hover, .is-dark-text .is-btn-ghost2:active, .is-dark-text .is-btn-ghost2:focus,
    .is-light-text .is-dark-text .is-btn-ghost2:hover, .is-light-text .is-dark-text .is-btn-ghost2:active, .is-light-text .is-dark-text .is-btn-ghost2:focus {
        color: #20e0fb;
        border: 2px solid #20e0fb;
        background: transparent;
    }
    /* ghost2 light-text */
.is-light-text .is-btn-ghost2,
.is-dark-text .is-light-text .is-btn-ghost2 {
    color: #20e0fb;
    border: 2px solid #20e0fb;
    background-color: transparent;
}
    .is-light-text .is-btn-ghost2:hover, .is-light-text .is-btn-ghost2:active, .is-light-text .is-btn-ghost2:focus,
    .is-dark-text .is-light-text .is-btn-ghost2:hover, .is-dark-text .is-light-text .is-btn-ghost2:active, .is-dark-text .is-light-text .is-btn-ghost2:focus {
        color: #000000;
    	background-color: #20e0fb;
    	border: 2px solid #20e0fb;
    }

.bottom-seprator:before{
content: "";
    height: 08px;
    width: 70%;
    background: #20e0fb;
    position: absolute;
    bottom: 0;
    left: 20%;
    border-radius: 5px;
}

.bn632-hover {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  margin: 20px;
  text-align:center;
  border: none;
  background-size: 300% 100%;
  border-radius: 50px;
  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.bn632-hover:hover {
  text-decoration: none;
  background-position: 100% 0;
  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.bn632-hover:focus {
  outline: none;
}

.bn632-hover.bn26 {
  background-image: linear-gradient(
    to right,
    #25aae1,
    #4481eb,
    #04befe,
    #3f86ed
  );
  box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75);
}

.bn632-hover.bn18 {
    background-image: linear-gradient( to right, #25aae1, #40e495, #30dd8a, #2bb673 );
    box-shadow: 0 4px 15px 0 rgb(49 196 190 / 75%);
}

.home{
font-family: 'Prata', serif;
}

.bn47 {
  position: relative;
  padding: 1rem 2rem 0.5rem 2.5rem;
  color: rgb(68, 68, 68);
  border: 3px solid rgb(68, 68, 68);  
  -webkit-transition: padding 0.3s ease-in-out;
  transition: padding 0.3s ease-in-out;
  text-decoration: none;
  font-weight: bold;
  font-family: 'DM Serif Display', serif;
  font-size: 20px;
}

.bn47:before {
  content: "";
   color: rgb(68, 68, 68);
  position: absolute;  
  top: 0.5rem;
  left: 0.5rem;
  z-index: -1;
  height: 100%;
  width: 100%;
  background-color: #D88421;
  border-right: 3px solid #D88421;
  border-bottom: 3px solid #D88421;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
  font-weight: bold;
  font-family: 'DM Serif Display', serif;  
}

.bn47:hover {
  padding: 0.75rem 2.25rem;
  text-decoration: none;
   color: rgb(68, 68, 68);
   font-weight: bold;
   font-family: 'DM Serif Display', serif;
   
}

.bn47:hover:before {
  top: 0;
  left: 0;
  text-decoration: none;
   color: rgb(68, 68, 68);
   font-family: 'DM Serif Display', serif;
   font-weight: bold;   
}

.bn32 
{
  border-color: #ffffff;
  padding: 0.6em 2.3em;
  cursor: pointer;
  font-size: 1em;
  color: #ffffff;
  background-image: linear-gradient(45deg, transparent 50%, #444444 50%);
  background-position: 25%;
  background-size: 400%;
  -webkit-transition: background 500ms ease-in-out, color 500ms ease-in-out;
  transition: background 500ms ease-in-out, color 800ms ease-in-out;
}

.bn32:hover {
  color: #ffffff;
  background-position: 100%;
}

.bn13 {
  display: inline-block;
  padding: 0.65em 1.6em;
  border: 3px solid #000000;
  margin: 0 0.3em 0.3em 0;
  border-radius: 25px;
  box-sizing: border-box;
  text-decoration: none;
  color: #000000;
  text-align: center;
  transition: all 0.2s;
  animation: bn13bouncy 5s infinite linear;
  position: relative;
  font-family: Poppins;
  font-weight: bold;
}

.bn13:hover {
  background-color: #000000;
  color: #fff;
  text-decoration: none;
}
.menubar .menu-item .menu-link{
    font-family: Intervariable, sans-serif;
    letter-spacing: 0;
    border-radius: .625rem;
    font-size: .875rem;
    font-weight: 500;
    text-decoration: none;

}
.menubar .menu-link, .menubar .menubar-toggler, .menubar .menu-item .submenu-icon {
    
    padding-left: 2px;
    
}
.menubar-brand{
height: 15px;
}
@keyframes bn13bouncy {
  0% {
    top: 0em;
  }
  40% {
    top: 0em;
  }
  43% {
    top: -0.9em;
  }
  46% {
    top: 0em;
  }
  48% {
    top: -0.4em;
  }
  50% {
    top: 0em;
  }
  100% {
    top: 0em;
  }
}
.size-85 { font-size: 85px; }
.size-55 { font-size: 55px; }
.size-35 { font-size: 35px; }
.size-33 { font-size: 33px; }
.size-25 { font-size: 25px; }

@media(max-width:768px){
.size-85 { font-size: 50px; }
.size-55 { font-size: 40px; }
.size-25 { font-size: 21px; }
}