.gradient1 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('images/kalendar-bg-1.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient1:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob1 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('images/kalendar-bg-1-mob.jpg');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}


.gradient2 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('images/kalendar-bg-2.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient2:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}

.gradientmob2 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('images/kalendar-bg-2-mob.jpg');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}


.gradient3 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('images/kalendar-bg-3.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient3:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}

.gradientmob3 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('images/kalendar-bg-3-mob.jpg');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}



.gradient4 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('images/kalendar-bg-4.png');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient4:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob4 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('images/kalendar-bg-4-mob.png');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}



.gradient5 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('images/kalendar-bg-5.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient5:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob5 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('images/kalendar-bg-5-mob.jpg');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}


.gradient6 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('images/kalendar-bg-6.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient6:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob6 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('images/kalendar-bg-6-mob.jpg');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}


.gradient7 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('images/kalendar-bg-7.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient7:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}

.gradientmob7 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('images/kalendar-bg-7-mob.jpg');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}



.gradient8 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('images/kalendar-bg-8.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient8:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}

.gradientmob8 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('images/kalendar-bg-8-mob.jpg');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}



.gradient9 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('images/kalendar-bg-9.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient9:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}

.gradientmob9 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('images/kalendar-bg-9-mob.jpg');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}


.gradient10 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('images/kalendar-bg-10.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient10:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}

.gradientmob10 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('images/kalendar-bg-10-mob.jpg');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}




.gradient11 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('images/kalendar-bg-11.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient11:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob11 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('images/kalendar-bg-11-mob.jpg');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}



.gradient12 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-12.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient12:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}

.gradientmob12 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-12-mob.jpg');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}



.gradient13 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-13.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient13:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}

.gradientmob13 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-13-mob.jpg');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}



.gradient14 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-14.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient14:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob14 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-14-mob.jpg');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}





.gradient15 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('images/kalendar-bg-15.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient15:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob15 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('images/kalendar-bg-15-mob.jpg');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}


.gradient16 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-16.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient16:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob16 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-16-mob.jpg');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}



.gradient17 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-17.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient17:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob17 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-17-mob.jpg');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}






.gradient18 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-18.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient18:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}

.gradientmob18 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-18-mob.jpg');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}






.gradient19 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-19.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient19:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob19 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-19-mob.jpg');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}


.gradient20 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-20.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient20:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}



.gradientmob20 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-20-mob.jpg');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}



.gradient21 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-21.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient21:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob21 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-21-mob.jpg');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}



.gradient22 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-22.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient22:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}



.gradientmob22 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-22-mob.jpg');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}




.gradient23 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-23.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient23:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob23 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-23-mob.jpg');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}



.gradient24 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-24.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient24:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob24 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-24-mob.jpg');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}




.gradient25 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-25.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient25:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob25 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-25-mob.jpg');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}



.gradient26 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-26.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient26:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob26 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-26-mob.jpg');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}




.gradient27 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-27.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient27:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}



.gradientmob27 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-27-mob.jpg');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}




.gradient28 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-28.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient28:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob28 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-28-mob.jpg');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}



.gradient29 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-29.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient29:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}



.gradientmob29 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-29-mob.jpg');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}



.gradient30 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-30.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient30:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob30 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-30-mob.png');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}



.gradient31 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-31.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient31:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob31 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-31-mob.jpg');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}


.gradient32 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-32.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient32:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob32 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-32-mob.jpg');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}



.gradient33 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-33.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient33:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob33 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-33-mob.jpg');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}



.gradient34 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-34.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient34:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob34 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-34-mob.jpg');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}



.gradient35 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-35.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient35:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob35 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-35-mob.jpg');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}




.gradient36 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-36.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient36:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob36 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-36-mob.png');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}



.gradient37 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-37.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient37:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}

.gradientmob37 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-37-mob.jpg');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}



.gradient38 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-38.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient38:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob38 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-38-mob.png');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}





