.clearfix:after { content: "."; display: block;height: 0;clear: both;font-size: 1px;line-height: 1px;visibility: hidden;}
.clearfix { zoom:1; min-height: 10px;}

#ok-info {
  color: #006B4E; padding-bottom: 30px; font-family: 'geogrotesque_md', Helvetica, Arial, sans-serif;
}

.activation-link {
  height: 30px; color: white !important; display: inline-block;
  font: 16px/30px 'geogrotesque_md', Helvetica, Arial, sans-serif;
  background: #7fba00; padding: 0 15px;
}
.activation-link-disabled { background: #aaa; }

/* jq-select */
  .jq-select {
    position: relative; cursor: pointer; background: white;
    outline: none;
    font: normal 16px/1.5 sans-serif;
    color: #333333;  overflow: hidden;
  }
    .jq-select-arrow {
      position: absolute; top: 0; right: 0;
    }
    .jq-select-arrow:before {
      border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;
      border-color: rgba(255, 53, 40, 0); border-top-color: #c0c0c0; border-width: 6px;
      top: 50%; left: 50%; margin-left: -6px; margin-top: -2px;
    }
    .jq-select-content {
      position: relative; z-index: 5; padding-right: 20px;
    }
      .jq-select-inner {overflow: hidden;white-space: nowrap; }

    .jq-select select {
      position: absolute; top: 0; left: 0; z-index: 10; border: none;
      margin: 0; padding: 0; display: block; cursor: pointer; width: 100%; height: 100%;
      -moz-opacity: .0; opacity: 0;filter: alpha(opacity=0);
      font: 16px/1.5 Arial, sans-serif;
      color: #333333;
      -webkit-appearance: none;
    }

/* submenu */
  #submenu { padding-top: 20px; padding-left: 35px; padding-right: 35px;  }

/* .content */
  .content { text-align: center; }
  .content-inner {
    width: 800px; margin: 0 auto; text-align: left; padding: 50px 0 20px;
    font-size: 16px; line-height: 1.5;
  }

  h1, h2 { line-height: 1.05; color: #006b4e; }
  h1 { font-size: 44px; margin-bottom: 25px; }
  h2 { font-size: 28px; }


/* thirdmenu */
  .submenu-under #thirdmenu {
    background: #f7f7f7; margin: 0; padding: 12px 35px; list-style-type: none;
  }
  .submenu-under #thirdmenu li { display: inline; border:none; margin: 0 20px 0 0; padding: 0; }
  .submenu-under #thirdmenu a {
    display: inline; font-size: 18px; line-height: 1.1; color: #727272; padding: 0;
    font-family: 'geogrotesque_md', Helvetica, Arial, sans-serif; border: none;
  }
  .submenu-under #thirdmenu a:hover { border: none; color: #555; }
  .submenu-under #thirdmenu .active a { color: #006b4e; font-weight: normal; border: none; }

/* tabs */
  .tab-content { display: none; }


/* loader */
  .loader, .jb-cal-loader, .sidebar-loader {
    height: 100px;
    background: url('../images/ajax-loader.gif') no-repeat center center;
  }
  .jb-cal-loader { height: 120px; }

