.subproject-logo > span:nth-child(1) {
  float: left !important;
  margin-top: -20px;
  margin-bottom: 20px;
}

.logo {
  background-size: 210px auto;
  height: 40px;
  width: 210px;
  margin-top: 22px;
}
.temp_logo,
.lang {
  display: none;
}
#header {
  height: auto;
  background-color: #fff;
}
#header .wrapper {
  padding-bottom: 20px;
}
#header h1 {
  font-size: 20px;
}
#header p {
  width: 280px;
  font-size: 14px;
}
#header .next {
  font-size: 14px;
  margin-top: 10px;
}
#header .headermenu {
  margin-bottom: 10px;
}
#header .menu {
  padding-top: 80px;
  margin-left: -20px;
  margin-right: -20px;
  width: 320px;
  padding-bottom: 40px;
  z-index: 9;
  display: block;
  font-size: 15px;
  margin-top: -440px;
  background-color: #4fb99f;
  top: 0px;
  position: absolute;
  font-size: 18px;
  text-transform: uppercase;
}
#header .menu li {
  padding: 5px;
  float: none;
  clear: both;
  height: 30px;
  line-height: 30px;
}
#header .menu li a {
  color: #fff;
  font-family: aller_lightregular;
}
#header .menu li a img {
  display: none;
}
#header .menu li#project_bt a {
  float: none;
}
#header .menu li#project_bt a span {
  display: none;
}
#header .menu .searchbt {
  background-color: inherit;
  border: 0;
  position: relative;
  margin-top: 5px;
}
#header .menu .searchbt input {
  width: 170px;
  padding-left: 10px;
}
#header .menu .searchbt .gosearch {
  text-indent: -9999px;
  padding: 0;
  width: 40px;
  height: 40px;
  background-position: center center;
}
#header .menu .searchbt .close {
  display: none;
}
#header .menu .search {
  display: none;
}
#header.mobilmenu .menu {
  margin-top: 0;
}
#header.mobilmenu .menu .logo {
  margin-left: 15px;
}
#header.mobilmenu .lang {
  opacity: 1;
  z-index: 12;
  top: 85px;
  background-color: #4fb99f;
  right: 20px;
}
#header.mobilmenu .lang.active {
  right: -20px;
}
#header.mobilmenu .fa-bars {
  display: none;
}
#header.mobilmenu .fa-times {
  display: block;
  font-size: 25px;
  line-height: 40px;
}
#header.mobilmenu .menu_bt:hover {
  background-color: #4fb99f;
}
#header.mobilmenu .logo {
  z-index: 11;
  position: relative;
}
#header.mobilmenu .login-box .profile span {
  width: 210px;
}
#header.mobilmenu .searchbt input {
  width: 230px;
}
#header.mobilmenu .lang:hover,
#header.mobilmenu .menu li a:hover {
  color: #068587;
}
#header.mobilmenu .profile-panel {
  position: relative;
  float: left;
  top: 0;
  max-width: 100%;
  width: 280px;
  border: 0;
}
#header.mobilmenu .profile-panel a {
  border: 0;
  border-top: 1px solid #4fb99f;
}
#header .lang {
  display: block;
  opacity: 0;
  transition: top 900ms ease;
}
#header.hu,
#header.en {
  background: none;
}
.menu_bt {
  display: block;
  position: absolute;
  right: 0px;
  top: 20px;
  clear: both;
  width: 40px;
  height: 40px;
  background-color: #068587;
  line-height: 40px;
  font-size: 25px;
  transition: background-color ease-in-out 300ms;
  z-index: 11;
  background-repeat: no-repeat;
  background-position: 9px 11px;
  background-image: url("../img/menu-bars-icon.png");
  background-image: url("../img/menu-bars-icon.svg"), none;
}
.menu_bt:hover {
  background-color: #4fb99f;
}
.mobilmenu .menu .menu_bt {
  background-position: 11px 11px;
  background-image: url("../img/menu-close-icon.png");
  background-image: url("../img/menu-close-icon.svg"), none;
}
.mobilmenu .menu .logo {
  background-image: url("../img/logo-ok-white.png");
  background-image: url("../img/logo-ok-white.svg"), none;
}
.searchbt {
  display: block;
  clear: both;
  margin-bottom: 20px;
}
.searchbt input {
  float: left;
  height: 40px;
  border: 0;
  padding: 0;
  padding-left: 10px;
  font-size: 14px;
  width: 180px;
  margin-left: 10px;
  -webkit-appearance: none;
  border-radius: 0;
}
.searchbt a {
  display: block;
  width: 40px;
  height: 40px;
  background-color: #ebebeb;
  background-image: url("../img/head-search-icon.png");
  background-image: url("../img/head-search-icon.svg"), none;
  background-position: center center;
  background-repeat: no-repeat;
  float: left;
}
.projectmenu,
.projectmenu.show {
  display: none;
  visibility: hidden;
  opacity: 0;
}
#project_bt.click {
  background-color: inherit;
}
.slide.cycle-sentinel {
  display: none !important;
}
/*** General definitions begin ***/
.hide {
  display: none;
}
[data-read-more-button]:after {
  display: inline-block;
  content: '»';
}
[data-read-more-button].close:after {
  content: '«';
}
[data-tag-cloud] {
  display: block;
  float: left;
  text-align: center;
  line-height: 26px;
  font-size: 30px;
}
[data-tag-cloud] a {
  margin-right: 5px;
}
.col-4,
.col-6,
.col-8,
.col-12 {
  box-sizing: border-box;
}
.col-4 {
  width: 33.33%;
  padding: 0 10px;
}
.col-6 {
  width: 50%;
}
.col-8 {
  width: 66.66%;
}
.col-12 {
  width: 100%;
}
.left {
  float: left;
}
.right {
  float: right;
}
.order-down::after {
  display: block;
  position: relative;
  float: right;
  margin-left: 4px;
  top: 3px;
  content: '';
  width: 16px;
  height: 16px;
  background-image: none;
  background-size: 16px 16px;
  -ms-behavior: url("backgroundsize.min.htc");
  behavior: url("backgroundsize.min.htc");
  background-repeat: no-repeat;
  background-position: top center;
}
.order-up::after {
  display: block;
  content: '';
}
[data-toggle-url-parameter-value="title"].active.order-down::after {
  background-image: url("../img/sort-alpha-asc.png");
  background-image: url("../img/sort-alpha-asc.svg"), none;
}
[data-toggle-url-parameter-value="title"].active.order-up::after {
  background-image: url("../img/sort-alpha-desc.png");
  background-image: url("../img/sort-alpha-desc.svg"), none;
}
[data-toggle-url-parameter-value="uploadTime"].active.order-down::after {
  background-image: url("../img/sort-date-asc.png");
  background-image: url("../img/sort-date-asc.svg"), none;
}
[data-toggle-url-parameter-value="uploadTime"].active.order-up::after {
  background-image: url("../img/sort-date-desc.png");
  background-image: url("../img/sort-date-desc.svg"), none;
}
.manual-controls {
  float: left;
  width: 100%;
  margin-bottom: 30px;
}
.manual-controls a {
  display: block;
  position: relative;
  padding: 10px 30px 10px 15px;
  background-color: #009eff;
  color: #fff;
  transition: background-color 0.6s;
  max-width: 40%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.manual-controls a:hover {
  background-color: #0170ff;
}
.manual-controls a.left::before {
  content: "« ";
}
.manual-controls a.right::after {
  position: absolute;
  display: block;
  top: 10px;
  right: 15px;
  content: " »";
}
ul.directory ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 20px;
}
/*** General definitions end ***/
/*** Project definitions begin ***/
.eslplus h1,
.eslplus h2,
.eslplus h3,
.eslplus h4,
.eslplus h5 {
  color: #009FB4;
}
body#sub.eslplus h1,
body#sub.eslplus h2,
body#sub.eslplus h3,
body#sub.eslplus h4,
body#sub.eslplus h5 {
  color: #009FB4;
}
body#sub.eslplus h1 a,
body#sub.eslplus h2 a,
body#sub.eslplus h3 a,
body#sub.eslplus h4 a,
body#sub.eslplus h5 a {
  color: #009FB4;
}
.eslplus .shortnews a {
  color: #009FB4;
}
body#sub.eslplus .btn,
.eslplus .btn {
  display: block;
  float: left;
  margin: 5px 0;
  padding: 7px 20px 9px 20px;
  background-color: #70b62c;
  color: #fff;
  font-size: 16px;
  font-family: aller_lightregular;
  border: 0;
}
body#sub.eslplus .btn:hover,
.eslplus .btn:hover {
  background-color: #5f9b25;
}
.eslplus input,
.eslplus textarea {
  border: 1px solid #c1c1c1;
  width: 100%;
  height: auto;
  margin: 5px 0;
  padding: 10px;
}
.eslplus.subpage h1 {
  font-size: 28px;
}
#sub.eslplus #header {
  position: relative;
  z-index: 2;
  height: 85px;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
  margin-bottom: 0;
}
#sub.eslplus #header .headermenu {
  margin-bottom: 0;
}
#sub.eslplus .col1 .more {
  border-bottom: 1px solid #808080;
}
.eslplus .social span {
  color: #009eff;
}
.eslplus .col3:last-child {
  margin-right: 0;
}
#sub.eslplus .tags-normal {
  float: left;
  width: 100%;
  padding: 0 5px;
  margin: 6px 0 6px 0;
}
#sub.eslplus .tags-normal a,
#sub.eslplus .keyword {
  transition: background-color 500ms ease-in-out, color 500ms ease-in-out;
  float: left;
  width: auto;
  padding: 0 5px;
  margin: 0 8px 8px 0;
  background-color: #ebebeb;
  color: #30797f;
  font-size: 14px;
  line-height: 1em;
}
.eslplus .level {
  margin: 0 10px;
}
.eslplus .level.level_1,
.eslplus .level.level_2,
.eslplus .level.level_3 {
  display: block;
  float: left;
  font-size: 0;
  width: 16px;
  height: 16px;
  color: transparent;
  background-color: transparent;
  margin-top: 8px;
}
.eslplus .level.level_1::before,
.eslplus .level.level_2::before,
.eslplus .level.level_3::before {
  display: block;
  position: relative;
  float: right;
  margin-left: 4px;
  top: 3px;
  content: '';
  width: 16px;
  height: 16px;
  background-image: none;
  background-size: 16px 16px;
  -ms-behavior: url("backgroundsize.min.htc");
  behavior: url("backgroundsize.min.htc");
  background-repeat: no-repeat;
  background-position: top center;
}
.eslplus .level.level_1::before {
  background-image: url("../img/difficulty-1.png");
  background-image: url("../img/difficulty-1.svg"), none;
}
.eslplus .level.level_2::before {
  background-image: url("../img/difficulty-2.png");
  background-image: url("../img/difficulty-2.svg"), none;
}
.eslplus .level.level_3::before {
  background-image: url("../img/difficulty-3.png");
  background-image: url("../img/difficulty-3.svg"), none;
}
.eslplus .project-header {
  position: relative;
  z-index: 1;
  width: 1200px;
}
.eslplus .subproject-splash {
  position: relative;
  width: 100%;
  height: 286px;
  background-position: 50% 50%;
}
.eslplus .subpage .subproject-splash {
  height: 200px;
}
.eslplus .subproject-logo {
  position: absolute;
  top: 20px;
  left: 15px;
  max-width: 371px;
  max-height: 137px;
  z-index: 1;
}
.eslplus .subproject-logo img {
  max-width: 100%;
}
.eslplus .project-menu {
  border: 0;
  padding: 0;
  height: 60px;
  background-color: #009FB4;
}
.eslplus .project-menu ul {
  display: block;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0 20px;
/*width 60%*/
}
.eslplus .project-menu ul li {
  display: block;
  float: left;
}
.eslplus .project-menu a {
  display: block;
  float: left;
  margin: 5px;
  padding: 0 20px;
  color: #fff;
  line-height: 50px;
  font-size: 18px;
  font-family: aller_lightregular;
}