.gradient39 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-39.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient39:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob39 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-39-mob.jpg');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}



.gradient40 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-40.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient40:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}

.gradientmob40 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-40-mob.jpg');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}



.gradient41 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-41.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient41:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob41 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-41-mob.jpg');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}




.gradient42 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-42.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient42:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}

.gradientmob42 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-42-mob.jpg');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}



.gradient43 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-43.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient43:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob43 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-43-mob.jpg');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}



.gradient44 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-44.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient44:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob44 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-44-mob.jpg');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}



.gradient45 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-45.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient45:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob45 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-45-mob.png');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}




.gradient46 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-46.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient46:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob46 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-46-mob.jpg');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}



.gradient47 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-47.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient47:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}



.gradientmob47 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-47-mob.jpg');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}


.gradient48 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-48.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient48:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob48 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-48-mob.png');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}




.gradient49 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-49.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient49:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob49 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-49-mob.jpg');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}




.gradient50 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-50.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient50:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob50 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-50-mob.jpg');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}




.gradient51 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-51.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient51:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob51 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-51-mob.png');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}





.gradient52 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-52.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient52:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob52 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-52-mob.png');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}



.gradient53 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-53.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient53:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}



.gradientmob53 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-53-mob.png');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}




.gradient54 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-54.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient54:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob54 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-54-mob.png');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}





.gradient55 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-55.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient55:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob55 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-55-mob.png');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}



.gradient56 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-56.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient56:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob56 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-56-mob.png');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}





.gradient57 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-57.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient57:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob57 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-57-mob.png');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}




.gradient58 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-58.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient58:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob58 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-58-mob.png');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}





.gradient59 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-59.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient59:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob59 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-59-mob.png');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}




.gradient60 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-60.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient60:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}

.gradientmob60 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-60-mob.png');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}




.gradient61 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-61.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient61:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}

.gradientmob61 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-61-mob.png');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}




.gradient62 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-62.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient62:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob62 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-62-mob.png');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}




.gradient63 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-63.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient63:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob63 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-63-mob.png');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}




.gradient64 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-64.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient64:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob64 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-64-mob.png');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}



.gradient65 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-65.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient65:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob65 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-65-mob.png');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}




.gradient66 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-66.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient66:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob66 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-66-mob.png');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}


.gradient67 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-67.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient67:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob67 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-67-mob.png');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}



.gradient68 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-68.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient68:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob68 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-68-mob.png');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}






.gradient69 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-69.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient69:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob69 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-69-mob.png');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}



.gradient70 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-70.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient70:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob70 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-70-mob.png');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}



.gradient71 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-71.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient71:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob71 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-71-mob.png');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}







.gradient72 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-72.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient72:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob72 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-72-mob.png');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}



.gradient73 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-73.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient73:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob73 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-73-mob.png');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}




.gradient74 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-74.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient74:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob74 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-74-mob.png');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}



.gradient75 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-75.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient75:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob75 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-75-mob.png');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}




.gradient76 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-76.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient76:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob76 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-76-mob.png');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}



.gradient77 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-77.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient77:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob77 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-77-mob.png');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}



.gradient78 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-78.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient78:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob78 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-78-mob.png');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}


.gradient79 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-79.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient79:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob79 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-79-mob.png');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}


.gradient80 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-80.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient80:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob80 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-80-mob.jpg');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}


.gradient81 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-81.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient81:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob81 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-81-mob.jpg');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}



.gradient82 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-82.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient82:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob82 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-82-mob.jpg');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}



.gradient83 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-83.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient83:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob83 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-83-mob.jpg');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}


.gradient84 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-84.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient84:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob84 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-84-mob.jpg');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}


.gradient85 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-85.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient85:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob85 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-85-mob.jpg');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}


.gradient86 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-86.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient86:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob86 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-86-mob.png');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}



