.slider {
    background: url(https://ertic-concert.kz/img/180515-0607-9343.JPG) no-repeat;
    background-size: cover;
    background-position: 10% 0%;
    padding: 220px 0 200px 0;
    position: relative;
}

/* First we style the container element.  */
.calendar{
  margin:.25em 10px 10px 0;
  padding-top:5px;
  float:left;
  width:80px;
  text-align:center;
  color:#fff;
  border-radius:3px;  
  position:relative;
  font-size: 28px;
  font-weight: bold;
  border: 2px solid #fff;
  border-radius: 8px;
  }

/* Em element is also styled, it contains the month’s name. */
.calendar .em{
  display:block;
  font-size: 14px;
  color:#fff;
  border-bottom-right-radius:3px;
  border-bottom-left-radius:3px;  
  border-top:2px solid #fff;
  line-height: 2.7em;
  font-weight: 400;

  }

/* Now I am styling the pseudo elements. Container’s pseudo elements (:before and :after) are used to create thos circles, "holes in te paper". */
.calendar:before, .calendar:after{
  content:'';
  float:left;
  position:absolute;
  top:5px;  
  width:8px;
  height:8px;
  background:#fff;
  z-index:1;
  border-radius:10px;
  }
.calendar:before{left:11px;}  
.calendar:after{right:11px;}
.calendar .em:before{left:13px;} 
.calendar .em:after{right:13px;} 

.is-bold {
  font-weight: 700;
}
.is-rounded{
  border-radius: 8px;
}

p,div,body,html{
  font-family: 'Manrope', sans-serif;
  font-weight: 400;
}

.bg2,html{
background-color: #EDFFF2;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1200 800'%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23f2ffeb'/%3E%3Cstop offset='1' stop-color='%23f2ffeb' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='1200' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23f2fffd'/%3E%3Cstop offset='1' stop-color='%23f2fffd' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='c' cx='600' cy='0' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23f1fff4'/%3E%3Cstop offset='1' stop-color='%23f1fff4' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='d' cx='600' cy='800' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23EDFFF2'/%3E%3Cstop offset='1' stop-color='%23EDFFF2' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='e' cx='0' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23FEFFEA'/%3E%3Cstop offset='1' stop-color='%23FEFFEA' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='f' cx='1200' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23F7FCFF'/%3E%3Cstop offset='1' stop-color='%23F7FCFF' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='1200' height='800'/%3E%3Crect fill='url(%23b)' width='1200' height='800'/%3E%3Crect fill='url(%23c)' width='1200' height='800'/%3E%3Crect fill='url(%23d)' width='1200' height='800'/%3E%3Crect fill='url(%23e)' width='1200' height='800'/%3E%3Crect fill='url(%23f)' width='1200' height='800'/%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;
}

.bg{
background-color: #72FF7D;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1200 800'%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23b8ff84'/%3E%3Cstop offset='1' stop-color='%23b8ff84' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='1200' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%238cffd8'/%3E%3Cstop offset='1' stop-color='%238cffd8' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='c' cx='600' cy='0' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%239effad'/%3E%3Cstop offset='1' stop-color='%239effad' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='d' cx='600' cy='800' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%2372FF7D'/%3E%3Cstop offset='1' stop-color='%2372FF7D' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='e' cx='0' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23F8FF95'/%3E%3Cstop offset='1' stop-color='%23F8FF95' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='f' cx='1200' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23A7EAFF'/%3E%3Cstop offset='1' stop-color='%23A7EAFF' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='1200' height='800'/%3E%3Crect fill='url(%23b)' width='1200' height='800'/%3E%3Crect fill='url(%23c)' width='1200' height='800'/%3E%3Crect fill='url(%23d)' width='1200' height='800'/%3E%3Crect fill='url(%23e)' width='1200' height='800'/%3E%3Crect fill='url(%23f)' width='1200' height='800'/%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;
}

.bg_hover{
  /*
  background: url(transparante.png) repeat!important;
  */
}

.bg_hover_a{
background: url(transparante.png) repeat!important;
transition: all 0.5s ease-out;
cursor: pointer;
}
.bg3{
  background: url(transparante3.png) repeat!important;
  
}


.has-text-info{
  color: #5a84ff!important;
}
.opa{
  opacity: 0.5;
}


.has-text-success{
  color: #7b8708!important;
}





























































.is-bold {
  font-weight: 700;
}
.is-rounded{
  border-radius: 8px;
}
.hide{
  display: none;
}
.button.is-info {
    background-color: #5a84ff!important;
    border-color: transparent;
    color: #fff;
}



.has-text-info{
  color: #5a84ff!important;
}
.opa{
  opacity: 0.5;
}


.has-text-success{
  color: #7b8708!important;
}

.jg-entry img{
  box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%);
}









    .br{
      min-height: 55px;
    }
    .ten{
text-shadow: 0 0 2px #fff, -1px -1px 0 hsl(0deg 0% 0%), -2px -2px 1px hsl(0deg 0% 0%), -2px -2px 2px hsl(80deg 10% 15%);
    }
    .button.is-white{

    }
    .is-bold{
      font-weight: bold;
    }
    .container{
      padding: 0 15px;
    }
    .bgg, .is-info{
background-color: #2B9CCF;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg stroke='%231C6687' stroke-width='66.7' stroke-opacity='0.05' %3E%3Ccircle fill='%232B9CCF' cx='0' cy='0' r='1800'/%3E%3Ccircle fill='%232b9ccf' cx='0' cy='0' r='1700'/%3E%3Ccircle fill='%232b9ccf' cx='0' cy='0' r='1600'/%3E%3Ccircle fill='%232b9bce' cx='0' cy='0' r='1500'/%3E%3Ccircle fill='%232b9bce' cx='0' cy='0' r='1400'/%3E%3Ccircle fill='%232b9bce' cx='0' cy='0' r='1300'/%3E%3Ccircle fill='%232b9bce' cx='0' cy='0' r='1200'/%3E%3Ccircle fill='%232b9bcd' cx='0' cy='0' r='1100'/%3E%3Ccircle fill='%232b9bcd' cx='0' cy='0' r='1000'/%3E%3Ccircle fill='%232a9acd' cx='0' cy='0' r='900'/%3E%3Ccircle fill='%232a9acd' cx='0' cy='0' r='800'/%3E%3Ccircle fill='%232a9acc' cx='0' cy='0' r='700'/%3E%3Ccircle fill='%232a9acc' cx='0' cy='0' r='600'/%3E%3Ccircle fill='%232a9acc' cx='0' cy='0' r='500'/%3E%3Ccircle fill='%232a9acc' cx='0' cy='0' r='400'/%3E%3Ccircle fill='%232a99cb' cx='0' cy='0' r='300'/%3E%3Ccircle fill='%232a99cb' cx='0' cy='0' r='200'/%3E%3Ccircle fill='%232A99CB' cx='0' cy='0' r='100'/%3E%3C/g%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;
    }
    .round{
      border-radius: 8px!important;
    }
    .button, img,.card,a{
      border: 0!important;
      /*
      box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px!important;
      */
    }

.has-text-h {
  color: #2b9ccf;
}
.navbutton{
  font-size: 24px;
}
    body,html{
          background: #f9fdff;
    }

.navbar-link, a.navbar-item {
    cursor: pointer;
    font-size: 18px;
}
.navbar-link:not(.is-arrowless)::after {
    display: none;
    margin-top: 0;
    right: 0;
}
.navbar-link:not(.is-arrowless) {
    padding-right: 15px;
}


.navbar.center .navbar-inner {
  text-align: center;
}


.is-bold{
  font-weight: bold!important;
}


.panel-block {padding: 1em 0.75em;}

a{
  color: #0d90cc;
}