.eslplus .project-menu a:active,
.eslplus .project-menu a:hover,
.eslplus .project-menu .active a {
  background-color: #fff;
  color: #009FB4;
}

.eslplus .project-menu .languages {
  padding: 5px 10px;
  padding-right: 45px;
  float: right;
/*width 27%*/
}
.eslplus .project-menu .languages a {
  display: block;
  float: right;
  margin: 0;
  margin-left: 10px;
  width: 50px;
  padding-left: 0;
  padding-right: 0;
  line-height: 50px;
  text-align: center;
  background-color: #fff;
  color: #009FB4;
}
.eslplus .project-menu .languages .active a {
  background-color: #fff;
  color: #009FB4;
}
.eslplus .content {
  border: 0;
}
.eslplus .project-initial {
  background-color: #ebebeb;
  text-align: center;
  margin: -40px -40px 15px -40px;
  font-family: aller_lightregular;
  padding: 30px 17% 35px 17%;
}
.eslplus .project-initial h1 {
  display: block;
  font-size: 30px;
  margin: 0 0 0 0;
}
.eslplus .project-initial > p {
  font-size: 18px;
  border-bottom: 1px solid #d3d3d3;
  line-height: 30px;
  margin: 27px 0 10px 0;
  padding-bottom: 24px;
}
.eslplus .project-initial .col1 .more {
  border: 0;
}
.eslplus .project-initial a,
.eslplus .project-initial a:hover,
.eslplus .project-initial a:active,
.eslplus .project-initial a:visited {
  color: #5f9b25;
  font-size: 18px;
}
.eslplus .icon-arrow-full-down:after {
  font-size: 14px;
  font-family: arial;
  content: '▼';
}
.eslplus ratings ul {
  list-style: none;
  margin: 2px 0;
  padding: 0;
  width: 100%;
  float: left;
}
.eslplus ratings li {
  display: block;
  float: left;
  width: 18px;
  height: 20px;
  margin: 0 2px 0 0;
}
.eslplus ratings li:after {
  color: #d3d3d3;
  content: '☆';
  font-size: 24px;
  line-height: 20px;
}
.eslplus ratings li.active:after {
  color: #009eff;
  content: '★';
}
.eslplus ratings.clickable li:hover {
  cursor: pointer;
}
.eslplus .small-box {
  display: block;
  float: left;
  box-sizing: border-box;
  width: 100%;
  background-color: #f7f7f7;
  padding: 22px 30px 40px 30px;
  margin-bottom: 40px;
}
.eslplus .small-box h4 {
  float: left;
  width: 100%;
  color: #000;
  margin-bottom: 4px;
}
.eslplus .small-box p {
  float: left;
  width: 100%;
  margin-top: 8px;
  line-height: 19px;
}
.eslplus .small-image-box .subpage-banner {
  display: block;
  float: left;
  position: relative;
  width: 100%;
  height: 240px;
  margin: 15px 0;
  background-position: 50% 50%;
}
.eslplus .small-image-box .subpage-banner h2 {
  position: absolute;
  top: 30px;
  padding: 10px 20px 12px 20px;
  background-color: #009FB4;
  font-size: 24px;
  text-transform: uppercase;
  color: #fff !important;
}
.eslplus .small-image-box p {
  display: block;
  float: left;
}
.eslplus .shortDescription,
.eslplus .description {
  margin: 15px 0;
}
.eslplus .shortDescription {
  display: block;
  font-weight: 700;
  width: 100%;
  clear: both;
  margin-top: 40px;
}
.eslplus .usefulness {
  color: #009eff;
  font-weight: 700;
  font-size: 18px;
}
.eslplus .toolkitlist-order {
  display: block;
  float: left;
  margin-left: 20px;
  margin-bottom: 20px;
  padding-top: 7px;
}
.eslplus .toolkitlist-order a {
  margin-right: 10px;
  display: inline-block;
  color: #999;
}
.eslplus .toolkitlist-order a::before {
  display: inline-block;
}
.eslplus .toolkitlist-order a.active {
  color: #000;
}
.eslplus .toolkitlist-order a:hover {
  text-decoration: underline;
}
.eslplus .toolkit-list h3 {
  margin: 0;
  float: left;
}
.eslplus .toolkit-list h5 {
  float: left;
}
.eslplus .toolkit-list ratings {
  margin-top: 0px;
}
.eslplus .toolkit-list p {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0 5px 20px 5px;
}
.eslplus .toolkit-list form {
  float: right;
  padding-top: 5px;
}
.eslplus .toolkit-list form select {
  font-size: 12px;
}
.eslplus .toolkit-list .toolkit-element {
  float: left;
  clear: both;
  width: 100%;
}
.eslplus .toolkit-list .toolkit-element h3 {
  width: auto;
  float: left;
}
.eslplus .login-box {
  float: none;
}
/*** Comment box ***/
.comment {
  display: block;
  float: left;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  margin: 8px 0 0 0;
  padding: 15px;
  background-color: #f7f7f7;
}
.comment * {
  line-height: initial;
}
.comment img {
  position: absolute;
}
.comment > div {
  display: block;
  padding-left: 48px;
}
.comment.reply {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 64px;
}
.comment.reply textarea {
  margin: 0;
}
.comment .user-comment {
  font-size: 14px;
  word-wrap: break-word;
}
.comment .comment-meta {
  display: block;
  color: #aaa;
}
.comment a {
  font-size: 12px;
  margin-right: 4px;
  color: #009eff;
}
.comment a:hover {
  text-decoration: underline;
}
.comment a[name] {
  display: none;
}
.comment .user-name {
  margin-right: 2px;
  font-size: 14px;
  font-weight: 700;
}
.comment .comment-time {
  font-size: 12px;
}
.comment .btn {
  width: auto;
}
.comment input,
.comment textarea {
  font-size: 12px;
}
body#sub .btn.btn-sm {
  font-size: 14px;
  padding: 4px 10px;
}
.profile-picture-thumb {
  display: block;
  float: left;
  width: 38px;
  height: 38px;
  margin-right: 8px;
}
.question,
.answer {
  width: 100%;
  float: left;
}
.question {
  font-style: italic;
  margin: 15px 0 10px 0;
}
.question::before {
  content: '"';
}
.question::after {
  content: '"';
}
textarea.user-comment {
  float: left;
  height: 120px;
}
form[name="comment"] {
  display: block;
  float: left;
  width: 100%;
}
form[name="comment"] .form-group {
  padding-right: 0;
}
form[name="comment"] [type="submit"] {
  display: block;
  float: left;
  width: auto;
  padding: inherit 20px;
}
/*** Page specific declarations ***/
.eslplus .mainpage .small-image-box:first-child .subpage-banner {
  margin-top: 35px;
}
.eslplus .mainpage .small-image-box .subpage-banner {
  margin-bottom: 25px;
}
.eslplus .mainpage [data-tag-cloud] {
  margin: 20px -40px 50px -40px;
  padding-bottom: 50px;
  border-bottom: 1px solid #c1c1c1;
}
#sub.eslplus .mainpage .col3 h4 {
  color: #000;
  line-height: 24px;
  margin-bottom: 12px;
}
#sub.eslplus .mainpage .col3 h3 {
  margin-bottom: 18px;
}
#sub.eslplus .newsitem {
  float: left;
  width: 100%;
}
#sub.eslplus .newest-uploads-headers {
  float: left;
  padding: 6px 0 16px 0;
  margin-bottom: 12px;
  border-bottom: 1px solid #c1c1c1;
}
#sub.eslplus .newest-uploads-headers:last-child {
  border: none;
}
#sub.eslplus .newest-uploads-headers .icon {
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  background-image: url("../img/toolkit-icon.png");
  background-image: url("../img/toolkit-icon.svg"), none;
}
#sub.eslplus .newest-uploads-headers .publish-date,
#sub.eslplus .newest-uploads-headers .title {
  display: block;
  float: right;
  width: 310px;
}
#sub.eslplus .newest-uploads-headers .title {
  font-size: 16px;
  line-height: 24px;
  color: #000;
}
#sub.eslplus .newest-uploads-headers .publish-date {
  margin: 3px 0 0 0;
  color: #c1c1c1;
  font-size: 14px;
}
.tag-list-block {
  box-sizing: border-box;
  float: left;
  border: 1px solid #d3d3d3;
}
.eslplus .tag-list-block .small-image-box .subpage-banner {
  margin: 0;
}
.tag-list-block .col-4 {
  padding: 0;
}
.tag-list-block .col-8 {
  padding: 20px;
}
@media (max-width: 550px) {
  .tag-list-block .col-4,
  .tag-list-block .col-8 {
    width: 100%;
  }
  .eslplus .tag-list-block .small-image-box .subpage-banner {
    background-repeat: no-repeat;
  }
  .eslplus .small-image-box .subpage-banner h2 {
    position: relative;
    text-align: center;
    width: 100%;
  }
}
body#sub.eslplus.tool-page h1 {
  padding-bottom: 10px;
}
.eslplus.tool-page .level,
.eslplus.tool-page .level::before {
  width: 24px;
  height: 24px;
}
.eslplus.tool-page .level::before {
  background-size: 24px 24px;
}
.eslplus.tool-page .tags {
  float: left;
  margin-bottom: 10px;
}
@media (max-width: 1280px) {
  .eslplus .project-header {
    width: 940px;
  }
}
@media (max-width: 980px) {
  .eslplus .project-header {
    width: 760px;
  }
  #sub .wrapper {
    width: 100%;
    padding: 0;
  }
  #sub .content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 760px) {
  * {
    box-sizing: border-box;
  }
  form .col-4,
  form .col-6,
  form .col-8,
  form .col-12 {
    width: 100%;
  }
  .col1,
  .col3 {
    float: left;
    width: 35%;
    padding-left: 2%;
    padding-right: 2%;
  }
  .col1 {
    width: 65%;
  }
  .headermenu {
    display: none;
  }
  .wrapper {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
  #sub .content {
    margin: 0;
    padding: 10px;
  }
  .eslplus .project-header {
    width: 100%;
    padding: 0;
  }
  .eslplus .splash {
    display: none;
  }
  .eslplus .project-menu {
    display: block;
    float: left;
    height: auto;
    width: 100%;
  }
  .eslplus .project-menu .menupoints {
    width: 100%;
    padding: 0;
    margin: 0;
  }
  .eslplus .project-menu .menupoints li {
    width: 100%;
  }
  .eslplus .project-menu .menupoints a {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    text-align: center;
  }
  .eslplus .project-menu .languages {
    display: block;
    position: relative;
    float: left;
    width: auto;
    margin: 0 0 0 50%;
    left: -114px;
    padding-right: 0;
  }
  .eslplus .project-menu .languages li {
    float: right;
  }
}
@media (max-width: 640px) {
  .col1,
  .col3 {
    width: 100%;
  }
}