.gradient87 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-87.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient87:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob87 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-87-mob.png');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}



.gradient88 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-88.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient88:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob88 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-88-mob.png');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}





.gradient89 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-89.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient89:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob89 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-89-mob.png');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}


.gradient90 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-90.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient90:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob90 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-90-mob.png');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}



.gradient91 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-91.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient91:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob91 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-91-mob.png');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}


.gradient92 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-92.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient92:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob92 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-92-mob.png');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}



.gradient93 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-93.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient93:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob93 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-93-mob.png');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}



.gradient94 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-94.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient94:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob94 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-94-mob.png');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}


.gradient95 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-95.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient95:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob95 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-95-mob.png');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}


.gradient96 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-96.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradient96:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}


.gradientmob96 {
width:175px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('/images/kalendar-bg-96-mob.png');
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}


.podpiskafon {
background: url(images/bg-4.jpg) 100%;
background-size: cover;
background-position: left center;
}

.voprosfon {
background: url(images/question.jpg) 100%;
background-size: cover;
}

.zvonokfon {
background: url(images/zakazat-zvonok.jpg) 100%;
background-size: cover;
}


.podpiskafonofonde {
background: url(images/bg-3.jpg) 100%;
background-size: cover;
background-position:center;
}

.podpiskafonpodpiska {
background: url(images/bg-5.jpg) 100%;
background-size: cover;
background-position:center;
}

.poiskfield {
width: 300px;
height: 36px;
border-radius: 5rem;
border-width: 1px;
border-color: #FFFFFF;
border-style: solid;
background: rgba(250,250,250,.6);
font-family: 'Montserrat', sans-serif;
color: #000000; 
font-size: 16px;
font-weight:400;
padding-left:10px;
}

.poiskfieldcontact {
width: 500px;
height: 54px;
border-width: 1px;
border-color: #000000;
border-style: solid;
background: rgba(250,250,250,.6);
font-family: 'Montserrat', sans-serif;
color: #000000; 
font-size: 16px;
font-weight:400;
padding-left:10px;
border-radius: 0.5rem;
}

.buttonkalendaractive {
height:54px;
border: 2px solid #FF0000; /* Параметры рамки */
border-radius: 10px;
padding-left:32px;
padding-right:32px;
margin: 0px; /* Отступ снизу */
font-color:#FF0000;
display: flex;
align-items: center;
font-family: 'Montserrat', sans-serif;
color: #FF0000;
font-size: 16px;
font-weight:600;
cursor:pointer;
}
.buttonkalendaractive:hover {

}



.chat {
right:30px;
bottom:0px;
position:fixed;
z-index:1000;
}


.closechat {
right:450px;
bottom:240px;
position:fixed;
cursor:pointer;
z-index:1000000;
}

.openchat {
right:450px;
bottom:5px;
position:fixed;
cursor:pointer;
z-index:1000000;
}

.chatmob {
right:10px;
bottom:0px;
position:fixed;
z-index:100;
}


.closechatmob {
right:15px;
bottom:235px;
position:fixed;
cursor:pointer;
z-index:1000000;
}

.openchatmob {
right:15px;
bottom:30px;
position:fixed;
cursor:pointer;
z-index:1000000;
}




.nafanya {
right:5px;
bottom:0px;
position:fixed;
z-index:10000000;
}


.nafanya2 {
right:80px;
border-radius: 100px; /* Радиус скругления */
border: 4px solid #313131;
bottom:10px;
position:fixed;
z-index:10000000;
}

.nafanya2mob {
right:130px;
border-radius: 100px; /* Радиус скругления */
border: 4px solid #313131;
bottom:10px;
position:fixed;
z-index:10000000;
}



.nafanyamob {
right:-20px;
bottom:0px;
position:fixed;
z-index:10000000;
}







.buttonkalendar {
height:54px;
border: 2px solid #858585; /* Параметры рамки */
border-radius: 10px;
padding-left:32px;
padding-right:32px;
margin: 0px; /* Отступ снизу */
display: flex;
align-items: center;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-weight:600;
color:#858585;
cursor:pointer;
}
.buttonkalendar:hover {
border: 2px solid #000000; /* Параметры рамки */
color:#000000;
}




