/*compileNested: ../style.css*/
.png-calendar .sk-cube-grid {
  width: 60px;
  height: 60px;
  margin: 100px auto; }

.png-calendar .sk-cube-grid .sk-cube {
  width: 27%;
  height: 27%;
  margin: 3%;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
  animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }

.png-calendar .sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s; }

.png-calendar .sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s; }

.png-calendar .sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s; }

.png-calendar .sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s; }

.png-calendar .sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s; }

.png-calendar .sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s; }

.png-calendar .sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s; }

.png-calendar .sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s; }

.png-calendar .sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%,
  100%,
  70% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1); }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1); } }

@keyframes sk-cubeGridScaleDelay {
  0%,
  100%,
  70% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1); }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1); } }

.png-calendar .col-1 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-1 {
      max-width: 100; } }

.png-calendar .col-2 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-2 {
      max-width: 50; } }

.png-calendar .col-3 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-3 {
      max-width: 33.33333; } }

.png-calendar .col-4 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-4 {
      max-width: 25; } }

.png-calendar .col-5 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-5 {
      max-width: 20; } }

.png-calendar .col-6 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-6 {
      max-width: 16.66667; } }

.png-calendar .col-7 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-7 {
      max-width: 14.28571; } }

.png-calendar .col-8 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-8 {
      max-width: 12.5; } }

.png-calendar .col-9 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-9 {
      max-width: 11.11111; } }

.png-calendar .col-10 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-10 {
      max-width: 10; } }

.png-calendar .col-11 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-11 {
      max-width: 9.09091; } }

.png-calendar .col-12 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-12 {
      max-width: 8.33333; } }

.png-calendar .col-13 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-13 {
      max-width: 7.69231; } }

.png-calendar .col-14 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-14 {
      max-width: 7.14286; } }

.png-calendar .col-15 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-15 {
      max-width: 6.66667; } }

.png-calendar .col-16 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-16 {
      max-width: 6.25; } }

.png-calendar .col-17 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-17 {
      max-width: 5.88235; } }

.png-calendar .col-18 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-18 {
      max-width: 5.55556; } }

.png-calendar .col-19 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-19 {
      max-width: 5.26316; } }

.png-calendar .col-20 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-20 {
      max-width: 5; } }

.png-calendar .col-21 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-21 {
      max-width: 4.7619; } }

.png-calendar .col-22 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-22 {
      max-width: 4.54545; } }

.png-calendar .col-23 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-23 {
      max-width: 4.34783; } }

.png-calendar .col-24 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-24 {
      max-width: 4.16667; } }

.png-calendar .col-25 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-25 {
      max-width: 4; } }

.png-calendar .col-26 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-26 {
      max-width: 3.84615; } }

.png-calendar .col-27 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-27 {
      max-width: 3.7037; } }

.png-calendar .col-28 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-28 {
      max-width: 3.57143; } }

.png-calendar .col-29 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-29 {
      max-width: 3.44828; } }

.png-calendar .col-30 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-30 {
      max-width: 3.33333; } }

.png-calendar .col-31 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-31 {
      max-width: 3.22581; } }

.png-calendar .col-32 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-32 {
      max-width: 3.125; } }

.png-calendar .col-33 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-33 {
      max-width: 3.0303; } }

.png-calendar .col-34 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-34 {
      max-width: 2.94118; } }

.png-calendar .col-35 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-35 {
      max-width: 2.85714; } }

.png-calendar .col-36 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-36 {
      max-width: 2.77778; } }

.png-calendar .col-37 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-37 {
      max-width: 2.7027; } }

.png-calendar .col-38 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-38 {
      max-width: 2.63158; } }

.png-calendar .col-39 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-39 {
      max-width: 2.5641; } }

.png-calendar .col-40 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-40 {
      max-width: 2.5; } }

.png-calendar .col-41 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-41 {
      max-width: 2.43902; } }

.png-calendar .col-42 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-42 {
      max-width: 2.38095; } }

