.thumbnail .box .novp {
margin-bottom: -15px;
width: 180px;
margin-left: 80px;
white-space: nowrap;
text-align: center;
color: #377464 !important;
background: #f1d099;
}
.galr {
font-family: "Great Vibes", cursive;
  font-weight: 400;
  font-style: normal;
  font-size: 480%;
  color: #863b96;
  border-bottom: 10px double #b5efe1;
  border-radius: 80% 20%;
}
.breadcr-l a{
padding-right: 20px;
font-size: 150%;
}
.main-container h1, h2 {
  text-transform: uppercase;
}
.main-container h2 {
  font-size: 120%;
}
.main-container h1 {
  text-align: left;
  color: #02756b;
}
.number1 {
    text-align: center;
}
.number2 {
    text-align: center;
}
.number3 {
    text-align: center;
}
.numberz {
   font-size: 320%;
   font-weight: bold;
   color: #863b96;
  -webkit-text-stroke: 1px #6DF1BE;
  margin-top: 20px;
}
.number .col-md-4 {
   padding: 40px 10px 30px 10px;
   color: #01bb96;
   font-size: 100%;
   text-transform: uppercase;
   font-weight: 500;
}
hr {
  width: 60%;
  border: 2px solid #61dbac;
  float: left;
  border-radius: 50%;
}
.hrright {
  border-color: #dfc8e3 !important;
  float: right;
  margin-top: -10px;
}
.h-i {
padding: 30px 0 0 40px;
width: 70%;
}
.block-shar {
     display: flex;
     align-items: center;
     justify-content: center;
}
.animate-charcter
{
    background-image: linear-gradient( -225deg, #863b96 50%, #6df1be 100% );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 4s linear infinite;
  text-align: center;
  min-height: 45px;
}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}
.block-ee {
     display: flex;
    text-align: left;
    line-height: 120%;
    font-style: italic;
    font-size: 120%;
}
.ee-3 {
    background: url(/images/ee-3.png) 0 0 no-repeat;
    background-size: contain;
        padding-left: 50px;
}
.ee-2 {
    background: url(/images/ee-2.png) 0 0 no-repeat;
    background-size: contain;
    padding-top: 50px;
    color: #863b97;
}
.ee-1 {
    background: url(/images/ee-1.png) 0 0 no-repeat;
    background-size: contain;
    padding-right: 50px;
}
.col-ee {
        font-weight: 400;
        width: 33%;
        min-height: 200px;
}
.block-shar img {
    width: 100%;
    max-width: 600px;
    height: auto;
}
@media (max-width: 768px)  {
.h-i {
width: 100%;
}


.number1 {
    background: url(/images/krug-1.png) 28% -15px no-repeat;
  background-size: 25%;
}
.number2 {
    background: url(/images/krug-2.png) 45% -25px no-repeat;
  background-size: 25%;
}
.number3 {
    background: url(/images/krug-3.png) 40% -20px no-repeat;
  background-size: 25%;
}



.number .col-md-4 {
    padding: 10px 10px 30px 10px !important;
}
.number {
    margin-bottom: -20px;
}
.main-container h1 {
    text-align: center;
}
.block-shar {
    display: block;
}
.col-ee {
    float: none;
    width:100%;
}
.col-ee {
    width:100%;
        min-height: 100px;
    padding: 20px;
    text-align: center;
}
.ee-2 {
    background: url(/images/ee-2.png) 100% 0 no-repeat;
        background-size: contain;
}
.block-ee {
     display: block !important;
}
}