.pervteatr {
display:none;
}






.gradientzero {
width:386px;
height:244px;
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}

.gradientmobzero {
width:175px;
height:244px;
background-size:175px 244px;
background-position:center;
transition: background-size 1s ease;
}

.buttonupmenu {
height:54px;
    background: #858585; /* Цвет фона */
border-radius: 10px;
padding-left:32px;
padding-right:32px;
margin: 0px; /* Отступ снизу */
display: flex;
align-items: center;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-weight:600;
color:#FFFFFF;
cursor:pointer;
}
.buttonupmenu:hover {
    background: #999999; /* Цвет фона */
}


.buttonupmenuactive {
height:54px;
    background: #FF0000; /* Цвет фона */
border-radius: 10px;
padding-left:32px;
padding-right:32px;
margin: 0px; /* Отступ снизу */
font-color:#FFFFFF;
display: flex;
align-items: center;
font-family: 'Montserrat', sans-serif;
color: #FFFFFF;
font-size: 16px;
font-weight:600;
cursor:pointer;
}
.buttonupmenuactive:hover {

}

ul {
margin-left:-40px;
list-style-type:none;
}

li:before {
content:"✦";
margin-right:10px;
}

.telpodvalblack {
font-family: 'Montserrat', sans-serif;
color: #000000;
font-size: 24px;
font-weight: 600;
}


.verkhmenumob {
display:none;
}

@media (max-width: 767px) {
    .verkhmenu {
        display: none;
    }
    .verkhmenumob {
        display: block;
    }
    .vvodnaya {
    width:360px;
    }
    .poiskfieldcontact {
    width:95%;
    }
    .zvonokbig {
    width:95%;
    }
    .zvonokbigtwo {
    width:95%;
    margin: 0 auto 0 auto;
    }
    .zvonoklittle {
    width:100%;
    }
    .kartinkazvonok {
    display: none;
    }
    .kartinkavopros {
    display:none;
    }
    .kartinkavopros {
    display:none;
    }
    .mobdownsize {
    height:10px;
    }
    .mobupsize {
    height:20px;
    }
    .podpiskafonpodpiska {
    background-image: none;
    background-color: #ECECEC;
    }
    .nacentr {
    margin:auto;
    }
    .buttonkalendaractive {
    font-size:12px;
padding-left:16px;
padding-right:16px;

    }
    .buttonkalendar {
    font-size:12px;
padding-left:16px;
padding-right:16px;
    }
    .buttonupmenu {
    font-size:12px;
padding-left:16px;
padding-right:16px;
    }
    .buttonupmenuactive {
    font-size:12px;
padding-left:16px;
padding-right:16px;
    }
    .pervteatr {
    display:block;
    }
    .rastteatr {
    display:none;
    }





}