.png-calendar .col-43 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-43 {
      max-width: 2.32558; } }

.png-calendar .col-44 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-44 {
      max-width: 2.27273; } }

.png-calendar .col-45 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-45 {
      max-width: 2.22222; } }

.png-calendar .col-46 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-46 {
      max-width: 2.17391; } }

.png-calendar .col-47 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-47 {
      max-width: 2.12766; } }

.png-calendar .col-48 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-48 {
      max-width: 2.08333; } }

.png-calendar .col-49 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-49 {
      max-width: 2.04082; } }

.png-calendar .col-50 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-50 {
      max-width: 2; } }

.png-calendar .col-51 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-51 {
      max-width: 1.96078; } }

.png-calendar .col-52 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-52 {
      max-width: 1.92308; } }

.png-calendar .col-53 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-53 {
      max-width: 1.88679; } }

.png-calendar .col-54 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-54 {
      max-width: 1.85185; } }

.png-calendar .col-55 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-55 {
      max-width: 1.81818; } }

.png-calendar .col-56 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-56 {
      max-width: 1.78571; } }

.png-calendar .col-57 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-57 {
      max-width: 1.75439; } }

.png-calendar .col-58 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-58 {
      max-width: 1.72414; } }

.png-calendar .col-59 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-59 {
      max-width: 1.69492; } }

.png-calendar .col-60 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-60 {
      max-width: 1.66667; } }

.png-calendar .col-61 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-61 {
      max-width: 1.63934; } }

.png-calendar .col-62 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-62 {
      max-width: 1.6129; } }

.png-calendar .col-63 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-63 {
      max-width: 1.5873; } }

.png-calendar .col-64 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-64 {
      max-width: 1.5625; } }

.png-calendar .col-65 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-65 {
      max-width: 1.53846; } }

.png-calendar .col-66 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-66 {
      max-width: 1.51515; } }

.png-calendar .col-67 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-67 {
      max-width: 1.49254; } }

.png-calendar .col-68 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-68 {
      max-width: 1.47059; } }

.png-calendar .col-69 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-69 {
      max-width: 1.44928; } }

.png-calendar .col-70 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-70 {
      max-width: 1.42857; } }

.png-calendar .col-71 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-71 {
      max-width: 1.40845; } }

.png-calendar .col-72 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-72 {
      max-width: 1.38889; } }

.png-calendar .col-73 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-73 {
      max-width: 1.36986; } }

.png-calendar .col-74 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-74 {
      max-width: 1.35135; } }

.png-calendar .col-75 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-75 {
      max-width: 1.33333; } }

.png-calendar .col-76 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-76 {
      max-width: 1.31579; } }

.png-calendar .col-77 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-77 {
      max-width: 1.2987; } }

.png-calendar .col-78 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-78 {
      max-width: 1.28205; } }

.png-calendar .col-79 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-79 {
      max-width: 1.26582; } }

.png-calendar .col-80 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-80 {
      max-width: 1.25; } }

.png-calendar .col-81 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-81 {
      max-width: 1.23457; } }

.png-calendar .col-82 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-82 {
      max-width: 1.21951; } }

.png-calendar .col-83 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-83 {
      max-width: 1.20482; } }

.png-calendar .col-84 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-84 {
      max-width: 1.19048; } }

.png-calendar .col-85 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-85 {
      max-width: 1.17647; } }

.png-calendar .col-86 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-86 {
      max-width: 1.16279; } }

.png-calendar .col-87 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-87 {
      max-width: 1.14943; } }

.png-calendar .col-88 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-88 {
      max-width: 1.13636; } }

.png-calendar .col-89 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-89 {
      max-width: 1.1236; } }

.png-calendar .col-90 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-90 {
      max-width: 1.11111; } }

.png-calendar .col-91 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-91 {
      max-width: 1.0989; } }

.png-calendar .col-92 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-92 {
      max-width: 1.08696; } }

.png-calendar .col-93 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-93 {
      max-width: 1.07527; } }

