/*#####################################*/
/*########### Events Listing ###############*/
/*#####################################*/

.block-page-title-block {
  display: none;
}



/******* Events **********/
.view-events {
  position: relative;
}
.view-events .vc-outer {
  background: #f2f2f2;
  position: relative;
  /*overflow: hidden;*/
}
/*.view-events:before {*/
/*  content: '';*/
/*  display: inline-block;*/
/*  width: 934px;!*1333px;*!*/
/*  height: 500px;*/
/*  background: transparent url(../img/bg1.png) 50% 100%; !* / contain;*!*/
/*  background-repeat: no-repeat;*/
/*  position: absolute;*/
/*  top: -34px;*/
/*  right: -417px;*/
/*  z-index: 2;*/
/*}*/
.view-events .vc-inner {
  position: relative;
  z-index: 2;
  padding: 80px 0 0px 0;
  min-height: 600px;
}
.view-events .vrows-wrap {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0px 0 0 0px;
  position: relative;
}
/*.view-events .vrows-wrap:before {*/
/*  content: '';*/
/*  display: inline-block;*/
/*  width: 1332px;*/
/*  height: 100%;*/
/*  background: transparent url(../img/bg7.png) 50% 100%;!* / contain;*!*/
/*  background-repeat: repeat-y;*/
/*  position: absolute;*/
/*  top: 989px;*/
/*  right: -700px;*/
/*  z-index: 0;*/
/*}*/

/*.view-events .views-row {*/
/*  width: 30%;*/
/*  min-width: 200px;*/
/*  margin: 100px 0 0 0px;*/
/*}*/
/*.view-events .views-row {*/
/*  background: #FFFFFF;*/
/*  box-shadow: 0px 1px 10px #00000029;*/
/*  border-radius: 10px 10px 10px 10px;*/
/*  position: relative;*/
/*}*/
/*.view-events .views-row:after {*/
/*  content: '';*/
/*  display: block;*/
/*  height: 0;*/
/*  clear: both;*/
/*}*/

/******* Bloks **********/
.view-events .view-content {
  position: relative;
}
.view-events .view-content > .vc-outer {
  background: #f2f2f2;
  position: relative;
}
.view-events .view-content > .vc-outer:before {
  content: '';
  display: inline-block;
  width: 1333px;
  height: 100%;
  background: transparent url(../img/bg12.png) 0% 0% / contain;
  background-repeat: repeat-y;
  position: absolute;
  top: -34px;
  right: -850px;
  z-index: 2;
}
.view-events .view-content > .vc-outer > .vc-inner {
  position: relative;
  z-index: 2;
  padding: 80px 0 120px 0;
  min-height: 600px;
}
.view-events .views-row {
  margin: 100px 0 0 0;
  position: relative;
  width: 100%;
  padding: 0 0% 0 0;
  text-align: left;
}
.view-events .views-row:first-child {
  margin: 0px 0 0 0;
}
.views-fld-group1 {
  position: absolute;
  min-height: 300px;
  width: 40%;
  background: #fff;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  padding: 40px 70px;
  border-radius: 10px;
  color: #525252;
  text-align: left;
  border-left: 15px solid #FFD200;
  line-height: 1.2em;
  /*font-size: 20px;*/
  font-weight: normal;
  box-shadow: 0px 1px 10px #00000029;
  border-radius: 10px;
}
/*.views-field-group1 h2 {*/
/*  line-height: 1.2em;*/
/*}*/
/*.field--name-field-foe-blok-body a {*/
/*  color: #fff;*/
/*}*/
.view-events .vrows-wrap .views-row:nth-child(2n+2) {
  padding: 0 0 0 0%;
  text-align: right;
}
.view-events .vrows-wrap .views-row:nth-child(2n+2) .views-fld-group1 {
  right: auto;
  left: 0;
}
.view-events .vrows-wrap .views-row:nth-child(2n+2) .views-field-field-event-img {
  text-align: right;
}
.views-field-field-event-img {
  overflow: hidden;
}
.views-field-field-event-date .field-content {
  color: #525252;
  font-weight: bold;
  background: #FFD200;
  border-radius: 7px;
  padding: 7px 15px;
  display: inline;
  line-height: 2em
}
.views-field-title {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.2em;
  text-transform: uppercase;
  margin: 20px auto;
}
/*.paragraph--type--hp-departments .field--name-field-dep-item-link {*/
/*  padding: 0px 10% 0px 10%;*/
/*  text-align: right;*/
/*}*/
.views-field-view-node a {
  /*padding: 10px 20px;*/
  font: Regular 16px/22px Arial;
  color: #0064A4;
  text-transform: uppercase;
}
.views-field-view-node a:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 32px;
  width: 32px;
  background: transparent url(../img/icons.png) -288px 0 no-repeat;
  margin: -5px 0 0 0;
}
.no-img.views-row {
  width: 50%;
}
.no-img.views-row .views-fld-group1 {
  position: relative;
  /*min-height: 300px;*/
  width: 90%;
  /*background: #fff;*/
  left: 0;
  right: 0;
  top: 0;
  transform: translate(0, 0);
  /*padding: 40px 70px;*/
  /*border-radius: 10px;*/
  /*color: #525252;*/
  /*text-align: left;*/
  /*border-left: 15px solid #FFD200;*/
  /*line-height: 1.2em;*/
  /*!*font-size: 20px;*!*/
  /*font-weight: normal;*/
  /*box-shadow: 0px 1px 10px #00000029;*/
  /*border-radius: 10px;  */
}
.view-events .no-img.views-row:first-child {
  margin-top: 100px;
}
/******* Pager **********/
.view-events .vpg-inner {
  padding: 80px 0;
}
.view-events .vpg-outer {
  background: #f2f2f2;
}