.gradientmenu {
  background: 
   linear-gradient(to top, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 75%, rgba(0, 0, 0, 1) 100%), 
   url(https://kf-parusa.ru/images/banner.jpg) no-repeat; background-size: cover; background-position: center;
}

.banner1 {
font-family: 'EB Garamond', serif;
color: #FFFFFF; 
font-size:60px;
font-weight:600;
line-height: 65px;
}

.banner2 {
font-family: 'Montserrat', sans-serif;
color: #FFFFFF; 
font-size: 18px;
font-weight:400;
}

.zagolovok {
font-family: 'EB Garamond', serif;
color: #000000; 
font-size: 36px;
font-weight:600;
line-height: 36px;
}

h1 {
font-family: 'EB Garamond', serif;
color: #000000; 
font-size: 36px;
font-weight:600;
line-height: 36px;
}


.ssilka {
font-family: 'Montserrat', sans-serif;
color: #FF0000; 
font-size: 18px;
font-weight:400;
text-decoration:none;
}
.ssilka:hover {
font-family: 'Montserrat', sans-serif;
color: #FF0000; 
font-size: 18px;
font-weight:400;
text-decoration:underline;
}


.ssilkablack {
font-family: 'Montserrat', sans-serif;
color: #000000; 
font-size: 18px;
font-weight:400;
text-decoration:none;
}
.ssilkablack:hover {
font-family: 'Montserrat', sans-serif;
color: #000000; 
font-size: 18px;
font-weight:400;
text-decoration:underline;
}



.ssilkakalendar {
font-family: 'Montserrat', sans-serif;
color: #FFFFFF; 
font-size: 18px;
font-weight:400;
text-decoration:none;
}



.opisanie {
font-family: 'Montserrat', sans-serif;
color: #000000; 
font-size: 18px;
font-weight:400;
}

.opisaniebold {
font-family: 'Montserrat', sans-serif;
color: #000000; 
font-size: 18px;
font-weight:600;
}

.opisaniewhite {
font-family: 'Montserrat', sans-serif;
color: #FFFFFF; 
font-size: 18px;
font-weight:400;
}

.opisaniegrant {
font-family: 'Montserrat', sans-serif;
font-size: 18px;
font-weight:600;
color:#000000;
}

.summagranta {
font-family: 'Montserrat', sans-serif;
color: #000000; 
font-size: 28px;
font-weight:600;
text-decoration:none;
}

.summagrantawhite {
font-family: 'Montserrat', sans-serif;
color: #FFFFFF; 
font-size: 28px;
font-weight:600;
text-decoration:none;
}

.vsegotovo {
font-family: 'Montserrat', sans-serif;
color: #ff1744; 
font-size: 36px;
font-weight:600;
}

.vsegotovored {
font-family: 'Montserrat', sans-serif;
color: #ff1744; 
font-size: 36px;
font-weight:600;
}





.opisaniechat {
font-family: 'Montserrat', sans-serif;
color: #000000; 
font-size: 14px;
font-weight:400;
}

.opisaniechatmob {
font-family: 'Montserrat', sans-serif;
color: #000000; 
font-size: 12px;
font-weight:400;
}



.foncontact {
background: url(images/contact-bg.jpg) 100%;
background-size: cover;
background-position:center;
}

.contactopisanie {
font-family: 'Montserrat', sans-serif;
color: #000000;
font-size: 16px;
font-weight: 600;
}

.ssilkaopisanie {
font-family: 'Montserrat', sans-serif;
color: #000000; 
font-size: 18px;
font-weight:400;
text-decoration:none;
}

.opisaniered {
font-family: 'Montserrat', sans-serif;
color: #FF0000; 
font-size: 18px;
font-weight:400;
text-decoration:none;
}

.opisanieredbold {
font-family: 'Montserrat', sans-serif;
color: #FF0000; 
font-size: 18px;
font-weight:600;
text-decoration:none;
}




.city {
padding-left:10px;
font-family: 'EB Garamond', serif;
color: #000000;
font-size: 24px;
font-weight:600;
}

.copyright {
font-family: 'Montserrat', sans-serif;
color: #B0B0B0;
font-size: 14px;
text-decoration:none;
}

.podvalbig {
font-family: 'Montserrat', sans-serif;
color: #FFFFFF; font-size: 12px;
font-weight: 600;
text-decoration:none;
}

.podvalopis {
font-family: 'Montserrat', sans-serif;
color: #B0B0B0;
font-size: 14px;
text-decoration:none;
}

.podvalopisblack {
font-family: 'Montserrat', sans-serif;
color: #000000;
font-size: 14px;
text-decoration:none;
}


.telpodval {
font-family: 'Montserrat', sans-serif;
color: #FFFFFF;
font-size: 24px;
font-weight: 600;
}

.telopis {
font-family: 'Montserrat', sans-serif;
color: #FFFFFF; font-size: 14px;
font-weight: 400;
text-decoration:none;
}



.opisanie2 {
font-family: 'Montserrat', sans-serif;
color: #000000; 
font-size: 18px;
font-weight:400;
padding-left:10px;
}



.contactopisanie2 {
font-family: 'Montserrat', sans-serif;
color: #000000;
font-size: 16px;
font-weight: 600;
padding-left:10px;
}

.borderleftred {
border-left: 2px solid #FF0000;
}

.borderleftgray {
border-left: 2px solid #858585;
border-right: 2px solid #858585;
border-collapse: collapse;
}

.borderrightgray {
border-right: 2px solid #858585;
}

.tablecollapse {
border-collapse: collapse;
}



.gradientkarusel {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 0.2) 100%),
   url('images/popechitelskiy-sovet.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradientkarusel:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}

.gradientkaruselmob {
width:200px;
height:238px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 0.2) 100%),
   url('images/popechitelskiy-sovet-mob.jpg');