.png-calendar .col-94 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-94 {
      max-width: 1.06383; } }

.png-calendar .col-95 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-95 {
      max-width: 1.05263; } }

.png-calendar .col-96 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-96 {
      max-width: 1.04167; } }

.png-calendar .col-97 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-97 {
      max-width: 1.03093; } }

.png-calendar .col-98 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-98 {
      max-width: 1.02041; } }

.png-calendar .col-99 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-99 {
      max-width: 1.0101; } }

.png-calendar .col-100 {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .png-calendar .col-100 {
      max-width: 1; } }

.png-calendar .post-header {
  padding: 25px 20px; }
  .png-calendar .post-header .nav {
    margin-bottom: 0;
    text-transform: capitalize; }

.png-calendar .sidebar-toggle {
  margin-bottom: 15px;
  padding: 15px;
  background-color: #000; }

.png-calendar .calendar-footer .legend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media screen and (min-width: 576px) {
    .png-calendar .calendar-footer .legend {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; } }

.png-calendar .calendar-footer .legend-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 0; }
  @media screen and (min-width: 576px) {
    .png-calendar .calendar-footer .legend-item {
      margin-top: 10px; } }
  .png-calendar .calendar-footer .legend-item:not(:last-child) {
    margin-right: 30px; }
  .png-calendar .calendar-footer .legend-item .legend-color {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px; }