/* competitions-list */
  .competitions-list { margin: 35px 0 0; }
    .competitions-list h3 {
      font-size: 16px; line-height: 1.1; color: #aaaaaa; margin: 0; padding: 15px 0 5px;
      font-family: 'geogrotesque_md', Helvetica, Arial, sans-serif; line-height: 1.05;
      text-transform: uppercase;
    }

    .competitions-list ul {
      margin: 0; padding: 10px 0 20px; list-style-type: none;
      font-size: 20px; line-height: 1.05;
    }
      .competitions-list li {
        margin: 0; padding:0; border-bottom: 1px solid #ebebeb;
        font-family: 'geogrotesque_rg', Helvetica, Arial, sans-serif;
      }
      .competitions-list li:first-child { border-top: 1px solid #ebebeb; }

        .competitions-list li .link-holder {
          display: block; padding: 18px 0;
        }

        .competitions-list .results-link {
          float: right; padding-top: 18px; font-size: 14px; font-family: 'geogrotesque_md', Helvetica, Arial, sans-serif;
          text-transform: uppercase; padding-left: 15px;
        }
          .competitions-list .results-link a {
            display: inline-block; border-bottom: 1px solid #b5c5be; padding: 3px 0;
          }

/* entries */

  .competition-form-btn {
    display: none;
    margin: 35px 35px 0;
  }
    .competition-form-btn a {
      height: 48px; color: white; text-transform: uppercase; display: inline-block;
      font: 16px/48px 'geogrotesque_md', Helvetica, Arial, sans-serif;
      background: #7fba00; padding: 0 28px;
    }
    .competition-form-btn a:hover { color: white; }

  #competition-entries { display: none; padding: 20px 0 0; }

  .competition-header { padding: 0 35px 0; }

  .competition-header h2 { float: left; padding-top: 13px; }

  .competition-action {
    float: right; padding-top: 0px;
  }
  .entries-sort { float: left; white-space: nowrap; padding-top: 12px; }
  .entries-sort-label {
    color: #aaaaaa; font-size: 16px; line-height: 1.5; display: inline-block;
    font-family: 'geogrotesque_md', Helvetica, Arial, sans-serif;
    vertical-align: top; height: 24px; margin-right: 3px;
  }
  .entries-sort-select { display: inline-block; vertical-align: top; }
    .entries-sort-select .jq-select { height: 24px; display: inline-block; vertical-align: top; }
    .entries-sort-select .jq-select-content {
      font-size: 16px; line-height: 1.5; color: #006b4e;
      font-family: 'geogrotesque_md', Helvetica, Arial, sans-serif;
    }
    .entries-sort-select .jq-select-arrow { width: 20px; height: 24px; }
    .entries-sort-select .jq-select-arrow:before {
      border-top-color: #006b4e;
    }
    .entries-sort-select .jq-select select { font-size: 14px;  }

/* grid */
  .entries-grid-holder {
    padding: 20px 22px;
  }
  .entry-grid {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 322px;
    padding:11px;
    position: relative;
  }
  .entry { height: 305px; overflow: hidden; }
  .entry-image { height: 225px; background: #ededed; }
    .entry-image a {
      display: block; height: 225px; background-repeat: no-repeat; background-position: center center;
    }
    .backgroundsize .entry-image a { background-size: cover; background-position: center top; }
      .entry-image img { display: none; }
  .entry-info { padding-top: 15px; }
    .entry-info-inner {
      margin-right: 80px;
      max-height: 67px;
      overflow: hidden;
    }
    .entry-info .entry-title { font-size: 20px; line-height: 1.05; font-family: 'geogrotesque_rg', Helvetica, Arial, sans-serif; }
      .entry-info .entry-title a { color: #333333; }

      .entry-info .entry-title a:hover { color: #006B4E }

      .entry-info .entry-author { color: #a9a9a9; font-size: 14px; line-height: 1.1; padding-top: 5px; overflow: hidden; height: 15px; }

  .entry .liker, .gallery-info .liker {
    float: right; width: 36px; height: 36px;
  }
  .gallery-info .liker { float: left; }

    .entry .liker a, .gallery-info .liker a {
      display: block; outline: 0; height: 100%;
      -webkit-border-radius: 36px; border-radius: 36px; margin-left: 2px;
      background: #006b4e url('../images/like.png') no-repeat center 10px;
    }
    .svg .entry .liker a, .svg .gallery-info .liker a { background-image: url('../assets/like.svg'); }
    .entry .liker-liked a, .gallery-info .liker-liked a { background-color: #ddd; }
  .entry .likes, .gallery-info .likes {
    float: right; width: 29px; height: 28px; padding-right: 4px; background-size: 32px 29px; margin-top: 4px;
    background: url('../images/rate_bubble.png') no-repeat center center;
    font-size: 10px; line-height: 28px; font-weight: bold; color: white;
    text-align: center;
  }
  .svg .entry .likes, .svg .gallery-info .likes { background-image: url('../assets/rate_bubble.svg'); }
  .gallery-info .likes { float: left; }

  .entry .likes-big, .gallery-info .likes-big {
    background: #7fba00 !important; padding: 0; margin: 0; width: 36px; height: 36px;
    -webkit-border-radius: 36px; border-radius: 36px; line-height: 36px; font-size: 12px;
  }

/* two-columns */
  .two-columns .col-1 { float: left; }
  .two-columns .col-2 { float: right; }

/* competition-form */
  .competition-form .form-block { padding: 10px 35px; color: #585858; font-size: 16px; line-height: 1.1; }
  .competition-form .form-row { padding: 7px 0px; }
  .competition-form .border-top { border-top: 1px solid #e6e6e6; }

  .competition-form h1 {
    font-size: 24px; line-height: 1.1; color: #585858; margin: 0; padding: 18px 0 0px;
  }

  .competition-form .two-columns .col-1, .competition-form .two-columns .col-2 { width: 216px; }

  .competition-form .label { padding-bottom: 3px;  }
    .competition-form .label-desc { float: right; font-size: 12px; color: #acacac; font-style: italic; padding-top: 3px; }

  .competition-form .textbox {
    background: #f8f8f8; border: 1px solid #d9d9d9; padding: 0px 10px;

  }
  .competition-form .textbox input, .competition-form .textbox textarea {
    -webkit-appearance: none; width: 100%; margin: 0; padding: 8px 0; border: none; background: none;
    font: 16px/1.1 Helvetica,Arial,Verdana,sans-serif; color: #333; resize: none;
  }

  .competition-form .form-submit { padding: 10px 0; }
    .competition-form .form-submit .submit-btn {
      width: 100%; height: 54px; padding-left:0; padding-right: 0;
      background: #7fba00; color: white; text-align: center;
      font-family: 'geogrotesque_md', Helvetica, Arial, sans-serif;
      font-size: 20px; text-transform: uppercase;
      border: none; outline: 0; -webkit-appearance: none;
      cursor:pointer;
    }

/* gallery */
.gallery {
  position: relative; min-height: 100%;
  -webkit-box-sizing: border-box; box-sizing: border-box;
}


  .gallery-wrap { position: relative; z-index: 100 }
  .gallery-wrap-inner { position: relative; z-index: 100; }

  .jq-gallery-data { display: none; }

  .gallery-image { position: relative; min-height: 10px; margin-left: 305px; background: #dcdcdc; }
    .gallery-image-inner {
      overflow: hidden; text-align: center; position: relative;
      min-height: 100px; position: relative; z-index: 5; text-align: center;
    }
      .gallery-image-inner .loader {
        position: absolute; height: 40px; width: 40px; left: 50%; top: 50%; margin: -20px 0 0 -20px;
        background: url('../images/ajax-loader.gif?2') no-repeat center center; z-index: 10;
      }
      .gallery-image-inner img { display: block; margin: 0 auto; max-width: 100%; z-index: 0; max-height: 100%; }


      .gallery-image .prev-item, .gallery-image .next-item {
        position: absolute; z-index: 10; width: 66px; height: 66px; top: 50%; display: block; zoom:1;
        outline: 0; margin-top: -33px;
        background: url('../images/overlay_10.png') repeat;
        background: rgba(0,0,0,0.10);
        -webkit-border-radius: 66px; border-radius: 66px;
      }

      .gallery-image .prev-item span, .gallery-image .next-item span {
        display: block; height: 100%;
      }
      .gallery-image .prev-item { left: 12px;  }
      .gallery-image .next-item { right: 12px; }
      .gallery-image .prev-item:hover, .gallery-image .next-item:hover { /*opacity:1; filter:none;*/ }

      .gallery-image .prev-item span { background: url('../images/gallery_arrow_prev.png') no-repeat 24px center; }
      .svg .gallery-image .prev-item span { background-image: url('../assets/gallery_arrow_prev.svg'); }
      .gallery-image .next-item span { background: url('../images/gallery_arrow_next.png') no-repeat 28px center; }
      .svg .gallery-image .next-item span { background-image: url('../assets/gallery_arrow_next.svg'); }

  .gallery-content {
    padding: 0 0px 0 0px; position: absolute; top: 0; left: 0; width: 305px; color: #333333;
    font-size: 16px; line-height: 27px; background: white; bottom: 0;
  }

    .gallery-info-header { height: 50px; }
    .gallery-buttons-holder { display: none; }

    .gallery .modal-close {
      color: white; display: block; float: left; text-align: center;
      background: #006b4e; height: 50px; width: 50px; outline: 0;
      font: bold 20px/50px Verdana, sans-serif; z-index: 100; position: absolute;
    }
    .gallery .modal-close:hover { opacity: 0.9; }

    .gallery-info { font-size: 14px; line-height: 23px; position: relative; }
      .gallery-title {
        overflow: hidden; font-size: 24px; line-height: 1.25; color: #006b4e; padding: 40px 25px 10px;
        font-family: 'geogrotesque_md', Helvetica, Arial, sans-serif;

      }
      .gallery-description { overflow: hidden; padding: 0 25px 10px; }
      .gallery-author { padding: 0 25px; font-size: 14px; }
      .gallery-school { padding: 0 25px; font-size: 14px; }
        .gallery-author .author { font-weight: bold; }
        .gallery-author .time { color: #aaaaaa; white-space: nowrap; }

      .gallery-name { padding: 10px 25px; color: #006b4e; font-weight: bold; }
      .gallery-details { padding: 20px 25px 0px; }

        .gallery-scroller { overflow: auto; }

/* footer */
  #footer.inner-footer { margin: 0; }

@media screen and  (max-width: 800px) {
  .content-inner {
    width: auto; padding: 25px 18px;
  }
  .pad-30-35 { padding: 0; }
  .submenu-under #thirdmenu { padding: 10px 16px; }

  .entries-grid-holder { padding: 0; }
  .entry-grid { width: 50%; }
  .competition-header { padding: 0 11px; }
    .competition-header h2 { float: none;  }
    .competition-action { float: none; padding-top: 10px; padding-bottom: 5px; }

  .gallery { height: auto !important; }
  .gallery-image { margin-left: 0; z-index: 0; }
  .gallery-content {
    top: auto; z-index: 10px;
    position: absolute; bottom: 0; left: 0; width: 100%;
  }
  .gallery-info-header, .gallery-name, .gallery-details { display: none !important; }
  .gallery-scroller { height: auto !important; padding-bottom: 10px; }
  .gallery-buttons-holder { display: block; float: right; padding: 16px 18px 5px 5px; }

  .gallery-title {
    font-family: 'geogrotesque_rg',Helvetica,Arial,sans-serif;
    font-size: 20px; color: #333333; line-height: 1.05; padding: 15px 18px 0;
  }

  .gallery-author { padding: 0 18px; }

  .gallery-open #main-holder { display: none;  }

  .entries-sort { float: none; }
  .competition-form-btn { float: none; padding: 5px 0 0; }
}

@media screen and  (max-width: 640px) {
  .entry-grid { float: none; width: auto;  }
  .entry { height: auto; }
  .entry-info-inner { max-height: none; }
  .entry-image { height: auto; }
  .entry-image a { background: none !important; height: auto; }
    .entry-image img { display: block; min-width: 100%; }

  .overlay-open #main-holder { display: none;  }

  .overlay-popup { position: relative !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; margin: 0 !important; }
  .dialog { width: 100%; }
  .competition-form .two-columns .col-1, .competition-form .two-columns .col-2 { width: auto; float: none; }
  .competition-form .two-columns .col-1 { padding-bottom: 14px;}
  .competition-form .form-block { padding-left: 20px; padding-right: 20px; }
}
@media screen and  (max-width: 360px) {

}