background-size:240px 238px;
background-position:center;
transition: background-size 1s ease;
}


.gradientkarusel2 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 0.2) 100%),
   url('images/stependiati.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradientkarusel2:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}

.gradientkarusel2mob {
width:200px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 0.2) 100%),
   url('images/stependiati-mob.jpg');
background-size:200px 244px;
background-position:center;
transition: background-size 1s ease;
}



.gradientkarusel3 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 0.2) 100%),
   url('images/grant.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradientkarusel3:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}

.gradientkarusel3mob {
width:200px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 0.2) 100%),
   url('images/grant-mob.jpg');
background-size:200px 244px;
background-position:center;
transition: background-size 1s ease;
}



.gradientkarusel4 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 0.2) 100%),
   url('images/exclusive.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradientkarusel4:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}

.gradientkarusel4mob {
width:200px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 0.2) 100%),
   url('images/exclusive-mob.jpg');
background-size:200px 244px;
background-position:center;
transition: background-size 1s ease;
}



.gradientkarusel5 {
width:386px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 0.2) 100%),
   url('images/kapustnik.jpg');
background-size:386px 244px;
background-position:center;
transition: background-size 1s ease;
}
.gradientkarusel5:hover {
overflow: hidden;
background-size:425px 269px;
background-position:center;
}

.gradientkarusel5mob {
width:200px;
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 0.2) 100%),
   url('images/kapustnik-mob.jpg');
background-size:200px 244px;
background-position:center;
transition: background-size 1s ease;
}


.ssilkakarusel {
font-family: 'Montserrat', sans-serif;
color: #FFFFFF; 
font-size: 20px;
font-weight:600;
text-decoration:none;
}

.menuup {
font-family: 'Montserrat', sans-serif;
color: #FFFFFF;
font-size: 14px;
font-weight: 400;
text-decoration:none;
}

.menuup:hover {
text-decoration:underline;
}

.menuupactive {
font-family: 'Montserrat', sans-serif;
color: #FFFFFF;
font-size: 14px;
font-weight: 400;
text-decoration:underline;
}



.kroshki {
font-family: 'Montserrat', sans-serif;
color: #bababa;
font-size: 14px;
font-weight: 400;
text-decoration:none;
}

.kroshkiblack {
font-family: 'Montserrat', sans-serif;
color: #000000;
font-size: 14px;
font-weight: 400;
text-decoration:none;
}







.buttonupmenuactiveyellow {
height:38px;
    background: #4178bd; /* Цвет фона */
border-radius: 10px;
padding-left:16px;
padding-right:16px;
margin: 0px; /* Отступ снизу */
font-color:#FFFFFF;
display: flex;
align-items: center;
font-family: 'Montserrat', sans-serif;
color: #FFFFFF;
font-size: 12px;
font-weight:600;
letter-spacing: 0.03em;
cursor:pointer;
}
.buttonupmenuactiveyellow:hover {

}

.buttonupmenuactiveyellowmob {
height:38px;
    background: #4178bd; /* Цвет фона */
border-radius: 10px;
padding-left:16px;
padding-right:16px;
margin: 0px; /* Отступ снизу */
font-color:#FFFFFF;
display: flex;
align-items: center;
font-family: 'Montserrat', sans-serif;
color: #FFFFFF;
font-size: 10px;
font-weight:600;
letter-spacing: 0.03em;
cursor:pointer;
}
.buttonupmenuactiveyellowmob:hover {

}