.png-calendar .nav {
  margin-bottom: 30px; }
  .png-calendar .nav.custom-arrows .nav-button.next img {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  .png-calendar .nav.custom-arrows .nav-button a:before {
    content: none; }
  .png-calendar .nav .nav-button a:before {
    content: '';
    border-style: solid;
    border-color: #000;
    border-width: 0.15em 0.15em 0 0;
    display: inline-block;
    height: 1em;
    left: 0.15em;
    position: relative;
    top: 0.15em;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    vertical-align: top;
    width: 1em;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .png-calendar .nav .nav-button a:hover:before {
    border-color: #eee; }
  .png-calendar .nav .nav-button.back {
    margin-right: 15px; }
    .png-calendar .nav .nav-button.back a:before {
      left: 0.25em;
      -webkit-transform: rotate(-135deg);
      transform: rotate(-135deg); }
  .png-calendar .nav .nav-button.next {
    margin-left: 15px; }
    .png-calendar .nav .nav-button.next a:before {
      left: 0;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }

.png-calendar .calendar-container {
  margin-bottom: 50px; }
  @media screen and (max-width: 1200px) {
    .png-calendar .calendar-container {
      padding: 0; } }

.png-calendar .event-modal .modal-dialog {
  max-width: 970px; }

.png-calendar .event-modal .modal-content {
  padding: 45px; }
  .png-calendar .event-modal .modal-content a {
    color: #000; }

.png-calendar .event-modal .close {
  position: absolute;
  right: 15px;
  top: 15px;
  height: 15px;
  width: 25px;
  cursor: pointer; }
  .png-calendar .event-modal .close .line {
    background-color: #000;
    position: absolute;
    left: 0;
    display: block;
    height: 3px;
    width: 100%;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .png-calendar .event-modal .close .line-1 {
    top: 0;
    -webkit-transform: translateY(7.5px) translateX(0) rotate(45deg);
    transform: translateY(7.5px) translateX(0) rotate(45deg); }
  .png-calendar .event-modal .close .line-2 {
    top: 100%;
    -webkit-transform: translateY(-7.5px) translateX(0) rotate(-45deg);
    transform: translateY(-7.5px) translateX(0) rotate(-45deg); }

.png-calendar .event-modal .thumbnail {
  max-width: 100%;
  background-position: center;
  background-size: cover;
  height: 0;
  padding-bottom: 30%;
  background-color: #d0d0d0; }

.png-calendar .blog-name {
  font-size: 1.5rem;
  margin-bottom: 15px; }

.png-calendar .location {
  margin-bottom: 30px;
  font-size: 1.5rem; }
  .png-calendar .location a {
    display: inline-block; }
  .png-calendar .location:before {
    content: "";
    background-image: url("../images/pin.png");
    width: 18px;
    height: 22px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle; }

.png-calendar .types .btn {
  padding: 10px 15px;
  border: 1px solid #eee;
  background-color: transparent;
  border-radius: 0; }

.png-calendar .types .dropdown-menu {
  min-width: 100%; }
  .png-calendar .types .dropdown-menu a {
    padding: 10px 15px; }

.png-calendar .calendar .header {
  background-color: #000; }

.png-calendar .calendar .week {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.png-calendar .calendar .day {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: #fff;
  position: relative;
  border: solid 1px #000;
  border-radius: 5px;
  margin: 2px;
  width: 100%;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  @media screen and (min-width: 1200px) {
    .png-calendar .calendar .day {
      border-radius: 10px; } }
  .png-calendar .calendar .day:before {
    padding-bottom: 100%;
    display: block;
    content: ''; }
  .png-calendar .calendar .day:last-child {
    margin-right: 0; }
  .png-calendar .calendar .day:first-child {
    margin-left: 0; }
  .png-calendar .calendar .day.inactive {
    border: 1px solid #000;
    opacity: 0.2; }
  .png-calendar .calendar .day:nth-child(7n + 1), .png-calendar .calendar .day:nth-child(7n) {
    border: 1px solid rgba(0, 0, 0, 0.4);
    background-color: rgba(0, 0, 0, 0.4); }
    .png-calendar .calendar .day:nth-child(7n + 1).inactive, .png-calendar .calendar .day:nth-child(7n).inactive {
      border: 1px solid rgba(0, 0, 0, 0.2);
      background-color: rgba(0, 0, 0, 0.2); }
  .png-calendar .calendar .day.header {
    background-color: #000;
    border-radius: 0;
    height: inherit;
    padding: 5px;
    border: none;
    text-align: center; }
    .png-calendar .calendar .day.header.letter-header .single-letter {
      display: inline; }
    .png-calendar .calendar .day.header.letter-header .full-word {
      display: none; }
    @media screen and (min-width: 768px) {
      .png-calendar .calendar .day.header .single-letter {
        display: none; } }
    .png-calendar .calendar .day.header .full-word {
      display: none; }
      @media screen and (min-width: 768px) {
        .png-calendar .calendar .day.header .full-word {
          display: inline; } }
  .png-calendar .calendar .day ::-webkit-scrollbar {
    width: 7px; }
  .png-calendar .calendar .day ::-webkit-scrollbar-track {
    background: transparent; }
  .png-calendar .calendar .day ::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.75);
    border-radius: 100px; }
  .png-calendar .calendar .day .inner-day {
    overflow: visible;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 3px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .png-calendar .calendar .day .inner-day ul {
      padding-left: 0; }
      .png-calendar .calendar .day .inner-day ul li.dot {
        display: inline-block; }
    .png-calendar .calendar .day .inner-day a {
      cursor: pointer; }
    .png-calendar .calendar .day .inner-day span {
      cursor: pointer;
      margin-bottom: 5px; }
      .png-calendar .calendar .day .inner-day span.complete {
        display: block; }
      .png-calendar .calendar .day .inner-day span.dot {
        display: none; }
      @media screen and (min-width: 1200px) {
        .png-calendar .calendar .day .inner-day span {
          line-height: 1; } }
    .png-calendar .calendar .day .inner-day .calendar-event.dot {
      height: 2vw;
      width: 2vw;
      border-radius: 50%;
      background-color: #000;
      display: block; }
    @media screen and (max-width: 768px) {
      .png-calendar .calendar .day .inner-day .calendar-event {
        height: 2vw;
        width: 2vw;
        border-radius: 50%;
        background-color: #000;
        display: block; } }
    @media screen and (min-width: 768px) {
      .png-calendar .calendar .day .inner-day .calendar-event.complete {
        background-color: inherit !important; } }

.png-calendar .calendar-sidebar .calendar-inner-sidebar {
  padding: 20px 15px;
  background: inherit;
  height: 100%;
  width: 100%; }

.png-calendar .calendar-sidebar a {
  color: #000;
  position: relative; }

.png-calendar .calendar-sidebar h3 {
  position: relative;
  margin-bottom: 50px;
  padding-bottom: 5px; }
  .png-calendar .calendar-sidebar h3.underline:before {
    content: "";
    width: 55px;
    height: 4px;
    z-index: 1;
    position: absolute;
    bottom: -6px;
    left: 0;
    background-color: #000; }
  .png-calendar .calendar-sidebar h3.underline:after {
    background-color: #000; }

.png-calendar .calendar-sidebar .current-date {
  text-transform: capitalize; }

.png-calendar .calendar-sidebar .event {
  padding: 40px 0;
  position: relative;
  width: 100%; }
  .png-calendar .calendar-sidebar .event span {
    font-weight: bold;
    padding: 0;
    margin: 15px 0 10px; }
  .png-calendar .calendar-sidebar .event .link {
    margin: 5px 0 15px;
    display: inline-block; }
  .png-calendar .calendar-sidebar .event:not(:last-child) {
    border-bottom: 2px solid #eee; }

.png-calendar .calendar-sidebar .no-events {
  margin-bottom: 20px; }

.png-calendar.sidebar-top {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important; }
  .png-calendar.sidebar-top > * {
    width: 100%;
    max-width: 100%; }

.png-calendar.sidebar-bottom {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important; }
  .png-calendar.sidebar-bottom > * {
    width: 100%;
    max-width: 100%; }

.png-calendar.sidebar-hidden .calendar-sidebar {
  display: none; }

.png-calendar .modal-events-slider {
  position: relative;
  width: 100%; }
  .png-calendar .modal-events-slider > .an-event {
    display: none; }
    .png-calendar .modal-events-slider > .an-event:first-child {
      display: block; }
  .png-calendar .modal-events-slider .an-event {
    position: relative; }
    .png-calendar .modal-events-slider .an-event .event-count {
      position: absolute;
      bottom: 0;
      right: 0; }
    .png-calendar .modal-events-slider .an-event .content {
      margin-top: 15px; }
      @media screen and (min-width: 1200px) {
        .png-calendar .modal-events-slider .an-event .content {
          margin-top: 0; } }
  .png-calendar .modal-events-slider .nav-button a:before, .png-calendar .modal-events-slider .nav-button span:before {
    content: '';
    border-style: solid;
    border-color: #000;
    border-width: 0.15em 0.15em 0 0;
    display: inline-block;
    height: 1em;
    left: 0.15em;
    position: relative;
    top: 0.15em;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    vertical-align: top;
    width: 1em;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .png-calendar .modal-events-slider .nav-button a:hover:before, .png-calendar .modal-events-slider .nav-button span:hover:before {
    border-color: #333333; }
  .png-calendar .modal-events-slider .nav-button.back {
    margin-right: 15px; }
    .png-calendar .modal-events-slider .nav-button.back a:before, .png-calendar .modal-events-slider .nav-button.back span:before {
      left: 0.25em;
      -webkit-transform: rotate(-135deg);
      transform: rotate(-135deg); }
  .png-calendar .modal-events-slider .nav-button.next {
    margin-left: 15px; }
    .png-calendar .modal-events-slider .nav-button.next a:before, .png-calendar .modal-events-slider .nav-button.next span:before {
      left: 0;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
  .png-calendar .modal-events-slider .nav-button {
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
    .png-calendar .modal-events-slider .nav-button.next {
      left: 100%; }
    .png-calendar .modal-events-slider .nav-button.back {
      right: 100%; }
    .png-calendar .modal-events-slider .nav-button.slick-disabled span:before {
      border-color: rgba(0, 0, 0, 0.5); }
    .png-calendar .modal-events-slider .nav-button span:before {
      border-color: #000; }