/******************************************************************************************************************/
/************* RESPONSIVE ***************** this should come at the bottom of css *********************************/
/******************************************************************************************************************/

@media screen and (max-width: 1249px) {
  /*home page*/
  .view-events .view-content > .vc-outer:before {
    width: 800px;
    height: 100%;
    background: transparent url(../img/bg12.png) 0% 0% / contain;
    background-repeat: repeat-y;
    right: -350px;
  }

  /*.view-events .vrows-wrap:before {*/
  /*  width: 800px;*/
  /*  background-position: 50% 0%;*/
  /*  background-size: contain;*/
  /*  top: 840px;*/
  /*  right: -450px;*/
  /*}*/
  .view-events .views-row .group1-wrap {
    margin: 35px 30px 30px 30px;
  }
  .views-fld-group1 {
    /*width: 40%;*/
    padding: 40px 50px;
  }
  .view-events .views-field-field-event-img img {
    max-width: 80%;
    height: auto;
  }
}

@media screen and (max-width: 999px) {
  .view-events .view-content > .vc-outer:before {
    width: 600px;
    height: 100%;
    background: transparent url(../img/bg12.png) 0% 0% / contain;
    background-repeat: repeat-y;
    right: -250px;
  }
  .views-fld-group1 {
    width: 70%;
  }
  .no-img.views-row {
    width: 90%;
    margin-left: auto!important;
    margin-right: auto!important;
  }
}
@media screen and (max-width: 799px) {
  .view-events .view-content > .vc-outer:before {
    width: 400px;
    height: 200px;
    background: transparent url(../img/bg2.png) 0% 0% / contain;
    background-repeat: no-repeat;
    right: -180px;
  }
  /*.view-events .vrows-wrap:before {*/
  /*  width: 600px;*/
  /*  !*top: 840px;*!*/
  /*  right: -320px;*/
  /*}*/
  .view-events .views-field-field-event-img img {
    max-width: 100%;
    margin-bottom: -5px;
  }
  .views-fld-group1 {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    border-radius: 0 0 10px 10px;
  }
  .views-fld-group1 {
    padding: 30px 20px;
  }
  .no-img.views-row {
    width: 100%;
  }
  .no-img.views-row .views-fld-group1 {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .view-events .vrows-wrap:before {
    display: none;
  }
  .view-events .views-row {
    width: 100%;
    margin: 100px 0 0 0px;
  }
  .views-field-field-event-date .field-content {
    font-weight: normal;
  }
  .views-field-title {
    font-size: 22px;
  }
}
@media screen and (max-width: 459px) {
  /*homepage*/
  .view-events .view-content > .vc-outer:before {
    display: none;
  }
}

.view-filters {
}