.komanda {
height:100%;
border-radius: 10px;
border: 2px solid #858585; /* Параметры рамки */
}

.windowpodpiska {
width:596px;
height:200px;
background-color:#ffffff;
margin:auto auto;
border-radius:10px;
}

.windowpodpiskamob {
width:350px;
}


.op {
  opacity: 1; /* или другое значение < 1 */
  transition: opacity 0.3s ease; /* Плавный переход за 0.3 секунды */
}
.op:hover {
opacity: 0.5; /* Полная непрозрачность */
}


.windowzvonkamessage {
background-color:#ffffff;
}


.windowzvonok {
width:596px;
height:550px;
background-color:#ffffff;
margin:auto auto;
border-radius:10px;
}

.windowzvonokmob {
width:350px;
height:570px;
background-color:#FFFFFF;
border-radius:10px;
bottom:50px;
overflow-x: hidden;
}


.windowvopros {
width:596px;
height:700px;
background-color:#ffffff;
margin:auto auto;
border-radius:10px;
}


.zagolovokadmin {
font-family: 'Montserrat', sans-serif;
color: #000000; font-size: 12px;
font-weight: 600;
text-decoration:none;
}


.opisanieadmin {
font-family: 'Montserrat', sans-serif;
color: #000000;
font-size: 14px;
text-decoration:none;
border-top: none;
}




.spasibo {
width:596px;
height:300px;
}

.spasibomob {
width:300px;
}


.spasiboproject {
width:596px;
height:300px;
}



.mobs {
display:none;
}







.ofondemob {
background:#ececec;
}

.podvalmob {
background:#313131;
}


.mobmenuop {
position:absolute;
width:99%;
height:200px;
background:#ECECEC;
padding: 10;
}





input[type='radio'],
label {
  cursor: pointer;
}

input[type='radio'] {
  position: relative;
  height: 22px;
  width: 22px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
}

input[type='radio']::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  border: 2px solid #858585;
}

input[type='radio']:checked::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #FF0000;
  transform: translate(-50%, -50%);
  visibility: visible;
}




input[type='checkbox'],
label {
  cursor: pointer;
}

input[type='checkbox'] {
  position: relative;
  height: 22px;
  width: 22px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
}

input[type='checkbox']::before {
  content: '';
  display: inline-block;
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #adb5bd;
  border-radius: 0.25em;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}

input[type='checkbox']:checked::after {
  content: 'v';
  position: absolute;
  top: -20%;
  left: 50%;
  width: 15px;
  height: 15px;
font-size:36px;
  transform: translate(-50%, -50%);
  visibility: visible;
}





@media (max-width: 767px) {


.telpodval {
font-family: 'Montserrat', sans-serif;
color: #FFFFFF;
font-size: 18px;
font-weight: 600;
}

.banner1 {
font-family: 'EB Garamond', serif;
color: #FFFFFF; 
font-size:40px;
font-weight:600;
line-height: 45px;
}


.banner2 {
font-family: 'Montserrat', sans-serif;
color: #FFFFFF; 
font-size: 16px;
font-weight:400;
}



.zagolovok {
font-family: 'EB Garamond', serif;
color: #000000; 
font-size: 26px;
font-weight:600;
line-height: 26px;
}

.opisanie {
font-family: 'Montserrat', sans-serif;
color: #000000; 
font-size: 16px;
font-weight:400;
}



.karuselmob {
display:none;
}

.karuselmobdown {
display:none;
}

.karuselmobcontact {
display:none;
}




.mobs {
display:block;
}


.buttonupmenuactiveadmin {
height:54px;
    background: #FF0000; /* Цвет фона */
border-radius: 10px;
padding-left:32px;
padding-right:32px;
margin: 0px; /* Отступ снизу */
font-color:#FFFFFF;
display: flex;
align-items: center;
font-family: 'Montserrat', sans-serif;
color: #FFFFFF;
font-size: 16px;
font-weight:600;
cursor:pointer;
}
.buttonupmenuactive:hover {

}


.buttonadd {
display:none;
}

.buttonmobadd {
height:30px;
display:block;
}

}