@charset "UTF-8";
/* buttons */
/* titles */
/* background */
/*form*/
.popXtn .nopaddingL {
  padding-left: 0;
}

.popXtn .nopaddingR {
  padding-right: 0;
}

/* Q&A COMPONENT*/
.popXtnCmpnt .PanelCollapse {
  margin-bottom: 15px;
  border: var(--panel-border);
  border-radius: 4px;
}

  /*.popXtnCmpnt .PanelCollapse a {
  text-decoration: none;
  color: #333;
}*/

  .popXtnCmpnt .PanelCollapse [aria-expanded=false] .BtnCollapse {
    background-image: url(../images/plus-button.png);
    width: 17px;
    height: 17px;
    display: inline-block;
    margin: 5px 0px 10px 8px;
    float: right;
  }

  .popXtnCmpnt .PanelCollapse [aria-expanded=true] .BtnCollapse {
    background-image: url(../images/minus-button.png);
    width: 17px;
    height: 17px;
    display: inline-block;
    margin: 5px 0px 10px 8px;
    float: right;
  }

/* // Q&A COMPONENT*/
/* COLLAGE COMPONENT*/
.row.page_component.try-gallery.galleryTopics {
  box-shadow: none;
  border: #fff solid 8px;
}

.popXtn .srch-panel {
  background-color: #edf5fa;
  margin: 15px;
  padding: 17px;
}

.popXtn .btn {
  font-family: Assistant, Arial;
}

  .popXtn .btn.goBtn {
    background-color: #3098CF;
    font-size: 22px;
    color: #fff;
    font-weight: 400;
    letter-spacing: 0.5px;
    padding: 4px 12px;
    border-radius: 4px;
  }

    .popXtn .btn.goBtn.full-width {
      width: 100%;
    }

      .popXtn .btn.goBtn.full-width:hover {
        background-color: #1D5C7E;
      }

.popXtn .linkBold a {
  font-size: 18px;
  font-weight: 600;
}

.popXtn .linkBold {
  text-align: left;
}

.popXtn .srchTopic .linkBold {
  border-right: 2px solid #86AFC5;
  padding: 9.5px 20px 4.5px 0;
}

.popXtn .try-gallery .item.first a .try-overlayicon p:not(:first-child) {
  margin-top: 0;
}

.popXtn .try-gallery .item.first a .try-overlayicon p:first-child {
  min-height: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 17px;
  margin-bottom: 7px;
}

.popXtn .link-container.galleryReadMore {
  padding: 0 0 10px 5px;
}

@media (min-width: 991px) {
  .popXtn .link-container.galleryReadMore.gallery2 {
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .popXtn .link-container.galleryReadMore.gallery4 {
    position: absolute;
    bottom: 0;
    left: 0;
  }
}

.popXtn .try-gallery .item.first a .try-overlayicon p {
  min-height: 99px;
}

.popXtn .main-subject-links p a {
  font-size: 18px;
}

.popXtn .try-gallery .main-subject-links a::before {
  padding: 0px 10px;
}

/* // COLLAGE COMPONENT*/
/* TOPICS LIST PAGE*/
.popXtn .srch-panel.srchFilterTopics {
  background-color: #edf5fa;
  margin: 0px !important;
  padding: 15px;
}

  .popXtn .srch-panel.srchFilterTopics fieldset {
    margin-bottom: 0;
  }

.popXtn .form-group.checkbox-group {
  font-size: 16px;
  margin: 7.5px 0;
}

  .popXtn .form-group.checkbox-group .control-label {
    margin-left: 10px;
  }

.popXtn .srch-panel.srchFilterTopics legend {
  display: block;
  font-size: 18px;
  border: none;
  margin: 0;
}

.popXtn .pre-text .pre-text-info {
  display: inline-block;
  padding-left: 20px;
}

  .popXtn .pre-text .pre-text-info .info-items {
    color: #555;
    font-size: 15px;
    height: 20px;
    background-position: bottom right;
    background-repeat: no-repeat;
    padding-left: 20px;
    margin-bottom: -4px;
  }

    .popXtn .pre-text .pre-text-info .info-items.audience {
      background-image: url(../images/ico-audience.svg);
      display: inline-block;
    }

    .popXtn .pre-text .pre-text-info .info-items.main-subject {
      background-image: url(../images/ico-main-subject.svg);
      display: inline-block;
    }

/* // TOPICS LIST PAGE*/
/*  MY IDEA BANNER */
.popXtnCmpnt .myIdeaBanner {
  background-color: #fff;
  position: relative;
}

.popXtnCmpnt .bannerImg {
  background-color: var(--primary-btn-color);
  padding: 32px 35px 23px 35px;
  color: #fff;
  text-align: center;
  width: 100%;
  height: 100%;
  border-radius: var(--item-radius);
}

.popXtnCmpnt .engBanner .bannerImg {
  padding: 24px 22px 0px 22px;
}

.popXtnCmpnt .bannerImg::before {
  content: "";
  background: url(../images/border-top.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  top: 12px;
  right: 33px;
  height: 20px;
  width: 20px;
}

.popXtnCmpnt .bannerImg::after {
  content: "";
  background: url(../images/border-bottom.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  bottom: 12px;
  left: 33px;
  height: 20px;
  width: 20px;
}

.popXtnCmpnt .bannerCalloutSm {
  font-size: 44px;
  line-height: 40px;
}

.popXtnCmpnt .bannerText {
  font-size: 22px;
  line-height: 29px;
  padding-top: 7px;
}

.popXtnCmpnt .engBanner .bannerText {
  font-size: 20px;
  line-height: 29px;
  padding-top: 7px;
}

.popXtnCmpnt .bannerCallout {
  font-size: 40px;
  font-weight: 600;
  margin-top: 8px;
  line-height: 43px;
  margin-bottom: 20px;
}

.popXtnCmpnt .bannerInput {
  margin-bottom: 15px;
  font-size: 16px;
}

.popXtn .btn.goBtn.darkBlue {
  background-color: #1D5C7E;
  width: 100%;
}

  .popXtn .btn.goBtn.darkBlue:hover {
    background-color: #11415a;
  }

  .popXtn .btn.goBtn.darkBlue.secondary {
    background-color: #EEEEEE;
    color: #1D5C7E;
  }

.popXtnCmpnt .btn.goBtn.darkBlue {
  background-color: #1D5C7E;
  width: 100%;
}

  .popXtnCmpnt .btn.goBtn.darkBlue.secondary {
    background-color: #EEEEEE;
    color: #1D5C7E;
  }

/* // MY IDEA BANNER */
/* MY IDEA TEASER */
.page-component-edu.popXtnCmpnt .page-panel .text-container.myIdeaText {
  background-color: #3098cf;
  color: #fff;
}

.page-component-edu.popXtnCmpnt .page-panel .link-with-img .text-container.myIdeaText a.title,
.page-component-edu.popXtnCmpnt .page-panel .link-with-img div.text {
  color: #fff;
}

.popXtnCmpnt a.btn.btn-default.smallBtn {
  padding: 1px 9px 1px 5px !important;
  margin-top: -20px;
  margin-left: 8px;
}

  .popXtnCmpnt a.btn.btn-default.smallBtn:hover {
    color: #2c7094 !important;
    opacity: 0.8;
  }

.popXtnCmpnt .page-component-edu .text-container.myIdeaText a:hover {
  opacity: 0.7;
  color: #fff !important;
}

.myIdeaModal.popXtnCmpnt .modal-title {
  font-size: 22px;
}

.myIdeaModal.popXtnCmpnt .bannerImg {
  padding: 32px 35px 11px 35px;
}

/* // MY IDEA TEASER */
.popXtn a.ContainerPopularButton {
  float: left;
  color: #fff;
  background-color: #1D5C7E;
  border: 1px solid #1D5C7E;
  border-radius: 8px;
  padding: 3px 15px;
  font-size: 16px;
  text-decoration: none;
  font-weight: normal;
}

  .popXtn a.ContainerPopularButton:hover {
    background-color: #11415a;
    color: #f4f4f4 !important;
  }

.popXtn .courseNoticeWrapper {
  background-color: var( --grey-background);
  padding: 10px;
  margin: 16px;
  min-height: 50px;
  font-size: 18px !important;
  border-radius: var(--item-radius);
}

  .popXtn .courseNoticeWrapper .noticeIcon {
    background-image: url(../images/ico-notice.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 23px;
    padding: 0px 20px;
    display: inline-block;
  }

/*.popXtn .coll-text.courseInfo {
  color: #3098CF;
}*/

.popXtn .ContainerItemInfo {
  margin-bottom: 20px;
}

  .popXtn .ContainerItemInfo .ItemInfo div {
    font-size: 18px !important;
    margin-bottom: 8px;
  }

.popXtn .slickSliderSlide {
  text-align: right;
  padding-right: 90px;
  background-image: url(../images/image-quote.svg);
  background-repeat: no-repeat;
  background-position: top right;
}

  .popXtn .slickSliderSlide.quote {
    background-image: url(../images/image-quote.svg);
  }

  .popXtn .slickSliderSlide.videoClip {
    background-image: url(../images/image-video.svg);
  }

  .popXtn .slickSliderSlide .slideTitle {
    font-size: 16px;
    font-weight: 600;
  }

.popXtn .quotes-carousel-component .slickSliderSlide .slideTitle {
  font-size: 18px;
  font-weight: 600;
}

.popXtn .quotes-carousel-component .slickSliderSlide .slideText {
  font-size: 16px;
}

.popXtn .slickSliderSlide .slideText {
  font-style: italic;
}

.popXtn .page-component-edu .page_component .content.advanced-component.banner .slides .slick-slide {
  width: auto;
}

.popXtn .slickSliderSlide .image {
  margin-right: 20px;
}

/* // MOOC COURSE PAGE // */
/* SEARCH MOOC COURSE PAGE */
.popXtn .col-md-4.ColMultiSelect {
  padding-left: 30px;
  padding-right: 30px;
  border-left: 1px solid #ccc;
  min-height: 294px;
}

.popXtn .containerCourseSearch .boxMultiSelect {
  margin-bottom: 20px;
  min-height: 36px;
  padding: 0 10px;
  font-size: 16px;
}

.popXtn .boxMultiSelect .col-md-5 {
  padding-left: 0;
}

.popXtn .containerCourseSearch .boxMultiSelect .col-md-7 {
  padding-right: 5px;
}

.popXtn .clearBtnWrap a.clearBtn {
  font-size: 16px !important;
}

/*--multi select--*/
.popXtn .containerCourseSearch .btn-group,
.popXtn .containerCourseSearch .btn-group > .btn:first-child {
  width: 100%;
  text-align: right;
}

.popXtn .containerCourseSearch .multiselect-container {
  width: 100%;
}

.popXtn .containerCourseSearch .btn-group .caret {
  float: left;
  margin-top: 9px;
}

.popXtn .containerCourseSearch .multiselect-container > li > a > label.checkbox {
  font-size: 16px;
}

.popXtn .containerCourseSearch .multiselect-container > li > a {
  padding-right: 3px;
}

.popXtn .containerCourseSearch .multiselect-selected-text {
  font-size: 16px;
  padding-left: 5px;
}

.popXtn .containerCourseSearch .boxMultiSelect {
  margin-bottom: 20px;
  min-height: 36px;
  padding: 0 10px;
}

  .popXtn .containerCourseSearch .boxMultiSelect.radioCustomRow {
    margin-bottom: 0px;
  }

.popXtn .checkboxCustomContainer .col-md-2 {
  padding-left: 0px;
}

.popXtn .containerCourseSearch .dropdown-menu > .active > a,
.popXtn .containerCourseSearch .dropdown-menu > .active > a:hover,
.popXtn .containerCourseSearch .dropdown-menu > .active > a:focus {
  background-color: #92518D;
}

/*.popXtn .containerCourseSearch .btn-group .btn {
  border-radius: 0;
}*/
.popXtn .containerCourseSearch .boxMultiSelect .col-md-7 {
  padding-right: 5px;
}

.popXtn .boxMultiSelect .SubTitle .TooltipHelp {
  cursor: pointer;
  vertical-align: text-bottom;
}

.popXtn .boxMultiSelect .form-control {
  border-radius: 0;
}

.popXtn .boxMultiSelect label {
  font-weight: normal;
  font-size: 16px;
}

.popXtn .boxMultiSelect.RowButtns {
  padding-top: 10px;
}

  .popXtn .boxMultiSelect.RowButtns a {
    font-size: 16px;
    text-decoration: underline;
  }

  .popXtn .boxMultiSelect.RowButtns button.btn-danger {
    background-color: #92518D;
    border-color: #92518D;
  }

  .popXtn .boxMultiSelect.RowButtns button.btn {
    font-size: 24px;
    width: 137px;
    float: left;
    padding: 2px 12px;
  }

.popXtn .containerCourseSearch .BoxContent {
  border-bottom: 1px solid #ccc;
  padding-bottom: 23px;
  margin-bottom: 43px;
}

.popXtn .col-md-4.ColMultiSelect {
  padding-left: 30px;
  padding-right: 30px;
  border-left: 1px solid #ccc;
  min-height: 294px;
}

.popXtn .ColMultiSelect:first-child {
  border-left: 1px solid #CCCCCC;
}

.popXtn .btn.goBtn.small {
  font-size: 16px;
  padding: 0px 15px;
}

  .popXtn .btn.goBtn.small:hover {
    background-color: #1D5C7E;
  }

.popXtn .resltsDataContainer {
  border: solid #fff 15px;
  margin-top: 0;
}

  .popXtn .resltsDataContainer .rsltsDataItem {
    padding: 0 12px;
    margin-right: 0 10px;
    border-left: 1px solid #666;
  }

    .popXtn .resltsDataContainer .rsltsDataItem:last-child {
      border-left: none;
    }

    .popXtn .resltsDataContainer .rsltsDataItem strong {
      padding-right: 8px;
    }

  .popXtn .resltsDataContainer .showingRslts {
    font-size: 16px;
    padding-top: 10px;
  }

.popXtn .link-with-img.courseItemBox {
  border-top: 1px solid #E2E2E2;
  padding: 20px 0;
}

.popXtn .page-component-edu .link-with-img .text-container .item-name.courseItem h5 {
  font-size: 24px;
  color: #3098CF;
  font-weight: normal;
}

.popXtn .courseItemInfo {
  margin-top: 12px;
}

  .popXtn .courseItemInfo .rsltsDataItem {
    padding: 0 12px;
    margin-right: 0 10px;
    font-size: 16px;
  }

    .popXtn .courseItemInfo .rsltsDataItem:first-child {
      padding-right: 0;
    }

    .popXtn .courseItemInfo .rsltsDataItem strong {
      padding-left: 8px;
    }

.page-component-edu .page_component .content.advanced-component.banner .slick-next i.fa {
  background: url(../images/gallery-slick-arrow-right.svg) no-repeat center;
}

.page-component-edu .page_component .content.advanced-component.banner .slick-prev i.fa {
  background: url(../images/gallery-slick-arrow-left.svg) no-repeat center;
}

.btn .caret {
  margin-left: -10px;
}

/* // SEARCH MOOC COURSE PAGE // */
/*  checkbox custom  */
.popXtn .checkbox-custom {
  opacity: 0;
  position: absolute;
}

.popXtnCmpnt .checkbox-custom {
  opacity: 0;
  position: absolute;
}

.popXtn .checkbox-custom,
.popXtn .checkbox-custom-label {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}

.popXtnCmpnt .checkbox-custom,
.popXtnCmpnt .checkbox-custom-label {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}

.popXtn .checkbox-custom-label {
  position: relative;
}

.popXtnCmpnt .checkbox-custom-label {
  position: relative;
}

.popXtn .checkbox-custom + .checkbox-custom-label:before {
  content: "";
  background: #fff;
  border: 1px solid #999;
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  padding: 0 3px 0 0;
  margin-left: 8px;
}

.popXtnCmpnt .checkbox-custom + .checkbox-custom-label:before {
  content: "";
  background: #fff;
  border: 1px solid #999;
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  padding: 0 3px 0 0;
  margin-left: 8px;
}

.popXtn .checkbox-custom:checked + .checkbox-custom-label:before {
  content: "✓";
  font-size: 12px;
  color: #3098CF;
  font-weight: 600;
}

.popXtnCmpnt .checkbox-custom:checked + .checkbox-custom-label:before {
  content: "✓";
  font-size: 12px;
  color: #3098CF;
  font-weight: 600;
}

/*  // checkbox custom  */
/*  MEDIA QUERIES  */
@media (max-width: 768px) {
  .popXtnCmpnt .PanelCollapse .Questions {
    vertical-align: top;
    /*margin-top: -6px;*/
    /*width: 90%;*/
  }

  .StripMain.AdministrativeSpace aside.quick-links {
    min-height: 450px !important;
  }

  .popXtn .srch-panel.srchFilterTopics .nopaddingL {
    padding-left: 15px;
  }

  .popXtn .srch-panel.srchFilterTopics .nopaddingR {
    padding-right: 15px;
  }

  .popXtn .srch-panel.srchFilterTopics .checkbox-inline + .checkbox-inline,
  .popXtn .srch-panel.srchFilterTopics .checkbox-inline + .checkbox-inline:first-child {
    margin-right: 0px;
    margin-left: 10px;
  }

  .popXtn .btn.btn-default.smallBtn {
    float: none !important;
    margin: 10px 5px;
  }

  .popXtnCmpnt .btn.btn-default.smallBtn {
    float: none !important;
    margin: 10px 5px;
  }

  .popXtn .courseItemInfo .rsltsDataItem {
    display: block;
    margin-bottom: 5px;
    padding-right: 0px;
  }
}

@media (max-width: 767px) {
  .popXtn .pre-text .pre-text-info {
    display: block;
    padding-left: 0px;
  }

  .popXtnCmpnt .pre-text .pre-text-info {
    display: block;
    padding-left: 0px;
  }

  .popXtn .btn.goBtn {
    width: 100%;
    margin-top: 15px;
  }

  .popXtnCmpnt .btn.goBtn {
    width: 100%;
    margin-top: 15px;
  }

  .popXtn .btn.goBtn:hover {
    background-color: #1D5C7E;
  }

  .popXtnCmpnt .btn.goBtn:hover {
    background-color: #1D5C7E;
  }

  .popXt a.clearBtn {
    margin-top: 15px;
  }
}

@media (max-width: 1200px) {
  .popXtn .linkBold a {
    font-size: 16px;
  }

  .popXtnCmpnt .linkBold a {
    font-size: 16px;
  }

  .popXtn .srchTopic .linkBold {
    border-right: 2px solid #86AFC5;
    padding: 9.5px 5px 4.5px 0;
  }

  .popXtn .bannerImg {
    margin-bottom: 33px;
  }

  .popXtnCmpnt .bannerImg {
    margin-bottom: 33px;
  }
}

@media (max-width: 1200px) and (min-width: 991px) {
  .popXtn .linkBold a {
    font-size: 16px !important;
  }
}

@media (max-width: 991px) {
  .popXtn .srchTopic {
    border-right: none;
  }

  .popXtn .btn.goBtn {
    width: 100%;
  }

  .popXtnCmpnt .btn.goBtn {
    width: 100%;
  }

  .popXtn .srchTopic .linkBold {
    border-right: none;
  }

  .popXtn .form-group.checkbox-group .control-label {
    display: block;
  }

  .popXtn .bannerFormWrap {
    margin-top: -15px;
  }

  .popXtnCmpnt .bannerFormWrap {
    margin-top: -15px;
  }

  .popXtnCmpnt .page-component-edu .page-panel .link-with-img div.text {
    margin-bottom: 20px;
  }

  .popXtnCmpnt .myIdeaTeaserBnnr .ContainerButtons {
    text-align: left;
  }
}

@media (max-width: 480px) {
  .popXtn .containerCourseSearch .btn.goBtn.full-width {
    margin-top: 0px !important;
  }
}

@media (max-width: 320px) {
  .popXtnCmpnt .bannerCallout {
    font-size: 44px;
  }
}
/*Fix 01-10-17*/
@media (max-width: 480px) {
  .selectWrap {
    display: inline-block;
    width: 100%;
  }
}
/*End fix 01-10-17*/
/*Fix 26-10-17*/
.hiddenFix {
  overflow: hidden;
}

/*End fix 26-10-17*/
/*Fix 11-5-17*/
@media (max-width: 768px) {
  .popXtnCmpnt a.btn.btn-default.smallBtn {
    margin-top: 4px;
  }
}
/*End fix 11-5-17*/
/*Academy-zone-classes*/
.page-component-edu .page_component .banner .slides .slick-slide {
  height: auto !important;
}

.page-component-edu .advanced-component.banner .slick-slide {
  /*
  padding: 30px 50px 20px 50px!important;
     */
  padding: 0 30px 0 20px !important;
}

.page-component-edu .advanced-component.banner .slick-slide-academy {
  padding: 0px 35px 0px 35px !important;
}

/*.academy-slick a {
  color: #2c7094 !important;
}*/

.date-broadcast {
  font-size: 20px;
  /* color: #2C7094;*/
  font-weight: 600;
  /* margin-top: 20px;*/
}

.broadcast-item-bottom .ContainerButtons {
  float: right !important;
  margin-right: 175px;
}

.registration-btn {
  font-size: 16px !important;
}

.broadcastItemBox h5 {
  margin-bottom: 15px;
  margin-top: 0px;
  font-size: 24px;
  color: #3098CF;
}

  .broadcastItemBox h5:hover,
  .broadcastItemBox h5:focus {
    color: #1d8bd1;
  }

.clearboth {
  clear: both;
}

.broadcast-item-bottom {
  margin-top: 20px;
  clear: both;
}

.academy-space .listing {
  margin-top: 12px;
  border-top: 1px solid #E2E2E2;
  padding: 20px 0 0;
}

.broadcast-item-bottom .link-container {
  margin-left: 0 !important;
}

.page-component-edu a:focus {
  /*  color: #1d8bd1 !important;
  -webkit-tap-highlight-color: #1d8bd1;*/
  text-decoration: none;
  opacity: 1;
}

/*.page-component-edu .listing .link-container a {
  background-color: #3098CF;
  color: #fff;
  font-weight: 400;
  letter-spacing: 0.5px;
  padding: 2px 12px;
  border-radius: 4px;
}*/

/*.page-component-edu .listing .link-container a:hover {
  color: #fff !important;
  background-color: #1D5C7E;
  opacity: 1;
}*/

.broadcast-date-section {
  margin-bottom: 16px;
  /*  margin-right: 15px;
  margin-left: 15px;*/
}

  .broadcast-date-section:last-child {
    border-bottom: none;
  }

.broadcast-results-section {
  margin-bottom: 20px;
  margin-right: 15px;
  margin-left: 15px;
}

.academy-space .popXtnCmpnt .bannerImg {
  background-color: #3098CF;
  padding: 32px 35px 23px 35px;
  color: #fff;
  text-align: center;
  width: 100%;
  min-height: 300px;
}

.idea-banner-info {
  margin-right: -15px !important;
  padding-left: 5px !important;
}

.academy-space .popXtnCmpnt .bannerCalloutSm {
  font-size: 42px;
}

.popXtnCmpnt .bannerCallout-big {
  font-size: 100px;
  font-weight: 400;
  margin-top: 20px;
  line-height: 43px;
  margin-bottom: 30px;
}

.margin-bottom40 {
  margin-bottom: 40px;
}

.calendar-erea {
  min-height: 150px;
  padding: 0 !important;
}

.form-control:focus {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
}

.form-control {
  font-size: 16px !important;
}

.broadcast-calendar-space label {
  font-size: 18px;
  padding: 0 0 0 10px;
  margin-top: 5px;
  text-align: left;
}

.broadcast-calendar-space h3 {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 22px;
}

h3.title-search-broadcast {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
  margin: 0px 0px 16px 0px;
}

.nopadding {
  padding: 0 !important;
}

.search-broadcast-btn {
  font-size: 16px !important;
  width: 140px !important;
  float: left;
  text-wrap: nowrap;
}

.advance-search {
  clear: both;
  text-decoration: underline;
  /*margin-right: 50px;*/
}

.slick-slide-academy .popXtn .try-gallery .item.first a .try-overlayicon p:first-child {
  margin-top: 10px !important;
  min-height: 137px;
}

.search-broadcast-erea {
  display: inline-block;
  width: 100%;
  margin-right: -10px;
}

.broadcast-search-space label {
  font-size: 18px;
  margin-top: 5px;
  padding: 0;
}

.search-broadcast-erea {
  margin-right: 0px;
  margin-left: 0px;
}

/*.quick-search-broadcast-erea {
  display: inline-block;
  width: 100%;
}*/

.search-col-field {
  margin-bottom: 20px;
  display: inline-block !important;
  width: 100%;
}

  .search-col-field:last-child {
    margin-bottom: 0px;
  }

.search-col {
  padding: 10px 0px 0 30px !important;
  border-left: 1px #DFDFDF solid;
}

.search-col-left {
  padding: 10px 30px 0 40px !important;
}

.popXtn .checkbox-custom:checked + .checkbox-custom-label-grade:before, .popXtn .checkbox-custom:checked + .checkbox-custom-label:before {
  content: "✓";
  font-size: 12px;
  color: var(--cb-color);
  font-weight: 600;
  background: var(--cb-checked-bg);
}

.popXtnCmpnt .checkbox-custom + .checkbox-custom-label-grade:before, .popXtn .checkbox-custom + .checkbox-custom-label:before {
  content: "";
  background: var(--background);
  border: var(--cb-border);
  border-radius: 2px;
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  padding: 0 3px 15px 0;
  margin-left: 5px;
}

.select-grade-erea {
  padding-left: 0 !important;
  margin-top: 7px;
}

.checkboxCustomWrap {
  width: 48px;
}

.search-time {
  padding: 10px 0 0 16px !important;
}

.search-time-erea {
  clear: both;
  padding-top: 15px;
}

.search-time-options {
  padding: 10px 0px 0 30px !important;
}

  .search-time-options select {
    width: 110px;
    padding: 3px;
  }

.date-options {
  padding: 10px 0px 0 0px !important;
  margin-right: 10px;
}

.date-options2 {
  padding: 10px 0px 0 0px !important;
  margin-right: 15px;
}

.input-group-addon {
  top: 10px !important;
}

.clsDatePicker {
  width: 85% !important;
  float: left !important;
}

.date-text {
  line-height: 200%;
  font-size: 16px !important;
}

.datepicker-days table tr th {
  background-color: rgb(255, 255, 255) !important;
}

.datepicker-days tbody {
  background-color: rgb(255, 255, 255) !important;
}

.input-group .form-control:first-child {
  border-radius: 0 !important;
}

.search-btn-erea {
  margin-top: 16px;
  display: inline-block;
  width: 100%;
  /* padding-left: 30px;*/
}

.search-btn {
  width: 105px;
}

.white-title {
  box-shadow: none !important;
}

.popXtn .ContainerItemInfo .ItemInfo div .date-and-time {
  color: var(--title-color);
  font-size: 24px !important;
  font-weight: 600;
  margin-right: 15px;
}

.credit-strip {
  background: #E0EEF5;
  padding: 7px 20px;
}

.ask-lecturer {
  background: #E0EEF5;
  border-radius: 3px;
  background-image: url(../images/ask-icon.png);
  background-repeat: no-repeat;
  color: #2C7093;
  padding: 4px 30px 6px 12px;
  font-size: 18px;
  background-position: 95% 8px;
  font-weight: 600;
}

.update-diary {
  background: #E0EEF5;
  border-radius: 3px;
  background-image: url(../images/calendar-blue-icon.png);
  background-repeat: no-repeat;
  color: #2C7093;
  padding: 4px 30px 6px 12px;
  font-size: 18px;
  background-position: 93% 7px;
  font-weight: 600;
  margin-right: 7px;
}

.popXtn .btn.goBtn.darkBlueNarrow {
  background-color: #1D5C7E;
  padding: 2px 25px;
}

  .popXtn .btn.goBtn.darkBlueNarrow:hover {
    background-color: #11415a;
  }

.devider-gray {
  border-bottom: 1px #DFDFDF solid;
  height: 20px;
  clear: both;
  /* margin-right: 15px;*/
}

.page-component-edu.lecture .main-content h2 {
  font-size: 24px;
  padding: 0;
}

.lecture-description {
  margin-right: 0 !important;
  margin-top: 10px;
}

.lecturer-pic {
  width: 90px !important;
  float: right;
  margin-left: 15px;
  margin-top: 5px;
}

.lecture-box-info .panel [data-toggle=collapse][aria-expanded=true] {
  background-image: url(../images/triangle-up.png);
}

.lecture-box-info .panel [data-toggle=collapse][aria-expanded=false] {
  background-image: url(../images/triangle-down.png);
}

.lecture-box-info a.Collapse[data-toggle=collapse] {
  background-image: url(../images/triangle-up.png);
  width: 100%;
  min-height: 48px;
  display: inline-block;
  background-repeat: no-repeat;
  background-color: var(--item-radius) !important;
  background-position: 98.5%;
  border-right: 3px #ffffff solid;
  border-left: 3px #ffffff solid;
  padding-right: 34px;
  padding-top: 9px;
  color: #1F6185;
  font-size: 18px;
  padding-left: 10px;
  height: auto;
  margin-bottom: -10px;
}

.lecture-boxes .panel-group .panel + .panel {
  margin-top: 0;
  padding-bottom: 10px;
  /* margin-bottom: -10px; */
}

.lecture-box-info .panel:first-child {
  padding-bottom: 10px !important;
}

.lecture-box-info ul {
  padding-top: 10px;
}

.content-lecture-box {
  padding-top: 10px;
}

.lecture-boxes {
  padding-top: 3px;
  background: #fff;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
}

.listing {
  height: auto;
}

.AccordionTitle {
  font-weight: 600;
  float: right;
  /*color: #1D5C7E;*/
  font-size: 22px;
}

.page-component-edu.lecture-boxes a.btn-primary::after {
  font-family: FontAwesome !important;
  content: "";
}

.lecture-box-info a:hover,
.lecture-box-info a:focus {
  border-color: #fff !important;
}

.lecture-box-info a:link {
  -webkit-tap-highlight-color: transparent;
}

.lecture-box-info li {
  font-size: 16px;
  padding-right: 5px;
  margin-bottom: 20px;
}

.lecture-box-info ul.arrow-li {
  list-style-image: url("/images/icons/navigation-blue-side.svg");
}

.page-component-edu .panel {
  border: 0;
}

  .page-component-edu .panel .slider-head-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
  }

    .page-component-edu .panel .slider-head-wrap a {
      font-size: 18px;
      font-weight: 600;
    }

    .page-component-edu .panel .slider-head-wrap .comp-title-container {
      margin: 0 !important;
    }

      .page-component-edu .panel .slider-head-wrap .comp-title-container h4 {
        margin: 13px 0 0 0 !important;
      }

.academy-space .lecture-box-info .listing {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  display: inline-block;
  overflow: visible;
}

.lecture-boxes .panel-group .panel + .panel {
  margin-top: 0;
}

.academy-space .relevant-activities .listing {
  margin-top: 5px;
  margin-bottom: 5px;
}

.page-component-edu.interest-in-box .text-container {
  min-height: 107px;
  background-color: #edf5fa;
  padding-top: 15px;
  padding-left: 10px;
}

.interest-in-box .link-with-img {
  margin-bottom: 25px;
}

/*.video-erea {
  margin-right: -15px;
  margin-left: -25px;
}*/
.video-erea iframe {
  border-radius: 4px;
}

.video-description {
  margin-top: 20px;
}

.talkback-erea {
  margin-top: 40px;
}

/*.nearest-broadcast-section {
  margin-bottom: 20px;
  margin-right: 15px;
  margin-left: 15px;
}*/

.text18-semibold {
  font-weight: 600;
  font-size: 18px !important;
}

.text24-semibold {
  font-weight: 600;
  font-size: 24px !important;
  line-height: 130% !important;
  margin-top: 15px;
  margin-bottom: 10px;
}

.no-broadcast-box {
  padding-bottom: 20px !important;
}

.info-side {
  width: 50%;
}

.clear-right {
  clear: right;
}

.margin-top-30 {
  margin-top: 30px;
}

.img-vod-box {
  float: left;
}

.academy-space .slick-next {
  width: 40px !important;
}

.academy-space .slick-prev {
  width: 30px !important;
}

.academy-space .galleryTopics {
  padding: 0 30px;
}

.modal-text {
  font-size: 18px;
  color: #000;
}

slickCourses .slick-list {
  padding-bottom: 0 !important;
}

.page-component-edu .banner .slides.slick-slider.slickCourses .slick-list {
  padding-bottom: 0 !important;
  height: auto !important;
}

.img-teacher {
  float: left;
}

/* START - fix for production gallery mobile+tablets view 25-3-2019 by yisca*/
@media (max-width: 1199px) and (min-width: 992px) {
  .advanced-component.banner.switch-collage-banner .slides.academy-slick .gallery2 .image {
    height: 400px !important;
  }

  .advanced-component.banner.switch-collage-banner .slides.academy-slick .gallery3 .image {
    height: 400px !important;
  }

  .advanced-component.banner.switch-collage-banner .slides.academy-slick .gallery4 .image {
    height: 400px !important;
  }

  .advanced-component.banner.switch-collage-banner .slides.academy-slick .image {
    height: 200px !important;
  }

  .advanced-component.banner.switch-collage-banner .slides.academy-slick .first .image {
    height: 400px !important;
  }

  .slides.academy-slick .gallery2.galleryTopics .image img {
    height: 280px;
  }

  .slides.academy-slick .gallery3.galleryTopics img {
    height: 280px;
  }

  .advanced-component.banner.switch-collage-banner .slides.academy-slick .gallery4 .image img {
    height: 280px;
  }
}

@media (min-width: 481px) and (max-width: 767px) {
  .advanced-component.banner.switch-collage-banner .slides.academy-slick .image img {
    height: 200px !important;
  }

  .advanced-component.banner.switch-collage-banner .slides.academy-slick .image {
    height: auto !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .advanced-component.banner.switch-collage-banner .slides.academy-slick .image img {
    height: auto !important;
  }

  .advanced-component.banner.switch-collage-banner .slides.academy-slick .image {
    height: 400px !important;
  }
}

@media (max-width: 400px) {
  .advanced-component.banner.switch-collage-banner .slides.academy-slick .image {
    height: 250px !important;
  }
}

@media (max-width: 480px) and (min-width: 400px) {
  .advanced-component.banner.switch-collage-banner .slides.academy-slick .image {
    height: 300px !important;
  }
}
/* END - fix for production gallery mobile+tablets view 25-3-2019 by yisca*/
h1,
h2,
h3,
h4,
h5,
h6,
.heading {
  font-family: "assistant" !important;
  font-weight: 600 !important;
  color: var(--title-color);
}

.gallery2.galleryTopics .try-overlayicon {
  height: 46px;
}

.gallery2.galleryTopics .image {
  height: 480px;
}

.gallery3.galleryTopics img {
  height: 380px;
}

.disabled-checkbox {
  opacity: 0.3;
}

.broadcast-item-bottom .broadcastReadMore {
  float: left !important;
}

.broadcast-date-section .listing {
  height: auto;
  margin-top: 12px;
  border-top: 1px solid #E2E2E2;
  padding: 20px 0 0;
}

.academy-slick .page-component-edu .page_component .content.advanced-component.banner .slick-prev,
.page-component-edu .page_component .content.advanced-component.banner .slick-next {
  width: 40px;
  height: 50px;
  position: absolute;
  z-index: 200;
  background: none;
  border: 0 none;
  cursor: pointer;
}

input[type=checkbox][disabled] ~ label {
  opacity: 0.3 !important;
}

.calendar-left-content {
  margin-top: 55px;
  border-right: #DFDFDF solid 1px;
  padding: 0 20px 0 0;
  height: 310px;
}

.title-calendar-content {
  color: #2C7093;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}

/*.calendar-hours {
  color: #2C7093;
}*/

.calendar-content-item {
  color: #2C7093;
  font-weight: 600;
  padding-right: 0 !important;
}

.calendar-content-row {
  margin-bottom: 15px;
}

.calendar-legend {
  clear: both;
  margin: -10px 0 20px 0px;
}

.legend-current {
  border-radius: 100%;
  height: 23px;
  width: 23px;
  border: 1px var(--primary-btn-color) solid;
  background: transparent;
  display: inline-block;
  margin: 0 20px -5px 10px;
}

.legend-event {
  border-radius: 100%;
  height: 23px;
  width: 23px;
  background: #E0EEF5 !important;
  display: inline-block;
  margin: 0 20px -5px 10px;
}

.devider-gray-calendar {
  border-bottom: 1px #DFDFDF solid;
  clear: both;
  margin-right: 15px;
  margin-bottom: 15px;
  margin-left: 15px;
}

.autocomplete li:hover {
  background-color: #f5f5f5;
}

@media (max-width: 1200px) {
  .gallery2.galleryTopics .image {
    height: 430px;
  }

  .gallery3.galleryTopics img {
    height: 325px;
  }

  #broadcast-time {
    width: 150px !important;
  }
}

@media (max-width: 1024px) {
  .search-btn {
    width: 105px !important;
  }
}

@media (min-width: 1199px) {
  .search-time-options select {
    margin-right: 25px;
  }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .try-gallery .item:not(.first) a .try-overlayicon p {
    font-size: 15px !important;
    max-height: unset;
  }

  .academy-slick .row.page_component.try-gallery.gallery2 .item a .item-time-wrap {
    padding-right: 5px !important;
  }

  .gallery2.galleryTopics .image {
    height: 380px !important;
  }
}

@media screen and (max-width: 991px) and (min-width: 769px) {
  .StripMain.academy-space,
  .StripMain.AdministrativeSpace {
    padding-top: 15px;
  }
}

@media (min-width: 992px) {
  /*#broadcast-time {
    margin-right: 23px;
    width: 235px;
  }*/
  .quote-width1 {
    width: 75% !important;
  }

  .img-teacher-width1 {
    width: 25% !important;
  }

  .quote-width2 {
    width: 66% !important;
  }

  .img-teacher-width2 {
    width: 33% !important;
  }

  .quote-width3 {
    width: 50% !important;
  }

  .img-teacher-width3 {
    width: 50% !important;
  }
}

@media (max-width: 991px) {
  .idea-banner-info .bannerFormWrap {
    margin-right: 15px;
    margin-left: 15px;
  }

  .search-broadcast-erea {
    margin-right: 0;
  }

  .quick-search-broadcast-erea {
    margin-right: 0;
  }

  .search-broadcast-erea .ContainerButtons {
    text-align: left !important;
  }

  .search-col {
    padding: 0px !important;
    border: 0;
  }

  .search-col-left {
    padding: 0px !important;
  }

  .search-time {
    padding: 0px !important;
  }

  .search-time-options {
    padding: 10px 15px 0 15px !important;
  }

  .clsDatePicker {
    width: 90% !important;
  }

  .date-options2 {
    margin-left: 15px;
    margin-right: 11px;
  }

  .date-options {
    margin-left: 15px;
  }

  .search-broadcast-erea .ContainerButtons {
    text-align: left !important;
  }

  .search-btn-erea {
    padding-left: 0px !important;
  }

  .btn.goBtn.darkBlueNarrow {
    width: auto !important;
  }

  .gallery4 .item:not(.first) a .try-overlayicon p {
    min-height: 83px;
  }

  .academy-space .page-component-edu .advanced-component.banner .row h4 {
    margin: 13px 15px 0 0;
  }

  .gallery2.galleryTopics .try-overlayicon {
    height: 100px;
  }

  .search-time-options select {
    width: 100%;
  }

  #broadcast-time {
    width: 100% !important;
  }

  .calendar-left-content {
    border-right: 0;
    margin: 10px 20px 0;
    height: auto;
    border-top: #DFDFDF solid 1px;
    padding: 20px 0;
  }

  .calendar-content-item {
    padding-right: 15px !important;
  }

  .title-search-broadcast {
    margin-right: 0;
  }
}

@media (max-width: 630px) {
  .broadcastReadMore {
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .academy-slick .gallery2 .col-md-4 {
    width: 33.33% !important;
  }

  .academy-slick .gallery3 .col-md-4 {
    width: 50% !important;
  }

  .academy-slick .gallery4 .col-md-4 {
    width: 100% !important;
  }

  #ask-lecturer-modal .modal-dialog {
    width: 620px;
  }

  .image-lecture {
    padding-right: 15px;
  }

  .calendar-erea {
    /*padding-left: 15px !important;*/
    padding-right: 5px !important;
  }

  .gallery4 .item:not(.first) a .try-overlayicon p {
    min-height: auto;
  }
}

@media (max-width: 767px) {
  .academy-space .galleryTopics {
    padding: 0;
  }

  .gallery2.galleryTopics .try-overlayicon {
    height: 50px;
  }

  .popXtn .btn.goBtn.darkBlueNarrow {
    margin-top: 0;
  }

  .no-broadcast-text {
    padding: 0;
  }

  .img-teacher {
    float: none;
    padding: 40px !important;
  }

  .broadcast-item-bottom .ContainerButtons {
    margin-right: 0;
  }

  .broadcast-date-section .btn.goBtn {
    margin-top: 0 !important;
  }
}

@media (max-width: 767px) and (min-width: 600px) {
  .image-lecture {
    margin-right: 15px;
    margin-bottom: 5px;
  }
}

@media (max-width: 600px) {
  .img-vod-box {
    float: none !important;
    margin-right: -15px;
    margin-left: -15px;
  }

  .vod-box .info-side {
    width: 100%;
  }
}

@media (max-width: 560px) {
  .update-diary {
    margin-top: 10px;
    margin-right: 0;
    float: right;
  }
}

@media (max-width: 480px) {
  .popXtnCmpnt .bannerCallout-big {
    font-size: 80px;
  }

  .interest-in-box img {
    width: 96px;
    height: 64.2px;
  }

  .page-component-edu .page_component .link-with-img div.text {
    padding-bottom: 15px;
  }
}

@media (max-width: 425px) {
  .broadcastItemBox h5 {
    clear: both;
  }

  .ask-lecturer {
    font-size: 13px;
    display: block;
    width: 125px;
  }

  .update-diary {
    font-size: 13px;
  }

  .but-lecture-erea {
    padding: 0 !important;
  }

  .popXtn .btn.goBtn.darkBlueNarrow {
    padding: 2px 10px;
    font-size: 18px;
    margin-left: -15px;
  }

  .lecture-description {
    margin-right: -15px !important;
    margin-left: -30px !important;
  }

  .popXtn a.ContainerPopularButton {
    margin-top: 10px;
  }

  .side-info-lecture {
    padding: 0 !important;
    margin-left: -15px;
  }

  .image-lecture-erea {
    margin-right: 0;
  }

  .image-lecture-erea {
    margin-left: -15px;
  }

  .page-component-edu:not(.not-shaped) .comp-title-container h3 {
    margin: 12px 15px 0 15px;
  }

  .img-teacher {
    padding: 10px 0 !important;
  }
}
/*-- gallery-fix  - 20-3-19 ---*/
.page-component-edu .page_component .content.advanced-component.banner .slick-next {
  width: 40px;
}

.page-component-edu .page_component .content.advanced-component.banner .slick-prev {
  width: 40px;
}

.page-component-edu .advanced-component.banner .slick-slide {
  padding: 0 30px 0 20px !important;
}

.popXtn .academy-slick .try-gallery .item.first a .try-overlayicon {
  margin-top: 10px;
}

  .popXtn .academy-slick .try-gallery .item.first a .try-overlayicon p {
    min-height: auto !important;
  }

.page-component-edu .advanced-component.banner .row h4 {
  margin: 13px 15px 0 0;
}

.switch-collage-gallery-component.page-component-edu .advanced-component.banner .row h4 {
  margin: 12px 13px 5px 13px;
}

.search-time-erea .form-control {
  border: 1px solid #a9a9a9;
}

.search-broadcast-erea ul,
.search-broadcast-erea ol {
  line-height: 0.8 !important;
}

.search-broadcast-erea .dropdown-menu > li > a {
  display: block;
  padding: 0 20px;
}

.boxMultiSelect .checkbox-custom-label-grade {
  margin-top: 0 !important;
}

.search-time-erea select::-ms-expand {
  display: none;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .search-time-erea #broadcast-time,
  .search-time-erea #broadcast-time-2 {
    height: 36px !important;
    background-image: url(../images/arrow-select.png) !important;
    background-repeat: no-repeat !important;
    background-position: center left !important;
  }
}

@supports (-ms-ime-align: auto) {
  .search-time-erea #broadcast-time,
  .search-time-erea #broadcast-time-2 {
    height: 36px !important;
    background-image: url(../images/arrow-select.png) !important;
    background-repeat: no-repeat !important;
    background-position: center left !important;
  }
}

@media (max-width: 1200px) and (min-width: 991px) {
  .page-component-edu .advanced-component.banner .slick-slide {
    padding: 0px 40px 20px 30px !important;
  }

  .try-gallery .first .image {
    height: 476px;
  }
}

@media (min-width: 992px) {
  .academy-slick .row.page_component.try-gallery .item a .try-overlayicon p:last-child {
    line-height: normal;
    min-height: auto;
  }

  .popXtn .academy-slick .try-gallery .first .image {
    height: 492px;
  }

  .popXtn .academy-slick .try-gallery.gallery4 .image {
    height: 490px;
  }

  .popXtn .academy-slick .try-gallery.galleryTopics .image .galleryReadMore {
    /*position: absolute;
    bottom: 0;
    left: 0;*/
    /*padding: 0 0 6px 4px;*/
  }

  .popXtn .academy-slick .try-gallery.gallery3 .image .galleryReadMore {
    position: relative;
  }

  .advanced-component.banner .slides .image.small {
    height: 246px;
  }

  .academy-slick .row.page_component.try-gallery.gallery4 .item a .item-time-wrap {
    display: block;
    padding-right: 13px;
  }
}

.academy-slick .row.page_component.try-gallery.gallery3.galleryTopics .item a .try-overlayicon p {
  min-height: 46px;
}

.academy-slick .row.page_component.try-gallery .item a .try-overlayicon p {
  margin: 0;
}

.item-time-wrap img.broadcast-icon {
  width: 14px;
  height: 15px !important;
  margin-bottom: 1px;
}

.academy-slick .row.page_component.try-gallery.gallery2 .item a .item-time-wrap {
  padding-right: 13px;
}

.academy-slick .row.page_component.try-gallery.gallery3 .item a .item-time-wrap {
  padding-right: 13px;
}

.item-time-wrap {
  margin: 5px 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-right: 18px;
}

  .item-time-wrap.small {
    padding-right: 13px;
    margin: 5px 0;
  }

  .item-time-wrap span {
    line-height: 16px;
    font-weight: 600;
    margin: 0 3px;
    display: inline-block;
  }

    .item-time-wrap span.date {
      border-left: 1px solid rgb(44, 112, 148);
      padding-left: 5px;
    }

  .item-time-wrap.broadcastItemBox {
    margin: 0;
    display: inline-flex;
    background: rgba(208, 227, 242, 0.48);
    padding: 7px 14px;
    align-items: flex-end;
  }

    .item-time-wrap.broadcastItemBox span {
      line-height: 14px;
      font-weight: 600;
      margin: 0 3px;
      display: inline-block;
      color: rgb(44, 112, 148);
    }

      .item-time-wrap.broadcastItemBox span.date {
        border-left: 1px solid rgb(44, 112, 148);
        padding-left: 5px;
      }

@media (min-width: 1200px) {
  .gallery4 img {
    height: 360px !important;
  }

  .gallery4 .item:not(.first) a .try-overlayicon p {
    min-height: auto;
  }
}

@media (max-width: 1200px) {
  .page-component-edu .link-container a {
    font-size: 15px;
  }

  .row.page_component.try-gallery .item.first a .try-overlayicon p {
    min-height: 30px;
  }

  .try-gallery.gallery4 .advanced-component.banner .slides .image {
    height: auto !important;
  }

  .advanced-component.banner .slides .image {
    height: 223px !important;
  }

  .gallery3 .item:not(.first) a .try-overlayicon p {
    max-height: 46px;
  }

  .academy-slick .row.page_component.try-gallery .item a .try-overlayicon p {
    font-size: 15px;
  }
}

@media (max-width: 1024px) {
  .popXtn .link-container.galleryReadMore {
    padding: 0 0 20px 5px;
    margin-top: -10px;
  }
}

@media (max-width: 991px) {
  .academy-slick .row.page_component.try-gallery .item a .try-overlayicon p {
    font-size: 1px;
  }

  .advanced-component.banner .slides .item {
    width: 100%;
  }

  .academy-slick .row.page_component.try-gallery .item a .try-overlayicon p {
    font-size: 16px;
    min-height: auto !important;
  }

  .popXtn .academy-slick .try-gallery.galleryTopics .image .galleryReadMore {
    position: relative;
  }

  .popXtn .link-container.galleryReadMore {
    padding: 0;
  }

  .gallery4 .image {
    height: auto;
  }

  .advanced-component.banner .slides .gallery2 .image {
    height: 360px !important;
  }

  .page-component-edu .advanced-component.banner .slick-slide {
    padding: 0px 20px 10px 15px !important;
  }

  .gallery3.galleryTopics img {
    height: auto;
  }

  .try-gallery.gallery3 .item:not(.first) a .try-overlayicon p {
    min-height: 40px;
    max-height: 44px;
  }

  .gallery4 img {
    height: auto !important;
  }

  .try-gallery p:nth-child(2) {
    display: none;
  }
}

@media (max-width: 860px) {
  .try-gallery .item.first a .try-overlayicon p {
    max-height: 74px;
  }

  .try-gallery .item:not(.first) a .try-overlayicon p {
    min-height: auto;
    max-height: 40px;
  }

  .popXtn .try-gallery .item.first a .try-overlayicon p:first-child {
    margin-top: 0px;
  }
}

@media (max-width: 800px) {
  .try-gallery .item:not(.first) a .try-overlayicon p {
    min-height: auto;
    max-height: 36px;
  }
}

@media (max-width: 767px) {
  .page-component-edu .advanced-component.banner .slick-slide {
    padding: 0 !important;
  }

  .popXtn .academy-slick .try-gallery.galleryTopics .image .galleryReadMore {
    position: absolute;
    left: 5px;
    bottom: 10px;
  }
}

@media (max-width: 425px) {
  .gallery4 {
    padding: 0 !important;
  }

  .gallery3 img {
    height: 132px !important;
  }

  .row.page_component.try-gallery.galleryTopics {
    border: 0;
  }

  .try-gallery .item .image {
    position: relative;
    border: 0;
  }

  .page-component-edu .page_component .content.advanced-component.banner .slick-prev,
  .page-component-edu .page_component .content.advanced-component.banner .slick-next {
    width: 30px !important;
  }

  .gallery4 .image {
    height: 300px;
  }

  .popXtn .link-container.galleryReadMore {
    margin-top: 20px;
  }
}
/*-- End gallery-fix    ---*/
/*End Academy-zone-classes*/
/*-- calendar fix    ---*/
.fc-state-default {
  border: 0;
  background-color: transparent;
  background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
  background-image: -o-linear-gradient(top, #fff, #e6e6e6);
  background-image: none;
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #7092B1;
  text-shadow: 0;
  box-shadow: none;
}

  .fc-state-default:hover {
    color: #1D5C7E;
  }

.fc-next-button:focus,
.fc-prev-button:focus {
  outline: -webkit-focus-ring-color auto 1px;
}

.fc-center h2 {
  margin-top: 5px !important;
}

.calendar table {
  background: 0;
  margin-top: 5px;
}

.fc-head-container {
  border: 0 !important;
}

.fc-day-header {
  background: transparent;
}

.fc td,
.fc th {
  border-style: none;
}

.fc-unthemed .fc-content,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-list-heading td,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-row,
.fc-unthemed tbody,
.fc-unthemed td,
.fc-unthemed th,
.fc-unthemed thead {
  border: 0;
}

.fc .fc-row .fc-content-skeleton table,
.fc .fc-row .fc-content-skeleton td,
.fc .fc-row .fc-helper-skeleton td {
  text-align: center;
}

.fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: none;
}

/*.fc-today span:before {
	border-radius: 100%;
	height: 34px;
	width: 34px;
	border: 1px #DF2020 solid;
	background: transparent;
	content: "";
	position: absolute;
	z-index: -1;
	margin-left: 11px;
	margin-top: -7px;
	display: flex;
}*/
.fc-content-skeleton .fc-today {
  cursor: pointer;
  color: rgb(24, 24, 24);
  height: 36px !important;
  background-image: url(../images/igul-current-day.png) !important;
  background-repeat: no-repeat !important;
  background-position: top center !important;
}

/*.fc-today {
	cursor: pointer;
	color: rgba(24,24,24,1);
	height: 36px !important;
	background-image: url(../images/igul-current-day.png) !important;
	background-repeat: no-repeat !important;
	background-position: top center !important;
	background-clip: content-box !important;
	line-height: 240%;
}*/
.has-events {
  color: #ffffff;
  border: 0;
  cursor: pointer;
  color: rgb(24, 24, 24);
  height: 36px !important;
  background-image: url("../images/igul-event.png") !important;
  background-repeat: no-repeat !important;
  background-position: top center !important;
}

.fc-today.has-events {
  color: #ffffff;
  border: 0;
  cursor: pointer;
  color: rgb(24, 24, 24);
  height: 36px !important;
  background-image: url("../images/icons/current-day.png") !important;
  background-repeat: no-repeat !important;
  background-position: top center !important;
}

.fc td,
.fc th {
  vertical-align: middle;
}

.fc-scroller {
  overflow-y: hidden !important;
  height: auto !important;
}

.fc-basic-view .fc-body .fc-row {
  height: 2.7em !important;
  min-height: 2em;
}

.fc-unthemed td.fc-today {
  background: transparent;
}

.has-events:hover {
  cursor: pointer;
}

.caret {
  border-top: 6px dashed !important;
  border-top: 4px solid;
  border-right: 3px solid transparent;
  border-left: 3px solid transparent;
}

@media (max-width: 320px) {
  .fc-day-header {
    font-size: 1.3rem;
  }
}
/*-- End calendar fix    ---*/
/*--  Tour    ---*/
.advanced-component.standard-components.tours-space .col-md-8 {
  width: 100%;
}

.tours-space .listing {
  margin-top: 0;
  border-top: 1px solid #E2E2E2;
  padding: 20px 0 0;
}

#left_col:not(.home) .tours-space h1:first-child:not(.areaTitle) {
  border: 0;
}

/*section.content .home-container .row.home-row .tours-space h2 {
  width: 235px;
}*/

.rout-field {
  float: right !important;
  font-family: Assistant;
  font-size: 18px;
  font-weight: bold;
  line-height: 150%;
  color: #333;
  text-align: right;
  min-width: 19%;
  width: 40%;
  min-height: 48px;
  height: 48px;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 10px;
  background-position: 0;
  background-size: 30px 100%;
  border: 1px solid #000;
  border-right: none;
}

select#edulevel {
  background: url(../images/arrow_drop_down_grey_64.png) no-repeat left #fff;
  background-size: 30px 100%;
}

a.hipus:after {
  font-family: FontAwesome;
  content: " \f104";
}

#left_col:not(.home) .tours-space h1:first-child:not(.areaTitle) {
  margin-bottom: 0;
}

.tours-space .lecture-description {
  margin-top: 0;
}

section.content .tours-space h2 {
  margin-top: 0;
}

.box-recommendation {
  background: var( --background-light-blue);
  /*padding: 16px;*/
  margin-bottom: 10px;
}

  .box-recommendation
  a {
    color: var(--link-color-on-l-blue) !important;
  }

    .box-recommendation
    a.primary-btn {
      color: var(--primary-btn-text-color) !important;
    }

    .box-recommendation
    a.secondary-btn {
      color: var( --secondary-btn-text-color) !important;
    }
  /*.box-recommendation h2 {
  color: #1D5C7E;
}*/

  .box-recommendation ul {
    list-style: none;
  }

    .box-recommendation ul:last-child {
      margin: 0;
    }

.title-rout {
  font-weight: 600;
  margin-bottom: 0;
}

/*.box-recommendation ul li::before {
  content: "•";
  color: #3098CF;
  display: inline-block;
  width: 0.5em;
  margin-right: -0.7em;
  font-size: 22px;
  margin-bottom: 5px;
}*/

.box-recommendation ul li {
  margin: 0;
  line-height: 120%;
  padding: 5px 0;
}

.box-recommendation h3:first-of-type {
  margin-bottom: 20px;
}

.tours-space.popXtn .ContainerItemInfo {
  margin-bottom: 0;
}

.lecture-boxes .read-more {
  display: block;
  margin-top: 5px;
}

.lecture-box-info li.more-links {
  margin-bottom: 10px;
  margin-top: 5px;
}

.tours-space .page-component-edu .page_component .img-container {
  width: auto;
  height: 80px;
}

.tours-space .text-container.myIdeaText {
  background-color: #3098cf;
  color: #fff !important;
}

.tours-space .link-with-img .myIdeaText a,
.tours-space .link-with-img .myIdeaText .text {
  color: #fff !important;
}

.tours-space.popXtnCmpnt a.btn.btn-default.smallBtn {
  padding: 1px 9px 1px 5px !important;
  margin-top: -20px;
  margin-left: 8px;
}

.tours-space .smallBtn {
  color: #333 !important;
  background-color: #fff;
  border-color: #ccc;
}

.tours-space .link-with-img a.btn-default.smallBtn {
  color: #2c7094 !important;
  margin-top: -20px;
  font-weight: 400;
  padding: 4px 9px 4px 5px;
}

.btn.goBtn.darkBlue {
  background-color: #1D5C7E;
  width: 100%;
  font-size: 22px;
  color: #fff;
  font-weight: 400;
  letter-spacing: 0.5px;
  padding: 4px 12px;
  border-radius: 4px;
}

  .btn.goBtn.darkBlue:hover {
    background-color: #11415a;
  }

.tours-space .page-component-edu .page_component.main-content {
  box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 5px;
}

.tours-space .page-component-edu .panel-body {
  box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 5px;
}

.tours-space .quick_links.panel.panel-default {
  padding-bottom: 0;
}

@media (min-width: 1200px) {
  .advanced-component.standard-components.tours-space {
    padding: 0;
  }
}

@media (max-width: 991px) {
  section.content.tours-space .home-container .row.home-row .ma-lomdim {
    width: 90%;
  }

  .tours-space .home-row {
    width: 100%;
    margin-top: 10%;
    margin-right: 2%;
  }
  /* .tours-space .home-container {
    background-size: 200%;
  }*/
  section.content .home-container .row.home-row .tours-space .ma-lomdim h1 {
    width: 100%;
    padding-top: 5px;
    font-size: 32px;
  }
}

@media (max-width: 768px) {
  section.content .home-container .row.home-row .ma-lomdim h1 {
    width: 100%;
    padding-top: 5px;
  }

  .rout-field {
    width: 55%;
  }

  .tours-space .home-learn-dlg {
    padding-top: 0;
    margin-top: 0;
  }

  .page-component-edu .panel .slider-head-wrap {
    padding: 0 20px;
  }

  .page-component-edu .advanced-component.banner .row h4 {
    font-size: 18px;
    padding: 10px 15px;
  }
}

@media (max-width: 480px) {
  .rout-field {
    width: 100%;
  }

  .tours-space .home-learn-dlg {
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
  }
}

@media (max-width: 480px) and (max-width: 991px) {
  section.content.tours-space .home-container .row.home-row .ma-lomdim {
    width: 100%;
  }
}
/*-- End Tour    ---*/
/*--  Social    ---*/
.glyphicon-chevron-right:before {
  content: "\e080";
}

.glyphicon-chevron-left:before {
  content: "\e079";
}

.social-main .carousel a {
  color: #fff;
}

  .social-main .carousel a:hover {
    color: #fff !important;
  }

.social-main .carousel-indicators {
  right: 50% !important;
  left: 0;
  margin-right: -30% !important;
  margin-left: 0;
  padding-left: 0;
}

.listing-container.ng-scope.listing-container-three-columns-with-title .vert-line.vert-line2 {
  left: 32.6%;
}

.listing-container.ng-scope.listing-container-three-columns-with-title div.vert-line {
  top: -5px;
  width: 1.4%;
  height: 102%;
  background-color: rgb(238, 238, 238);
  position: absolute;
}

.listing-container.ng-scope.listing-container-three-columns-with-title .opened-list.listing.three-columns {
  padding-right: 15px;
}

.listing-container.ng-scope.listing-container-three-columns-with-title .listing {
  overflow: visible;
}

.listing-container.ng-scope.listing-container-three-columns-with-title .vert-line.vert-line1 {
  right: 32.6%;
}

.listing-container.ng-scope.listing-container-three-columns-with-title h2 {
  padding-bottom: 15px;
  margin-top: -25px;
  font-size: 30px;
  color: rgb(48, 65, 85);
  text-align: center;
  min-height: 50px;
}

.listing-container.ng-scope.listing-container-three-columns-with-title .col-md-4.ng-scope:nth-child(3n+2) {
  margin-right: 10px;
  margin-left: -10px;
}

/*.social-main .search-btn-erea {
  padding-left: 25px !important;
}*/

.social-search-space {
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 5px;
  margin-bottom: 48px;
}

  .social-search-space label {
    font-size: 18px;
    margin-top: 5px;
    padding: 0;
  }

.type-search-social {
  margin: 15px 15px 20px;
  width: 100%;
}

.type-search-social {
  margin: 15px 0 20px;
  width: 100%;
}

.social-main .listing {
  margin-bottom: 40px;
}

.social-activity-search .listing h2 {
  margin-bottom: 20px;
  margin-top: 10px;
  font-size: 28px;
  color: #3098CF;
}

.social-activity-search .listing p {
  font-size: 16px;
}

.social-activity-results-section {
  margin-bottom: 20px;
  margin-right: 15px;
  margin-left: 15px;
}

.school-title {
  font-size: 16px;
  font-weight: 600;
}

.social-role p {
  font-size: 16px;
}

.roles-targets {
  padding-bottom: 30px !important;
}

.targets-pic {
  padding-top: 10px;
  padding-left: 20px;
}

.role-search-space .search-col-left {
  padding: 15px 30px 0 45px !important;
}

.recommended-title h3 {
  font-size: 24px !important;
  color: #3098CF !important;
  margin-top: 15px;
}

.rec-role-erea {
  padding: 30px;
}

.link-items li {
  background: url(../images/Arrow-Link-List.png) no-repeat top 7px right #fff;
  background-size: 8px;
  padding-right: 15px;
  color: #2C7093;
  font-size: 16px;
}

ul.link-items {
  list-style: none;
}

.panel.teacher-tools {
  padding-bottom: 20px;
}

.social-role .try-resources {
  margin-bottom: 40px;
}

.age-levels {
  float: right;
  margin-left: 10px;
}

@media (max-width: 991px) {
  .type-search-social {
    margin: 15px 0px 10px;
    width: 100%;
  }

  .search-col-field .col-md-8 {
    padding: 0;
  }

  .social-main .search-col {
    padding: 10px 0px 0 0px !important;
  }

  .search-col-field:last-child {
    margin-bottom: 10px;
  }

  .social-main .search-btn-erea {
    padding-left: 0 !important;
  }
  /* .role-search-space .search-btn-erea {
    padding-left: 15px !important;
  }*/
  .role-search-space .search-col-left {
    padding: 15px 16px 0 30px !important;
  }

  ul.link-items {
    margin-top: 15px;
  }

  .link-items li {
    padding-left: 0 !important;
  }

  .age-levels {
    margin-top: 0 !important;
  }
}

@media (max-width: 600px) {
  .type-search-social {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .social-role .bottom-component img {
    width: 100%;
    height: auto;
  }
}

@media (max-width: 425px) {
  .type-search-social {
    width: 100%;
  }

  .social-activity-results-section .listing .col-xs-12,
  .social-activity-results-section .listing .col-md-7,
  .social-activity-results-section .listing .col-md-5 {
    padding: 0;
  }

  .social-activity-search .listing h2 {
    font-size: 24px;
  }
}

@media (max-width: 375px) {
  .type-search-social {
    width: 100%;
  }

  .title-search-social h4 {
    font-size: 19px !important;
  }

  .role-search-space .checkboxCustomWrap {
    width: 42px;
  }
}

@media (max-width: 320px) {
  .type-search-social {
    width: 100%;
  }
}
/*--  End Social    ---*/
/*--   Main-pedagogic    ---*/
.main-pedagogic .ma-lomdim h1 {
  font-size: 28px;
  font-weight: bold;
  line-height: 100%;
  color: var(--title-color);
  text-align: right;
  /*  padding: 7px 0px 0 0;
  margin-left: 15px;*/
}

select#learnsubject, .search-main select#edulevel {
  color: var(--select-place-holder);
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: none;
  border-radius: 32px;
  opacity: 1;
  border-left: none;
  height: 5px;
  width: 100%;
  /*  background: url(../images/arrow_drop_down_grey_64.png) no-repeat left #fff;
    background-size: 30px 100%;
  */
}

.main-pedagogic .search-main {
  background-color: var(--background-light-blue);
  /*  padding: 55px 70px;
    margin-right: auto;
    margin-left: auto;
    background-position: center;
    background-size: cover;*/
}

/*
.search-main select#edulevel {
  min-width: 19%;
  width: 23%;
  height: 55px;
}*/
.search-main a.hipus.btn.btn-primary[disabled] {
  height: 55px;
}

.banners-strip {
  padding: 10px 10px 20px;
  display: inline-block;
  margin-bottom: 0;
}

.pic-current {
  margin: 0 5.5% 29px 0;
  width: 44.5%;
}

.current-pics {
  padding-left: 0;
  padding-right: 3px;
}

.banner-main:hover {
  opacity: 0.9;
}

.link-all {
  font-size: 20px;
  float: inline-end;
  padding-inline-end: 16px;
  margin-top: -40px;
}

.tikshuv-strip .link-all {
  padding-inline-end: 0;
}

.strip-no-title .link-all {
  margin-top: 0px;
}

.link-all:hover {
  /*color: rgb(29, 139, 209);*/
}

.link-all .link-arrow {
  width: auto;
  margin-inline-start: 5px;
}

.main-list-component.ltr .link-all .link-arrow {
  transform: rotate(180deg);
}

.current-strip {
  margin-bottom: 48px;
}

.font16 {
  font-size: 16px;
  color: #000;
}

.travel-content {
  padding: 20px 10px 30px;
}

.tikshuv-content {
  margin-top: 16px;
}

.main-pedagogic .slick-next i.fa {
  background: url(../images/gallery-slick-arrow-right.svg) no-repeat center;
}

.main-pedagogic .slick-prev i.fa {
  background: url(../images/gallery-slick-arrow-left.svg) no-repeat center;
}

.main-pedagogic .slick-prev,
.main-pedagogic .slick-next {
  background-color: transparent;
}

.travel-strip {
  margin-bottom: 48px;
}

/*.tikshuv-strip {
  margin-bottom: 48px;
}
*/
.mooc-strip {
  margin-bottom: 48px;
}

.academy-item {
  background: #E0EEF5;
  padding: 5px 10px 20px;
}

.academy-strip {
  margin-bottom: 60px;
  padding-bottom: 20px;
}

.arrow-all {
  padding-inline-start: 3px;
}

.banners-strip .comp-title-container h4 {
  margin: 5px !important;
}

.banner-main {
  margin-top: 10px;
}

/* main-pedagogic class for 1200px removed - email from yisca.
* class removed: 07/04/2019
*/
/*@media (max-width: 1199px) {
  .search-properties .learn-subject, .search-properties .learn-inputs {
    width: 100%;
  }
  .main-pedagogic .ma-lomdim h1 {
    text-align: center;
  }
  .main-pedagogic .search-main-erea {
    background-color: #E7F1F8;
    margin-bottom: 30px;
  }
  .main-pedagogic .dlg-inner div.ma-lomdim {
    float: none;
  }
  .dlg-inner .search-properties{
      flex-direction:column;
  }*/
/* h1 {
  font-size: 32px;
  line-height: 150%;
  color: #fff;
  width: 230px;
}*/
/*select#learnsubject {
    min-width: 25%;
    width: 32%;
  }
}*/
@media (max-width: 991px) {
  .main-pedagogic div.hipus {
    width: 95%;
  }

  .main-pedagogic .search-main {
    background-size: cover;
  }

  .banner-main:first-child {
    margin-bottom: 20px;
  }
  /* .pic-current {
    margin: 30px 0 0 5%;
    width: 45%;
  }*/
  .current-content {
    padding: 0px;
  }

  .travel-content .col-md-4 {
    margin-bottom: 20px;
  }

  .travel-content .col-md-6 {
    margin-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .main-pedagogic {
    padding-top: 0;
  }

  .home-learn-dlg {
    margin-top: 20px;
  }

  .banners-strip {
    display: block;
  }

  .banners-strip {
    padding: 10px 0 20px;
  }
  /*.pic-current {
    width: 100%;
  }*/
  .current-content {
    padding: 0px;
  }

  .travel-content {
    padding: 20px 0 0;
  }

  .main-pedagogic .page-component-edu:not(.not-shaped) .comp-title-container h4 {
    margin: 8px 10px 0 0;
  }

  .link-all {
    padding-left: 20px;
  }
  /* .main-pedagogic h3 {
    font-size: 22px !important;
  }*/
  .banners-strip .comp-title-container h4 {
    margin: 0 10px 20px !important;
  }
}

@media (max-width: 680px) {
  .main-pedagogic select#learnsubject {
    width: 100%;
  }

  .main-pedagogic .dlg-inner div.ma-lomdim {
    width: 100%;
  }

  .main-pedagogic .ma-lomdim h1 {
    width: 100%;
  }

  .main-pedagogic .search-main select#edulevel {
    width: 100%;
  }

  .main-pedagogic div.hipus {
    width: 100%;
  }
}

@media (max-width: 500px) {
  .main-pedagogic .search-main {
    padding: 30px;
  }

  .link-all {
    font-size: 16px;
    width: 110px;
    line-height: 100%;
    margin-top: -35px;
    padding-right: 10px;
    position: absolute;
    left: 0;
  }

  .main-pedagogic .page-component-edu:not(.not-shaped) .comp-title-container h4 {
    height: unset;
    padding: 6px 10px 8px;
    font-size: 18px;
  }

  .title-current {
    font-size: 26px;
  }
}
/* Added by Dror Efraim */
.StripMain.AdministrativeSpace aside.quick-links {
  min-height: 400px;
}

nav.quick-links-wrapper {
  margin-bottom: 28px;
}

  nav.quick-links-wrapper h2 {
    font-size: 20px;
    background: #587E9F;
    color: white;
    margin: 0;
    margin: 0;
    line-height: 25px;
    padding-right: 10px;
    font-weight: 400 !important;
    padding: 10px 10px 10px 0;
  }

  nav.quick-links-wrapper ul {
    background: #F0F8FB;
    padding: 10px;
  }

    nav.quick-links-wrapper ul li {
      margin-bottom: 5px;
      color: #2C7094;
      font-size: 16px;
      font-weight: 600;
    }

    nav.quick-links-wrapper ul a.more-links {
      font-size: 17px;
      color: #2C7094;
      text-align: left;
      display: block;
      padding-left: 13px;
      position: relative;
    }

      nav.quick-links-wrapper ul a.more-links:after {
        content: "";
        background: url(../images/arrow-left.png);
        background-repeat: no-repeat;
        position: absolute;
        top: 7px;
        height: 15px;
        width: 12px;
      }

.academy-space .listing.math {
  margin-top: 0;
}

.InfoBannerBox .ImgBanner.math {
  max-height: 100%;
  height: 100%;
}

.anchors-component .panel {
  background: var(--background-over-grey-color);
}

/* Article links */
#left_col[role=main] > h1.areaTitle.articles {
  margin-bottom: 20px;
}

.articles-wrapper .articles-links-container {
  margin-bottom: 25px;
}

.articles-links-container ul.links-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 !important;
  padding: 16px 16px 8px;
}

  .articles-links-container ul.links-list li {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    position: relative;
  }

    .articles-links-container ul.links-list li a {
      padding: 0 10px;
    }

/* Article item */
.articles-wrapper .article-item-container {
  margin-bottom: 25px;
  background: white;
}

.article-item-container .article-headline {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.article-item-container .article-headline {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

  .article-item-container .article-headline .article-title h2 {
    margin: 0;
    background: #3098CF;
    color: white;
    padding: 7px 20px 9px;
    font-size: 22px;
  }

.article-item-container .article-headline {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 16px;
}

  .article-item-container .article-headline a {
    font-size: 14px;
    position: relative;
    padding-left: 10px;
    min-width: 100px;
    margin-right: 20px;
  }

    .article-item-container .article-headline a:after {
      content: "";
      background: url(../images/arrow-left.png);
      background-repeat: no-repeat;
      position: absolute;
      top: 4px;
      height: 16px;
      width: 6px;
      transform: rotate(90deg);
      left: -6px;
    }

.article-item-container .article-content {
  padding: 0 16px 16px;
}

  .article-item-container .article-content p {
    font-size: 16px;
  }

@media (min-width: 992px) {
  .articles-links-container ul.links-list li .link-border {
    position: absolute;
    background: black;
    width: 1px;
    height: 18px;
    left: 0;
    top: 3px;
  }

  .title-with-link .link-all {
    margin-top: 0px;
  }
}

@media (max-width: 991px) {
  .articles-links-container ul.links-list {
    flex-direction: column;
  }
}

@media (max-width: 768px) {
  .article-item-container .article-headline {
    flex-direction: column;
    align-items: flex-start;
  }

    .article-item-container .article-headline a {
      align-self: flex-end;
      margin-top: 5px;
    }
}
/*--   End-Main-pedagogic    ---*/
/*--   Start-teaching-practices main page    ---*/
.teaching-practices-container {
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 5px;
  /*margin-bottom: 25px;*/
  background-color: white;
  display: flex;
  justify-content: space-between;
  height: auto;
  align-items: flex-start;
}

  .teaching-practices-container .container-content {
    flex: 1;
    padding: 0 0 0 20px;
    padding-inline-end: 20px;
    padding-inline-start: 0;
  }

  .teaching-practices-container .container-content-media {
    flex: 1;
    height: 241px;
    margin: 0;
  }

  .teaching-practices-container .container-content .content-headline h2 {
    color: black;
    font-size: 20px;
    font-weight: 600;
    text-align: right;
    min-height: auto;
    margin: 0;
    padding: 0;
  }

  .teaching-practices-container .container-content .content-headline h3 {
    font-size: 20px;
    font-weight: 600;
    margin-top: 0;
  }

  /*.teaching-practices-container .container-content .content-text p {
  font-size: 17px;
  color: black;
  font-weight: 400;
  line-height: 20px;
  margin: 10px 0 20px;
}
*/

  .teaching-practices-container .container-content .content-text p:first-of-type {
    margin-top: 0;
  }

  .teaching-practices-container .container-content .content-link a {
    color: #2C7094;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
  }

  .teaching-practices-container .container-content-media .media-iframe {
    background-image: url(../images/course-img.jpg);
    background-size: cover;
    background-position: center;
    height: 100%;
    border-radius: var(--item-radius);
  }

/*.practice-search {
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 5px;
  margin-bottom: 48px;
}*/
.practice-search .search-col-field {
  display: flex !important;
  justify-content: space-between;
}

  .practice-search .search-col-field .search-label-wrap {
    padding: 0;
    max-width: 100px;
  }

  .practice-search .search-col-field label {
    font-size: 16px;
  }

.practice-search .RowButtns {
  display: flex;
  align-items: flex-end;
  padding: 0;
  margin: 0;
  justify-content: flex-end;
}

.practice-search.teaching .RowButtns {
  justify-content: space-between;
}

.practice-search .RowButtns .clearBtnWrap {
  margin-left: 20px;
}

.practice-search .RowButtns .ContainerButtons {
  padding: 0;
  text-align: left;
}

  .practice-search .RowButtns .ContainerButtons #BtnSisplay {
    width: auto !important;
    border-radius: 5px;
    padding: 4px 40px;
  }

.teaching-practices-proffisonal-dev {
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 5px;
  margin-bottom: 25px;
  background-color: white;
}

  .teaching-practices-proffisonal-dev .proffisonal-dev-title {
    padding: 16px 14px 24px 0;
  }

    .teaching-practices-proffisonal-dev .proffisonal-dev-title h4 {
      background-color: #3098cf;
      color: #fff;
      font-family: Assistant, Arial !important;
      font-size: 22px;
      font-weight: normal;
      height: 40px;
      padding: 6px 20px;
      display: inline-block;
      margin: 0;
      width: auto;
    }

  .teaching-practices-proffisonal-dev .subject-items-wrap {
    padding-bottom: 30px;
  }

  .teaching-practices-proffisonal-dev .practice-subject-item {
    padding: 0 12px 0 6px;
    display: flex;
    flex-direction: column;
  }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .teaching-practices-proffisonal-dev .practice-subject-item {
    display: inline-block;
  }
}

.teaching-practices-proffisonal-dev .practice-subject-item.left {
  padding: 0 6px 0 12px;
}

.teaching-practices-proffisonal-dev .practice-subject-item .title-practice {
  background-color: var(--grey-background);
  height: 85px;
  border-bottom-right-radius: var(--item-radius);
  border-bottom-left-radius: var(--item-radius);
}

  .teaching-practices-proffisonal-dev .practice-subject-item .title-practice h3 {
    font-size: 20px;
    margin: 10px 15px 10px 0;
  }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .teaching-practices-proffisonal-dev .practice-subject-item .title-practice h3 {
    margin: 0 15px 10px 0;
    padding-top: 10px;
  }
}
/*--   Start-teaching-practices main page media query   ---*/
@media (min-width: 768px) and (max-width: 1200px) {
  .practice-search .RowButtns {
    justify-content: flex-end;
    width: 100%;
  }
}

@media (max-width: 991px) {
  .teaching-practices-container {
    align-items: inherit;
  }

    .teaching-practices-container .container-content {
      padding: 20px 20px 30px 20px;
    }

    .teaching-practices-container .container-content-media {
      min-height: 174px;
      padding: 0 16px 16px;
      margin: 0;
    }

      .teaching-practices-container .container-content-media .media-iframe {
        height: 100%;
        min-height: 174px;
        background-position: top;
      }

  .practice-search .search-col-field {
    flex-direction: column;
    margin-bottom: 5px;
  }

  .teaching-practices-proffisonal-dev .practice-subject-item {
    margin-bottom: 17px;
  }

    .teaching-practices-proffisonal-dev .practice-subject-item .title-practice {
      height: 55px;
    }

  .teaching-practices-proffisonal-dev .subject-items-wrap {
    padding-bottom: 8px;
  }

  .practice-search .search-col-field .search-label-wrap {
    max-width: 100%;
  }

  .practice-search .search-col-field label {
    font-size: 18px;
  }
}

@media (max-width: 768px) {
  .teaching-practices-container {
    flex-direction: column;
  }
}
/*--   End-teaching-practices main page    ---*/
/*--   Start-teaching-practices stock    ---*/
.multi-collapse.collapse.in {
  margin-bottom: 25px;
}

.practice-search-result .broadcast-results-section .listing {
  margin-bottom: 0;
}

.search-btn-wrapper.mobile {
  display: none;
}

.search-btn-wrapper {
  display: block;
}

  .search-btn-wrapper button.clearBtn {
    -webkit-appearance: none;
    background: none;
    border: 0;
    padding: 0;
    color: #2C7094;
  }

  .search-btn-wrapper img.arrow-collapse {
    width: 20px;
    height: auto;
  }

    .search-btn-wrapper img.arrow-collapse.opened {
      transform: rotate(180deg);
    }

  .search-btn-wrapper button.clearBtn span.opened {
    display: none;
  }

  .search-btn-wrapper button.clearBtn span.closed {
    display: block;
  }

  .search-btn-wrapper button.clearBtn.pressed span.closed {
    display: none;
  }

  .search-btn-wrapper button.clearBtn.pressed span.opened {
    display: block;
  }

  .search-btn-wrapper button.clearBtn:focus {
    -webkit-appearance: none;
    background: none;
    border: 0;
  }

  .search-btn-wrapper button.clearBtn:active {
    box-shadow: none;
    outline: 0;
  }

.practice-search-result dl.courseNoticeWrapper {
  display: flex;
  justify-content: flex-start;
  min-height: auto;
  flex-wrap: wrap;
}

  .practice-search-result dl.courseNoticeWrapper span.search-title {
    font-size: 18px;
    color: #000000;
    font-weight: 400;
  }

  .practice-search-result dl.courseNoticeWrapper .rsltsDataItem-wrap {
    display: flex;
  }

    .practice-search-result dl.courseNoticeWrapper .rsltsDataItem-wrap dd {
      font-size: 18px;
      color: #000000;
      font-weight: 400;
    }

    .practice-search-result dl.courseNoticeWrapper .rsltsDataItem-wrap dt {
      padding-right: 10px;
      font-size: 18px;
      color: #000000;
      font-weight: 600;
    }

/*--   Start-teaching-practices stock media query   ---*/
@media (max-width: 991px) {
  .practice-search-result dl.courseNoticeWrapper {
    flex-direction: column;
  }

    .practice-search-result dl.courseNoticeWrapper .rsltsDataItem-wrap {
      justify-content: flex-start;
      margin-bottom: 3px;
    }

    .practice-search-result dl.courseNoticeWrapper span.search-title {
      padding-right: 12px;
      margin-bottom: 6px;
    }

    .practice-search-result dl.courseNoticeWrapper .rsltsDataItem-wrap dd {
      min-width: 105px;
      border-left: 0;
    }

  .search-btn-wrapper {
    display: none;
  }

    .search-btn-wrapper.mobile {
      display: block;
    }
}
/*--  End-teaching-practices stock  ---*/
/*--  Start-teaching-practices item  ---*/
.parctices-item-page .page_component.main-content {
  padding: 30px 30px 20px 40px;
}

.popXtn .ContainerItemInfo.parctices-item {
  margin-bottom: 0;
}

/* Remove classes: ".parctices-item .parctices-item-description" by dror 04-19
*  now box-recommendation can reuse0
*/
.box-recommendation.practice-item {
  background: white;
  padding: 0;
  margin-bottom: 35px;
}

  .box-recommendation.practice-item .ul-no-numbers-wrap ul {
    margin-right: 0;
  }

    .box-recommendation.practice-item .ul-no-numbers-wrap ul li {
      margin-right: 0;
    }

  .box-recommendation.practice-item .ul-no-numbers-wrap h4 {
    margin-right: 0;
  }

  .box-recommendation.practice-item ul li {
    margin-right: 16px;
  }

  .box-recommendation.practice-item h3 {
    margin: 0;
    font-size: 17px;
    color: #000;
    padding: 0 0 5px;
  }

  .box-recommendation.practice-item h4 {
    margin: 0 16px 0 0;
    font-size: 17px;
    color: #000;
    font-weight: 400 !important;
    padding: 5px 0 3px;
  }

  .box-recommendation.practice-item p {
    margin: 0;
  }

dl.additional-properties {
  display: flex;
  flex-direction: column;
  margin: 20px 0 0;
}

  /* Removed display flex - improve IE11 support by Dror Efraim 02-06-2019*/
  dl.additional-properties .dl-row {
    margin-bottom: 8px;
  }

    dl.additional-properties .dl-row .dl-inner-wrap {
      flex: 1;
      display: flex;
    }

      dl.additional-properties .dl-row .dl-inner-wrap dd.prop-name {
        min-width: 180px;
        font-size: 17px;
        font-weight: 600;
      }

      dl.additional-properties .dl-row .dl-inner-wrap dt.prop-desc {
        font-size: 17px;
        font-weight: 400;
      }

        dl.additional-properties .dl-row .dl-inner-wrap dt.prop-desc.mobile {
          display: none;
        }

        dl.additional-properties .dl-row .dl-inner-wrap dt.prop-desc span.practice-time {
          margin-left: 25px;
        }

          dl.additional-properties .dl-row .dl-inner-wrap dt.prop-desc span.practice-time img {
            width: 15px;
            height: 15px;
          }

.teaching-practices-container .banner-mask {
  background: linear-gradient(-270deg, rgba(48, 152, 207, 0) 0%, rgb(48, 152, 207) 50%, rgb(48, 152, 207) 100%);
  width: 100%;
  height: 100%;
}

.teaching-practices-container .banner-bg {
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  /*margin: 18px;*/
  background-position: left;
  height: 245px;
}

.high-banner-component .component-panel {
  width: 100%;
}

.teaching-practices-container .banner-text-wrapper {
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3176470588);
  padding: 46px 23px 0 0;
}

  .teaching-practices-container .banner-text-wrapper .banner-text img {
    width: 25px;
    height: 18px;
  }

  .teaching-practices-container .banner-text-wrapper h3.banner-title {
    margin-right: 15px;
    color: white;
    font-size: 22px;
    margin: 0 0 15px 0;
  }

  .teaching-practices-container .banner-text-wrapper .banner-text span {
    margin-right: 15px;
    color: white;
    font-size: 22px;
    font-weight: 600;
  }

/*--   Start-teaching-practices stock media query   ---*/
@media (max-width: 991px) {
  .parctices-item-page .page_component.main-content {
    padding: 0;
    margin-bottom: 25px;
  }

  .parctices-item-page .row.ContainerTitlePage {
    margin: 0 auto;
  }
  /* Remove classes: ".parctices-item .parctices-item-description" by dror 04-19
  *  now box-recommendation can reuse0
  */
  dl.additional-properties {
    flex-direction: column;
  }

    dl.additional-properties .dl-row {
      flex-direction: column;
    }

      dl.additional-properties .dl-row .dl-inner-wrap dd.prop-name {
        min-width: 100px;
        max-width: 100px;
      }

      dl.additional-properties .dl-row .dl-inner-wrap dt.prop-desc {
        max-width: 110px;
      }

  .parctices-item .image-practice-wrap .image-practice {
    padding: 15px;
  }

  .parctices-item .parctices-item-description {
    padding: 0 15px;
  }

  .box-recommendation {
    padding: 20px 20px 20px 10px;
  }

  dl.additional-properties .dl-row .dl-inner-wrap dt.prop-desc.desktop {
    display: none;
  }

  dl.additional-properties .dl-row .dl-inner-wrap dt.prop-desc.mobile {
    display: block;
  }

  .teaching-practices-container .banner-text-wrapper .banner-text {
    display: flex;
    margin-bottom: 10px;
  }
}

@media (max-width: 768px) {
  .teaching-practices-container .banner-bg {
    max-width: 100%;
    width: auto;
    background-size: auto;
    background-position: left bottom;
    min-height: 580px;
    margin: 12px;
  }

  .teaching-practices-container .banner-mask {
    background: linear-gradient(0deg, rgba(48, 152, 207, 0) 0%, rgb(48, 152, 207) 60%, rgb(48, 152, 207) 100%);
    width: 100%;
    height: 100%;
  }

  .teaching-practices-container .banner-text-wrapper {
    padding: 30px 20px 0 10px;
  }

    .teaching-practices-container .banner-text-wrapper .banner-text img {
      margin-top: 6px;
    }
}
/*--  End-teaching-practices item  END---*/
/*--  Kinder garden screens 04-2019 by Dror Efraim - START  ---*/
/* ------ General ------- */
/* Fix for main nav extra bg color from the left */
/* .HeaderMenu nav {
    background-color: white;
} */
/* Fix for breadcrumbs cuurent-item */
.TitleBar .Breadcrumbs span.cuurent-item {
  display: inline-block;
  margin-left: 3px;
  color: #000;
  font-size: 14px;
}

/* ------ General ------- */
/* Kinder gardens search item - START*/
.kinder-garden-main .col-md-12 {
  padding: 0 16px;
  max-width: 100%;
}

.page-component-edu .page_component.main-content.kinder-garden {
  padding: 19px 0 0;
  max-width: 840px;
}

.kinder-garden-title .page_component.main-content {
  padding: 0;
  max-width: 840px;
}

  .kinder-garden-title .page_component.main-content .ContainerTitlePage {
    margin: 0;
  }

.kinder-garden .box-recommendation {
  padding: 20px 35px;
  max-width: 796px;
  margin: 0 auto;
}

  /* Removed !important in line 2549 */
  .kinder-garden .box-recommendation h2 {
    padding-top: 0;
    margin: 0;
    font-size: 24px;
    /*color: rgb(48, 152, 207);*/
  }

  .kinder-garden .box-recommendation dl.additional-properties {
    flex-direction: row;
    justify-content: space-between;
    margin: 12px 0 0;
  }

    .kinder-garden .box-recommendation dl.additional-properties .dl-mid-border {
      height: auto;
      width: 1px;
      background: rgb(202, 221, 233);
    }

    .kinder-garden .box-recommendation dl.additional-properties .dl-row {
      flex-direction: column;
    }

      .kinder-garden .box-recommendation dl.additional-properties .dl-row.right {
        padding: 0 0 0 30px;
        flex: 0 1 45%;
      }

      .kinder-garden .box-recommendation dl.additional-properties .dl-row.left {
        padding: 0 40px 0 0;
        flex: 0 1 45%;
        margin-bottom: 0;
      }

      .kinder-garden .box-recommendation dl.additional-properties .dl-row .dl-inner-wrap {
        flex: 0;
      }

        .kinder-garden .box-recommendation dl.additional-properties .dl-row .dl-inner-wrap ol {
          list-style: disc;
          text-indent: -2px;
          margin-bottom: 0;
          width: 100%;
        }

        .kinder-garden .box-recommendation dl.additional-properties .dl-row .dl-inner-wrap dd.prop-name {
          min-width: 110px;
          font-size: 16px;
        }

        .kinder-garden .box-recommendation dl.additional-properties .dl-row .dl-inner-wrap p.prop-name {
          font-size: 17px;
          font-weight: 600;
          margin-bottom: 3px;
        }

        .kinder-garden .box-recommendation dl.additional-properties .dl-row .dl-inner-wrap dt.prop-desc {
          min-width: 200px;
          font-size: 16px;
        }

.kinder-garden .video-erea {
  max-width: 840px;
}

.kinder-garden .video-erea {
  max-width: 100%;
  width: auto;
  margin: 0 auto;
}

  .kinder-garden .video-erea iframe {
    max-width: 100%;
  }

.kinder-garden .lecture-description {
  margin: 0 0 20px;
}

  .kinder-garden .lecture-description p {
    margin-bottom: 12px;
    padding-left: 22px;
  }

  .kinder-garden .lecture-description h3 {
    font-size: 16px;
    color: #000;
    margin: 0;
    padding: 0;
  }

/* Kinder gardens carousle - START*/
.page-component-edu.kinder-garden.slider .page_component.main-content {
  padding: 0;
  max-width: 840px;
  margin: 0 auto;
}

.page-component-edu.kinder-garden.slider .panel.panel-default {
  margin: 0;
}

.kinder-slider {
  height: 100%;
  padding: 0;
}

.page-component-edu.kinder-garden .main-content .kinder-slider .item .slide-caption {
  position: absolute;
  bottom: 0;
  background: var(--title-color);
  opacity: 0.9;
  padding: 0 10px;
  height: 51px;
  width: 100%;
}

  .page-component-edu.kinder-garden .main-content .kinder-slider .item .slide-caption p {
    display: none;
  }

.page-component-edu.kinder-garden .main-content .kinder-slider .slick-current .item .slide-caption p {
  display: block;
}

.page-component-edu.kinder-garden .main-content .kinder-slider .item .slide-caption p {
  color: white;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  padding: 4px 0 7px;
  margin: 0;
}

.page-component-edu.kinder-garden .main-content .kinder-slider .item {
  display: block !important;
}

  .page-component-edu.kinder-garden .main-content .kinder-slider .item img {
    height: auto;
    max-width: 100%;
  }

.kinder-garden .lecture-description h2 {
  font-size: 24px;
  padding-top: 3px;
}

.kinder-slider .slick-prev,
.kinder-slider .slick-next {
  top: 50%;
  height: 100%;
  background-color: var(--title-color);
  opacity: 0.8;
  width: 116px !important;
}

  .kinder-slider .slick-prev:before,
  .kinder-slider .slick-next:before {
    content: "";
    height: 39px;
    width: 20px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    background-size: contain;
  }

  .kinder-slider .slick-prev:before {
    background: url("../images/kinder-slide-left-arrow.png");
  }

  .kinder-slider .slick-next:before {
    background: url("../images/kinder-slide-right-arrow.png");
  }

.page-component-edu.kinder-garden.slider .kinder-slider .slick-slide {
  margin-right: 3px;
  margin-left: 3px;
}

#left_col > .page-component-edu .kinder-garden-title {
  margin-bottom: 30px;
}

#left_col > .page-component-edu .kinder-garden-content {
  margin-bottom: 30px;
}

/* Kinder gardens carousle - END*/
/* ------ Kinder garden - search item media queries START ------- */
@media (max-width: 991px) {
  #left_col > .page-component-edu.kinder-garden-content {
    margin-bottom: 28px;
  }

  .content #left_col.kinder-garden-main {
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
  }

  .kinder-garden .box-recommendation {
    padding: 16px 12px;
    max-width: 100%;
  }

    .kinder-garden .box-recommendation dl.additional-properties {
      flex-wrap: wrap;
    }

      .kinder-garden .box-recommendation dl.additional-properties .dl-row.right {
        padding: 0;
        flex: 0 1 100%;
      }

      .kinder-garden .box-recommendation dl.additional-properties .dl-row .dl-inner-wrap {
        margin-bottom: 5px;
      }

        .kinder-garden .box-recommendation dl.additional-properties .dl-row .dl-inner-wrap dd.prop-name {
          min-width: 105px;
        }

        .kinder-garden .box-recommendation dl.additional-properties .dl-row .dl-inner-wrap dt.prop-desc {
          min-width: auto;
        }

      .kinder-garden .box-recommendation dl.additional-properties .dl-mid-border {
        height: 1px;
        width: 100%;
        margin-bottom: 20px;
      }

      .kinder-garden .box-recommendation dl.additional-properties .dl-row.left {
        padding: 0;
        flex: 0 1 100%;
      }

  #left_col > .page-component-edu:not(:last-child).kinder-garden-title {
    margin-bottom: 20px;
  }

  .kinder-garden .lecture-description {
    margin: 0 !important;
    padding: 0 0 5px;
  }

    .kinder-garden .lecture-description h3 {
      margin: 15px 0 3px;
    }

    .kinder-garden .lecture-description p {
      line-height: 20px;
      margin-top: 0;
    }

  .kinder-garden .video-erea iframe {
    height: auto;
  }

  .page-component-edu.kinder-garden.slider .main-content h2 {
    padding-top: 5px;
  }

  .kinder-slider .slick-prev:before {
    background: url("../images/kinder-slide-left-arrow-mobile.png");
    background-size: cover;
    width: 6px;
    height: 13px;
    transform: translate(-50%, -50%);
  }

  .kinder-slider .slick-next:before {
    background: url("../images/kinder-slide-right-arrow-mobile.png");
    background-size: cover;
    width: 6px;
    height: 13px;
    transform: translate(-50%, -50%);
  }

  .page-component-edu.kinder-garden.slider .kinder-slider .slick-slide {
    margin-right: 2px;
    margin-left: 2px;
  }

  .kinder-slider .slick-prev,
  .kinder-slider .slick-next {
    width: 46px !important;
    height: 50px;
    transform: translateY(-85%);
  }

  .page-component-edu.kinder-garden .main-content .kinder-slider .item .slide-caption {
    position: relative;
  }

  .page-component-edu.kinder-garden .main-content .kinder-slider .item {
    min-height: 183px;
  }

    .page-component-edu.kinder-garden .main-content .kinder-slider .item .slide-caption p {
      font-size: 14px;
    }
}
/* ------ Kinder garden - search item media queries END ------- */
/* Kinder gardens search item - END*/
/* Kinder gardens main - START*/
#left_col.kinder-garden-main > .page-component-edu:not(:last-child) {
  margin-bottom: 38px;
}

.kinder-garden-main .page-component-edu .page_component.main-content.kinder-garden {
  padding: 16px 0 8px;
}

.kinder-garden-main .page-component-edu:not(.not-shaped) .panel.panel-default {
  box-shadow: none;
}

.kinder-garden-main .page-component-edu:not(.not-shaped) .comp-title-container {
  margin-bottom: 24px;
}

  .kinder-garden-main .page-component-edu:not(.not-shaped) .comp-title-container h4 {
    margin: 0;
  }

.slick-slider.kinder-main-slider {
  margin: 0 auto;
}

  .slick-slider.kinder-main-slider .item-inner-wrap {
    display: flex;
    justify-content: space-between;
    max-width: 744px;
    margin: 0 auto;
    padding: 33px 18px;
    background: rgb(224, 238, 245);
    border-radius: var(--item-radius);
  }

    .slick-slider.kinder-main-slider .item-inner-wrap .slide-caption {
      flex: 0 1 50%;
      padding-left: 15px;
      max-width: 293px;
    }

      .slick-slider.kinder-main-slider .item-inner-wrap .slide-caption h3 {
        color: #000;
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 8px;
      }

      .slick-slider.kinder-main-slider .item-inner-wrap .slide-caption p {
        font-size: 17px;
        line-height: 20px;
        margin-bottom: 5px;
      }

    .slick-slider.kinder-main-slider .item-inner-wrap .slide-img-wrap {
      flex: 1 0 50%;
      max-width: 100%;
      min-height: 240px;
      min-width: 386px;
    }

      .slick-slider.kinder-main-slider .item-inner-wrap .slide-img-wrap img {
        max-width: 100%;
        height: 100%;
      }

  /* Slider dottes */
  .slick-slider.kinder-main-slider ul.slick-dots {
    position: relative;
    bottom: 0;
    padding: 10px 0;
    margin-right: 0 !important;
  }

/*.slick-slider.kinder-main-slider ul.slick-dots li {
  background: grey;
  border-radius: 50%;
  margin: 0 5px;
  height: 16px;
  width: 16px;
}*/

/*.slick-slider.kinder-main-slider ul.slick-dots li button {
  padding: 3px;
  border-radius: 50%;
  position: relative;
  opacity: 1;
  font-size: 0;
  height: 16px;
  width: 16px;
}
*/
/*.slick-slider.kinder-main-slider ul.slick-dots li button:before {
  font-size: 0;
  height: 16px;
  width: 16px;
}*/

/*.slick-slider.kinder-main-slider ul.slick-dots li.slick-active button:before {
  color: rgb(48, 152, 207);
  opacity: 0.75;
  width: 100%;
  height: 100%;
  background: rgb(48, 152, 207);
  border-radius: 50%;
  opacity: 1;
}*/

.kinder-main-slider .slick-prev,
.kinder-main-slider .slick-next {
  background-color: transparent;
  height: 35px;
  width: 18px !important;
}

  .kinder-main-slider .slick-prev:before,
  .kinder-main-slider .slick-next:before {
    content: "";
    height: 41px;
    width: 23px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1;
  }

  .kinder-main-slider .slick-prev:before {
    background-image: url("../images/gallery-slick-arrow-left.svg");
  }

  .kinder-main-slider .slick-next:before {
    background-image: url("../images/gallery-slick-arrow-right.svg");
  }

.kinder-main-slider .slick-slide {
  margin-right: 20px;
  margin-left: 20px;
}

.kinder-main-slider .slick-prev,
.kinder-main-slider .slick-next {
  top: 50%;
  transform: translateY(-100%);
}

.kinder-main-slider .slick-prev {
  left: -5px;
}

.kinder-main-slider .slick-next {
  right: -5px;
}

.slick-slider.kinder-main-slider .item-inner-wrap .slide-caption {
  flex: 1 1 100%;
  max-width: 100%;
}

  /* START -- Caption reading link added by Dror Efraim 06/2019 */
  .slick-slider.kinder-main-slider .item-inner-wrap .slide-caption a.reading-link {
    display: inline;
  }

    .slick-slider.kinder-main-slider .item-inner-wrap .slide-caption a.reading-link img {
      width: 6px;
      height: 9px;
      display: inline-block;
      vertical-align: baseline;
      margin-right: 2px;
    }

/* END -- Caption reading link added by Dror Efraim 06/2019 */
.main-content.kinder-garden.search .search-col {
  padding: 0 !important;
  margin: 0;
}

.main-content.kinder-garden.search .search-col-left {
  padding: 0 !important;
  margin: 0;
  border: 0;
}

  .main-content.kinder-garden.search .search-col-left .search-col-field {
    padding-right: 33px;
    padding-left: 0;
  }

.main-content.kinder-garden.search .search-col-field {
  padding-left: 33px;
}

  .main-content.kinder-garden.search .search-col-field.row.RowButtns {
    display: flex !important;
    justify-content: flex-end;
    align-items: flex-end;
    margin: 60px 0 0;
  }

    .main-content.kinder-garden.search .search-col-field.row.RowButtns .clearBtnWrap a.clearBtn:hover {
      text-decoration: underline !important;
    }

  .main-content.kinder-garden.search .search-col-field .search-label-wrap {
    padding: 0;
  }

.main-content.kinder-garden.search .search-materials-inner .input-search {
  max-width: 50%;
  padding-left: 16px;
  margin-bottom: 16px;
}

/*.page-component-edu .main-content.kinder-garden.search {
  padding: 16px 0 24px 0;
  max-width: 840px;
}*/

/* ------ Kinder garden - main loby page media queries START ------- */
@media (max-width: 1200px) {
  .slick-slider.kinder-main-slider .item-inner-wrap .slide-img-wrap {
    min-width: auto;
  }
}

@media (max-width: 991px) {
  .kinder-garden-main .page-component-edu .page_component.main-content.kinder-garden .ContainerItemInfo {
    margin-bottom: 0;
  }

  .kinder-garden-main .page-component-edu:not(.not-shaped) .panel.panel-default {
    margin-bottom: 0;
  }

  .slick-slider.kinder-main-slider .item-inner-wrap {
    flex-direction: column;
    padding: 15px;
    width: 100%;
    align-items: center;
  }

    .slick-slider.kinder-main-slider .item-inner-wrap .slide-caption {
      margin-bottom: 10px;
    }

    .slick-slider.kinder-main-slider .item-inner-wrap .slide-img-wrap {
      min-height: auto;
      min-width: auto;
    }

  .kinder-main-slider .slick-prev,
  .kinder-main-slider .slick-next {
    top: 165px;
    transform: translateY(0);
  }

  .kinder-main-slider .slick-prev {
    left: -12px;
  }

  .kinder-main-slider .slick-next {
    right: -12px;
  }

  .slick-slider.kinder-main-slider .slick-list.draggable {
    max-width: 100%;
    margin: 0 auto;
  }

  .kinder-main-slider .slick-slide {
    margin-right: 10px;
    margin-left: 10px;
  }

  .kinder-garden-main .page-component-edu .page_component.main-content.kinder-garden {
    padding: 15px 0 8px;
  }

  .kinder-garden-main .page-component-edu:not(.not-shaped) .comp-title-container {
    margin-bottom: 21px;
  }

  .main-content.kinder-garden.search .search-materials-inner .input-search {
    max-width: 100%;
    padding-left: 0;
    margin-bottom: 10px;
  }

  .main-content.kinder-garden.search .search-col-field {
    padding-left: 0;
    padding-right: 0 !important;
  }

    .main-content.kinder-garden.search .search-col-field .col-md-9 {
      padding: 0;
    }

  .kinder-garden-title .page_component.main-content {
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  .slick-slider.kinder-main-slider .item-inner-wrap .slide-img-wrap {
    max-height: 200px;
    max-width: 306px;
  }
}
/* ------ Kinder garden - main loby page media queries END ------- */
/* Kinder gardens main - END*/
/* Kinder gardens search materials - START*/
.search-materials {
  max-width: 840px;
}

  .search-materials .materials-results {
    margin-bottom: 20px;
    margin-right: 19px;
    margin-left: 29px;
  }

    .search-materials .materials-results .listing {
      margin-top: 0;
      border-top: 1px solid #E2E2E2;
      padding: 17px 0 0;
    }

      .search-materials .materials-results .listing:first-child {
        border-top: none;
      }

      .search-materials .materials-results .listing:last-child {
        border-bottom: 1px solid #E2E2E2;
      }

.page-component-edu.materials-results .listing .link-container a {
  background-color: #3098CF;
  color: #fff;
  font-weight: 400;
  letter-spacing: 0.5px;
  padding: 2px 12px;
  border-radius: 4px;
}

  .page-component-edu.materials-results .listing .link-container a:hover {
    color: #fff !important;
    background-color: #1D5C7E;
    opacity: 1;
  }

.search-materials.page-component-edu .page_component #container-title {
  margin-bottom: 0;
}

.search-materials.page-component-edu .page_component .resltsDataContainer {
  border: 0;
  margin-right: 15px;
}

.search-materials.page-component-edu .listing .link-container {
  margin-bottom: 26px;
}

  .search-materials.page-component-edu .listing .link-container a {
    padding: 3px 14px;
  }

/* ------ Kinder garden - main loby page media queries START ------- */
@media (max-width: 991px) {
  .search-materials .materials-results .listing:first-child {
    border-top: 1px solid #E2E2E2;
  }

  .search-materials .materials-results .listing:last-child {
    border-bottom: none;
  }
}
/* ------ Kinder garden - main loby page media queries END ------- */
/* Kinder gardens search materials - END*/
/*--  Kinder garden screens 04-2019 by Dror Efraim - END  ---*/
/* Outstanding-and-gifted - START by Dror Efraim 06-2019*/
.main-content.outstanding-and-gifted .search-col {
  padding: 0 !important;
}

.main-content.outstanding-and-gifted .search-col-left {
  padding: 0 !important;
  border: 0;
}

  .main-content.outstanding-and-gifted .search-col-left .search-col-field {
    padding-right: 16px;
    padding-left: 0;
  }

.main-content.outstanding-and-gifted .search-col-field.row.RowButtns {
  display: flex !important;
  justify-content: flex-end;
  align-items: flex-end;
  margin: 0px;
}

  .main-content.outstanding-and-gifted .search-col-field.row.RowButtns .clearBtnWrap a.clearBtn:hover {
    text-decoration: underline !important;
  }

.main-content.outstanding-and-gifted .search-col-field .search-label-wrap {
  padding: 0;
  /* min-width: 116px;*/
}

.main-content.outstanding-and-gifted .search-materials-inner .input-search {
  max-width: 50%;
  padding-left: 48px;
  margin-bottom: 23px;
}

.page-component-edu .main-content.outstanding-and-gifted {
  padding: 16px 0 24px 0;
  max-width: 840px;
}

.main-content.outstanding-and-gifted .search-col-field .col-md-9 {
  padding: 0;
  /*  max-width: 225px;
    margin-right: 12px;*/
}

  .main-content.outstanding-and-gifted .search-col-field .col-md-9 .form-control {
    max-width: 225px;
  }

.outstanding-and-gifted-main .col-md-12 {
  padding: 0 22px;
  max-width: 100%;
}

#left_col.outstanding-and-gifted-main > .page-component-edu:not(:last-child) {
  margin-bottom: 27px;
}

.outstanding-and-gifted-main .page-component-edu .page_component.main-content.outstanding-and-gifted {
  padding: 16px 0 0;
}

.outstanding-and-gifted-main .page-component-edu:not(.not-shaped) .panel.panel-default {
  box-shadow: none;
}

.outstanding-and-gifted-main .page-component-edu:not(.not-shaped) .comp-title-container {
  margin-bottom: 24px;
}

.outstanding-and-gifted-main .page-component-edu:not(.not-shaped) .lecture-item .listing {
  padding: 0;
}

.outstanding-and-gifted-main .page-component-edu:not(.not-shaped) .listing .rsltsDataItem strong {
  padding-left: 3px;
}

.outstanding-and-gifted-main .page-component-edu:not(.not-shaped) .comp-title-container h4 {
  margin: 12px 0 0 0;
}

.outstanding-and-gifted-title .page_component.main-content {
  padding: 0;
  max-width: 840px;
}

  .outstanding-and-gifted-title .page_component.main-content .ContainerTitlePage {
    margin: 0;
  }

#left_col > .page-component-edu .outstanding-and-gifted-title {
  margin-bottom: 30px;
}

#left_col > .page-component-edu .outstanding-and-gifted-content {
  margin-bottom: 30px;
}

.search-materials.page-component-edu .listing .link-container.outstanding-and-gifted {
  float: none !important;
  text-align: left;
}

  .search-materials.page-component-edu .listing .link-container.outstanding-and-gifted a {
    padding: 3px 15px;
    border-radius: 5px;
  }

.outstanding-and-gifted .lecture-description h2 {
  font-size: 24px;
}

.outstanding-and-gifted .box-recommendation h2 {
  padding-top: 0;
  margin: 0;
  font-size: 24px;
  /*color: rgb(48, 152, 207);*/
}

.outstanding-and-gifted .box-recommendation dl.additional-properties {
  flex-direction: row;
  justify-content: space-between;
  margin: 12px 0 0;
}

  .outstanding-and-gifted .box-recommendation dl.additional-properties .dl-mid-border {
    height: auto;
    width: 1px;
    background: rgb(202, 221, 233);
  }

  .outstanding-and-gifted .box-recommendation dl.additional-properties .dl-row {
    flex-direction: column;
  }

    .outstanding-and-gifted .box-recommendation dl.additional-properties .dl-row.right {
      padding: 0 0 0 30px;
      flex: 0 1 50%;
    }

    .outstanding-and-gifted .box-recommendation dl.additional-properties .dl-row.left {
      padding: 0 40px 0 0;
      flex: 0 1 50%;
      margin-bottom: 0;
    }

    .outstanding-and-gifted .box-recommendation dl.additional-properties .dl-row .dl-inner-wrap {
      flex: 0;
    }

      .outstanding-and-gifted .box-recommendation dl.additional-properties .dl-row .dl-inner-wrap dd.prop-name {
        min-width: 145px;
        font-size: 16px;
      }

      .outstanding-and-gifted .box-recommendation dl.additional-properties .dl-row .dl-inner-wrap p.prop-name {
        font-size: 17px;
        font-weight: 600;
        margin-bottom: 3px;
      }

      .outstanding-and-gifted .box-recommendation dl.additional-properties .dl-row .dl-inner-wrap dt.prop-desc {
        min-width: 160px;
        font-size: 16px;
      }

.outstanding-and-gifted .video-erea {
  margin-bottom: 46px;
}

  .outstanding-and-gifted .video-erea iframe {
    padding: 0 6px 0 20px;
    max-width: 100%;
  }

.outstanding-and-gifted .program-item .lecture-description .coll-text.courseInfo {
  padding-top: 0;
  font-size: 24px;
}

.outstanding-and-gifted .program-item .box-recommendation {
  padding: 20px 40px;
  margin-bottom: 20px;
}

.outstanding-and-gifted .program-item .lecture-description {
  margin-bottom: 20px;
}

  .outstanding-and-gifted .program-item .lecture-description h2 {
    font-size: 24px;
  }

  .outstanding-and-gifted .program-item .lecture-description dl {
    margin-bottom: 0;
  }

    .outstanding-and-gifted .program-item .lecture-description dl dt {
      padding-bottom: 0;
    }

    .outstanding-and-gifted .program-item .lecture-description dl dd {
      padding-bottom: 15px;
    }

      .outstanding-and-gifted .program-item .lecture-description dl dd a {
        display: block;
        color: #3098CF;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5;
      }

  .outstanding-and-gifted .program-item .lecture-description .course-site {
    display: inline;
  }

    .outstanding-and-gifted .program-item .lecture-description .course-site img {
      width: 6px;
      height: 9px;
      display: inline-block;
      vertical-align: baseline;
      margin-right: 2px;
    }

.outstanding-and-gifted .program-item .video-erea {
  margin-bottom: 30px;
}

/* ------ Outstanding-and-gifted - media queries START ------- */
@media (max-width: 1199px) {
  .main-content.outstanding-and-gifted .search-col-field .col-md-9 {
    margin-right: 0;
  }

  .main-content.outstanding-and-gifted .search-materials-inner .input-search {
    padding-left: 0;
  }

  .outstanding-and-gifted .program-item .box-recommendation {
    padding: 20px;
  }
}

@media (max-width: 991px) {
  .main-content.outstanding-and-gifted .search-materials-inner .input-search {
    max-width: 100%;
    padding-left: 0;
    margin-bottom: 23px;
  }

  .main-content.outstanding-and-gifted .search-col-field {
    padding-left: 0;
    padding-right: 0 !important;
  }

  .outstanding-and-gifted .video-erea iframe {
    height: 255px;
  }

  .outstanding-and-gifted .box-recommendation dl.additional-properties .dl-row .dl-inner-wrap dd.prop-name {
    min-width: 115px;
  }

  .outstanding-and-gifted .box-recommendation dl.additional-properties {
    flex-direction: column;
  }

    .outstanding-and-gifted .box-recommendation dl.additional-properties .dl-row .dl-inner-wrap dt.prop-desc {
      min-width: 130px;
    }

    .outstanding-and-gifted .box-recommendation dl.additional-properties .dl-row.left {
      padding: 0;
    }

  .outstanding-and-gifted-title .page_component.main-content .ContainerTitlePage h1.title {
    padding: 0;
  }

  .main-content.outstanding-and-gifted .search-col-field .col-md-9 {
    max-width: 100%;
    margin-right: 0;
  }

    .main-content.outstanding-and-gifted .search-col-field .col-md-9 .form-control {
      max-width: 100%;
    }

  .content #left_col.outstanding-and-gifted-main {
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
  }

  .outstanding-and-gifted-main .page-component-edu .page_component.main-content.kinder-garden .ContainerItemInfo {
    margin-bottom: 0;
  }

  .outstanding-and-gifted-main .page-component-edu:not(.not-shaped) .panel.panel-default {
    margin-bottom: 0;
  }

  .outstanding-and-gifted-main .page-component-edu .page_component.main-content.kinder-garden {
    padding: 15px 0 8px;
  }

  .outstanding-and-gifted-main .page-component-edu:not(.not-shaped) .comp-title-container {
    margin-bottom: 21px;
  }

  #left_col > .page-component-edu:not(:last-child).outstanding-and-gifted-title {
    margin-bottom: 20px;
  }

  .outstanding-and-gifted-title .page_component.main-content {
    max-width: 100%;
  }

  #left_col > .page-component-edu.outstanding-and-gifted-content {
    margin-bottom: 28px;
  }

  .outstanding-and-gifted .program-item .box-recommendation {
    padding: 14px;
    margin-bottom: 20px;
  }

    .outstanding-and-gifted .program-item .box-recommendation dl {
      flex-direction: column;
      margin: 12px 0 0;
    }

      .outstanding-and-gifted .program-item .box-recommendation dl .dl-row.right {
        padding: 0;
        order: 3;
        margin: 12px 0 0;
      }

        .outstanding-and-gifted .program-item .box-recommendation dl .dl-row.right .dl-inner-wrap {
          flex-direction: column;
          margin-bottom: 6px;
        }

          .outstanding-and-gifted .program-item .box-recommendation dl .dl-row.right .dl-inner-wrap dd {
            min-width: 100%;
            padding: 0;
          }

          .outstanding-and-gifted .program-item .box-recommendation dl .dl-row.right .dl-inner-wrap dt {
            min-width: 100%;
          }

      .outstanding-and-gifted .program-item .box-recommendation dl .dl-mid-border {
        height: 1px;
        width: 100%;
        background: rgb(202, 221, 233);
        order: 2;
      }

      .outstanding-and-gifted .program-item .box-recommendation dl .dl-row.left {
        order: 1;
        padding: 0;
        margin-bottom: 12px;
      }

        .outstanding-and-gifted .program-item .box-recommendation dl .dl-row.left .dl-inner-wrap {
          flex-direction: row;
        }

          .outstanding-and-gifted .program-item .box-recommendation dl .dl-row.left .dl-inner-wrap dd {
            min-width: 50%;
            padding-bottom: 5px;
          }

          .outstanding-and-gifted .program-item .box-recommendation dl .dl-row.left .dl-inner-wrap dt {
            min-width: 50%;
          }

  .outstanding-and-gifted .lecture-description {
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-bottom: 10px;
  }
}

@media (max-width: 420px) {
  .outstanding-and-gifted-title .page_component.main-content .ContainerTitlePage h1 {
    width: 100%;
  }
}
/* Outstanding-and-gifted - END by Dror Efraim 06-2019*/
/* Useful-art - START by Dror Efraim 07-2019*/
.main-content.useful-art .search-col {
  padding: 0 !important;
}

.main-content.useful-art .search-col-left {
  border: 0;
}

  .main-content.useful-art .search-col-left .search-col-field {
    padding-right: 33px;
    padding-left: 0;
  }

    .main-content.useful-art .search-col-left .search-col-field .search-label-wrap label {
      color: black;
      font-size: 16px;
      line-height: 20px;
      margin: 0;
    }

    .main-content.useful-art .search-col-left .search-col-field .item-type {
      width: 100%;
      display: inline-block;
    }

      .main-content.useful-art .search-col-left .search-col-field .item-type label {
        cursor: pointer;
      }

        .main-content.useful-art .search-col-left .search-col-field .item-type label:first-child {
          margin-left: 44px;
        }

        .main-content.useful-art .search-col-left .search-col-field .item-type label span {
          color: black;
          font-size: 16px;
          line-height: 20px;
          margin-right: 10px;
        }

        .main-content.useful-art .search-col-left .search-col-field .item-type label .search-radio {
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          cursor: pointer;
          border: 1px solid #D1DAE2;
          border-radius: 50%;
          margin: 0 0 -7px;
          width: 24px;
          height: 24px;
        }

          .main-content.useful-art .search-col-left .search-col-field .item-type label .search-radio:hover {
            box-shadow: 0 0 0 3px #E1EEF8;
          }

          .main-content.useful-art .search-col-left .search-col-field .item-type label .search-radio:focus {
            box-shadow: 0 0 0 3px #A4D7FF;
            border: 1px solid #4B6C8B;
            outline: none;
          }

          .main-content.useful-art .search-col-left .search-col-field .item-type label .search-radio:disabled {
            background: #F3F3F3;
            border: 1px solid #B8B8B8;
          }

          .main-content.useful-art .search-col-left .search-col-field .item-type label .search-radio:checked {
            border: 7px solid #3098CF;
          }

            .main-content.useful-art .search-col-left .search-col-field .item-type label .search-radio:checked::-ms-check {
              border: 7px solid;
              border-color: #3098CF;
              color: white;
            }

          .main-content.useful-art .search-col-left .search-col-field .item-type label .search-radio:disabled:checked {
            border: 7px solid #929292;
            background: white;
            cursor: auto;
          }

            .main-content.useful-art .search-col-left .search-col-field .item-type label .search-radio:disabled:checked::-ms-check {
              border: 7px solid;
              border-color: #929292;
            }

.main-content.useful-art .search-col-field.row.RowButtns {
  display: flex !important;
  justify-content: flex-end;
  align-items: flex-end;
  margin: 69px 0 0;
}

  .main-content.useful-art .search-col-field.row.RowButtns .ContainerButtons {
    margin-right: 20px;
    margin-left: 14px;
  }

    .main-content.useful-art .search-col-field.row.RowButtns .ContainerButtons button {
      padding: 4px 40px;
    }

  .main-content.useful-art .search-col-field.row.RowButtns .clearBtnWrap a.clearBtn:hover {
    text-decoration: underline !important;
  }

.main-content.useful-art .search-col-field .search-label-wrap {
  padding: 0;
  min-width: 116px;
}

.main-content.useful-art .search-materials-inner .input-search {
  padding-left: 43px;
  margin-bottom: 23px;
}

.page-component-edu .main-content.useful-art {
  padding: 32px 0 24px 0;
  max-width: 840px;
}

.main-content.useful-art .search-col-field .col-md-9 {
  padding: 0;
  max-width: 225px;
  margin-right: 12px;
}

  .main-content.useful-art .search-col-field .col-md-9 .form-control {
    max-width: 225px;
  }

.useful-art-main .col-md-12 {
  padding: 0 22px;
  max-width: 100%;
}

#left_col.useful-art-main > .page-component-edu:not(:last-child) {
  margin-bottom: 27px;
}

.useful-art-main .page-component-edu .page_component.main-content.useful-art {
  padding: 16px 0 0;
}

.useful-art-main .page-component-edu:not(.not-shaped) .panel.panel-default {
  box-shadow: none;
}

.useful-art-main .page-component-edu .panel-body .search-info-strip {
  background: #EEEEEE;
  margin: 16px;
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  padding: 7px 10px 9px;
}

  .useful-art-main .page-component-edu .panel-body .search-info-strip span {
    font-size: 18px;
    font-weight: 400;
    color: black;
  }

  .useful-art-main .page-component-edu .panel-body .search-info-strip dl {
    margin-bottom: 0;
    margin-right: 30px;
    font-size: 18px;
    color: black;
  }

    .useful-art-main .page-component-edu .panel-body .search-info-strip dl .search-item {
      display: flex;
    }

      .useful-art-main .page-component-edu .panel-body .search-info-strip dl .search-item dt {
        padding: 0;
        font-weight: 400;
        margin-left: 8px;
      }

      .useful-art-main .page-component-edu .panel-body .search-info-strip dl .search-item dd {
        padding: 0;
        font-weight: 600;
      }

  .useful-art-main .page-component-edu .panel-body .search-info-strip.multi-items dl {
    display: flex;
    align-items: center;
  }

    .useful-art-main .page-component-edu .panel-body .search-info-strip.multi-items dl span.border {
      height: 20px;
      background: black;
      width: 1px;
      margin: 0 16px;
    }

.useful-art-main .page-component-edu:not(.not-shaped) .comp-title-container {
  margin-bottom: 24px;
}

.useful-art-main .page-component-edu:not(.not-shaped) .lecture-item .listing {
  padding: 0;
}

.useful-art-main .page-component-edu:not(.not-shaped) .listing .rsltsDataItem strong {
  padding-left: 5px;
}

.useful-art-main .page-component-edu:not(.not-shaped) .comp-title-container h4 {
  margin: 12px 0 0 0;
}

.useful-art-title .page_component.main-content {
  padding: 0;
  max-width: 840px;
}

.useful-art-main .resltsDataContainer .showingRslts {
  padding: 0;
}

  .useful-art-main .resltsDataContainer .showingRslts span {
    font-size: 16px;
    color: black;
  }

.useful-art-title .page_component.main-content .ContainerTitlePage {
  margin: 0;
}

#left_col > .page-component-edu .useful-art-title {
  margin-bottom: 30px;
}

#left_col > .page-component-edu .useful-art-content {
  margin-bottom: 30px;
}

.useful-art-main .search-materials .materials-results .listing {
  padding: 40px 0 12px;
}

  .useful-art-main .search-materials .materials-results .listing:first-child {
    padding: 28px 0 12px;
  }

.useful-art-main .listing .text-container .courseItemInfo {
  display: inline-flex;
  margin: 0 0 5px;
}

.useful-art-main .listing .text-container .text {
  margin-top: 0;
}

.useful-art-main .listing .text-container .courseItemInfo .rsltsDataItem {
  padding: 0 0 0 30px;
}

.page-component-edu .main-content.useful-art.search-filter {
  padding: 0 0 40px 0;
}

  .page-component-edu .main-content.useful-art.search-filter .col-md-12 {
    padding: 0 16px;
  }

  .page-component-edu .main-content.useful-art.search-filter .search-col {
    border-left: 0;
  }

.main-content.useful-art.search-filter .search-materials-inner .input-search {
  padding-left: 37px;
}

.main-content.useful-art.search-filter .comp-title-container {
  padding: 16px;
  margin-bottom: 15px;
}

  .main-content.useful-art.search-filter .comp-title-container .col-md-12 {
    padding: 0 14px;
  }

  .main-content.useful-art.search-filter .comp-title-container h3 {
    padding: 6px 30px;
    margin: 0;
  }

.main-content.useful-art.search-filter .search-col-field {
  padding-right: 0;
  display: flex !important;
  align-items: center;
  margin-bottom: 0;
  justify-content: center;
}

  .main-content.useful-art.search-filter .search-col-field .col-md-12 {
    padding: 0;
  }

    .main-content.useful-art.search-filter .search-col-field .col-md-12 .search-filter-wrapper {
      display: flex;
      justify-content: space-between;
    }

      .main-content.useful-art.search-filter .search-col-field .col-md-12 .search-filter-wrapper .search-col-field .search-label-wrap {
        min-width: auto;
      }

        .main-content.useful-art.search-filter .search-col-field .col-md-12 .search-filter-wrapper .search-col-field .search-label-wrap label {
          margin-left: 15px;
        }

      .main-content.useful-art.search-filter .search-col-field .col-md-12 .search-filter-wrapper .search-col-field .dropdown-wrap .form-control {
        width: 130px;
      }

  .main-content.useful-art.search-filter .search-col-field.row.RowButtns {
    margin: 40px 0 0;
  }

    .main-content.useful-art.search-filter .search-col-field.row.RowButtns .ContainerButtons {
      margin-right: 20px;
      margin-left: 14px;
    }

      .main-content.useful-art.search-filter .search-col-field.row.RowButtns .ContainerButtons button {
        padding: 4px 40px;
      }

.search-materials .materials-results .image.arrow-link {
  padding-top: 5px;
}

.search-materials .materials-results.thesaurus .listing {
  padding: 10px 0;
  border: none;
}

  .search-materials .materials-results.thesaurus .listing .broadcastItemBox .text-container {
    margin-bottom: 5px;
  }

    .search-materials .materials-results.thesaurus .listing .broadcastItemBox .text-container h5 {
      margin-bottom: 7px;
      clear: none;
    }

/* ------ Useful-art - media queries START ------- */
@media (max-width: 1199px) {
  .main-content.useful-art .search-col-field .col-md-9 {
    margin-right: 0;
  }

  .main-content.useful-art .search-materials-inner .input-search {
    max-width: 225px;
    padding: 0;
  }

  .main-content.useful-art .search-col-field .col-md-12 .search-filter-wrapper .search-col-field .dropdown-wrap .form-control {
    width: 115px;
  }

  .main-content.useful-art .search-col-field.row.RowButtns .ContainerButtons {
    margin-left: 0;
  }

    .main-content.useful-art .search-col-field.row.RowButtns .ContainerButtons button {
      padding: 4px 25px;
    }
}

@media (max-width: 991px) {
  .main-content.useful-art .search-materials-inner .input-search {
    max-width: 100%;
    padding-left: 0;
    margin-bottom: 23px;
  }

  .main-content.useful-art .search-col-field {
    padding-left: 0;
    padding-right: 0 !important;
    margin: 39px 0 0;
  }

  .main-content.useful-art .search-col-left .search-col-field .search-label-wrap label {
    margin: 0 0 10px;
  }

  .useful-art .box-recommendation dl.additional-properties .dl-row .dl-inner-wrap dd.prop-name {
    min-width: 115px;
  }

  .useful-art-title .page_component.main-content .ContainerTitlePage h1.title {
    padding: 0;
  }

  .main-content.useful-art .search-col-field .col-md-9 {
    max-width: 100%;
    margin-right: 0;
  }

    .main-content.useful-art .search-col-field .col-md-9 .form-control {
      max-width: 100%;
    }

  .content #left_col.useful-art-main {
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
  }

  .useful-art-main .page-component-edu:not(.not-shaped) .panel.panel-default {
    margin-bottom: 0;
  }

  .useful-art-main .page-component-edu .page_component.main-content.kinder-garden {
    padding: 15px 0 8px;
  }

  .useful-art-main .page-component-edu:not(.not-shaped) .comp-title-container {
    margin-bottom: 21px;
  }

  #left_col > .page-component-edu:not(:last-child).useful-art-title {
    margin-bottom: 20px;
  }

  .useful-art-title .page_component.main-content {
    max-width: 100%;
  }

  #left_col > .page-component-edu.useful-art-content {
    margin-bottom: 28px;
  }

  .main-content.useful-art.search-filter .search-col-field {
    justify-content: flex-start;
  }

    .main-content.useful-art.search-filter .search-col-field .col-md-12 .search-filter-wrapper .search-col-field:first-child {
      margin-left: 15px;
    }

  .main-content.useful-art.search-filter .search-materials-inner .input-search {
    padding-left: 0;
  }
}

@media (max-width: 420px) {
  .useful-art-title .page_component.main-content .ContainerTitlePage h1 {
    width: 100%;
  }

  .main-content.useful-art.search-filter .search-col-field .col-md-12 .search-filter-wrapper {
    flex-direction: column;
  }

    .main-content.useful-art.search-filter .search-col-field .col-md-12 .search-filter-wrapper .search-col-field:first-child {
      margin: 0;
    }
}
/* Useful-art - END by Dror Efraim 07-2019*/
/* Pedagogical Merge and study programs - START by Dror Efraim 11-2019*/
section.content .knowledge-field .panel .panel-body {
  padding: 15px 18px 20px 18px;
}

  section.content .knowledge-field .panel .panel-body .row {
    margin-bottom: 25px;
  }

    section.content .knowledge-field .panel .panel-body .row.search-filter .checkbox-wrapper {
      padding: 0;
    }

    section.content .knowledge-field .panel .panel-body .row .col-xs-6.search-wrap {
      text-align: left;
      padding: 0;
    }

    section.content .knowledge-field .panel .panel-body .row:last-child {
      margin-bottom: 0;
    }

.knowledge-field#left_col[role=main] > h1.areaTitle {
  margin-bottom: 30px;
}

.knowledge-field .row.headline {
  margin: 0;
}

  .knowledge-field .row.headline .col-md-6 {
    padding: 0;
  }

section.content .knowledge-field .row.headline h1.areaTitle {
  max-width: fit-content;
  font-size: 22px;
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 8px 20px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  section.content .knowledge-field .row.headline h1.areaTitle {
    display: inline-block;
  }
}

.knowledge-field .row.headline .col-md-6.search-wrap {
  text-align: left;
}

.knowledge-field .row.headline .search-col-field {
  max-width: 182px;
}

  .knowledge-field .row.headline .search-col-field .search-label-wrap {
    display: inline;
  }

  .knowledge-field .row.headline .search-col-field .col-md-12 {
    padding: 0;
  }

    .knowledge-field .row.headline .search-col-field .col-md-12 .form-control {
      font-size: 18px !important;
      color: #2C7094;
      border: none;
      background: #EDF5FA;
      -webkit-appearance: none;
      position: relative;
      min-height: 37px;
      padding: 6px 16px;
      cursor: pointer;
    }

    .knowledge-field .row.headline .search-col-field .col-md-12:after {
      content: "";
      background: url(../images/dropdown-open-arrow.png);
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 12px;
      height: 7px;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      left: 16px;
    }

.knowledge-field .row.search-filter {
  margin: 0;
  padding-right: 25px;
}

  .knowledge-field .row.search-filter .col-sm-6 {
    padding: 0;
  }

  .knowledge-field .row.search-filter .selectWrap {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0;
  }

    .knowledge-field .row.search-filter .selectWrap label {
      font-size: 16px;
      font-weight: 400;
      color: #000000;
      margin-left: 16px;
    }

.popXtn .knowledge-field .row.search-filter .selectWrap .form-control {
  max-width: 225px;
}

.popXtn .knowledge-field .row.search-filter .checkbox-wrapper .form-group.checkbox-group {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

  .popXtn .knowledge-field .row.search-filter .checkbox-wrapper .form-group.checkbox-group label {
    margin-left: 14px;
    color: black;
  }

/* "style-checkbox" class is for adding style to defualt checkbox - START */
.checkbox-group.style-checkbox input {
  -webkit-appearance: none;
  width: 17px;
  height: 17px;
  border: var(--cb-border);
  background-color: var(--background);
  border-radius: 2px;
}

  .checkbox-group.style-checkbox input[type=checkbox]:checked:before {
    content: "✓";
    font-size: 12px;
    color: var(--cb-color);
    font-weight: 600;
    background: var(--cb-checked-bg);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 17px;
    height: 17px;
    padding-right: 3px;
  }

/* style-checkbox class - END */
.knowledge-field .row.free-search {
  margin: 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  padding-inline-start: 20px;
}

  .knowledge-field .row.free-search .input-search {
    margin-left: 54px;
  }

    .knowledge-field .row.free-search .input-search input.form-control {
      width: 504px;
    }

  .knowledge-field .row.free-search .clearBtnWrap {
    margin-left: 25px;
  }

  .knowledge-field .row.free-search .ContainerButtons {
    margin-left: 0;
    margin-right: auto;
  }

    .knowledge-field .row.free-search .ContainerButtons .btn.goBtn.full-width.search-btn {
      width: 131px;
    }

/*.knowledge-field .panel.panel-default {
  margin-bottom: 32px;
}*/

.knowledge-field .search-info-strip {
  background: #EEEEEE;
  margin: 16px;
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  padding: 7px 10px 9px;
}

  .knowledge-field .search-info-strip span {
    font-size: 18px;
    font-weight: 400;
    color: black;
  }

  .knowledge-field .search-info-strip dl {
    margin-bottom: 0;
    margin-right: 30px;
    font-size: 18px;
    color: black;
  }

    .knowledge-field .search-info-strip dl .search-item {
      display: flex;
    }

      .knowledge-field .search-info-strip dl .search-item dt {
        padding: 0;
        font-weight: 400;
        margin-left: 8px;
      }

      .knowledge-field .search-info-strip dl .search-item dd {
        padding: 0;
        font-weight: 600;
      }

  .knowledge-field .search-info-strip.multi-items dl {
    display: flex;
    align-items: center;
  }

    .knowledge-field .search-info-strip.multi-items dl span.border {
      height: 20px;
      background: black;
      width: 1px;
      margin: 0 16px;
    }

.knowledge-field .resltsDataContainer .showingRslts {
  padding: 0;
  font-size: 16px;
  color: black;
}

  .knowledge-field .resltsDataContainer .showingRslts span {
    font-size: 16px;
    color: black;
  }

.knowledge-field .comp-title-container .col-md-12 {
  padding: 0 14px;
}

/*.knowledge-field .comp-title-container h3 {
  background-color: #3098cf;
  color: #fff;
  font-family: Assistant, Arial !important;
  font-size: 22px;
  font-weight: normal;
  height: 40px;
  padding: 6px 20px;
  display: table;
  margin: 0;
}*/

.knowledge-field .opened-list.listing.section {
  margin-top: 0;
  padding: 15px 20px 10px 20px;
}

.knowledge-field .comp-title-container {
  /* padding: 0; */
  margin-bottom: 20px;
}

.knowledge-field .opened-list.listing.section .search-info-strip {
  margin: 0;
}

.knowledge-field .opened-list.opened-item {
  margin: 0;
}

.knowledge-field .listing.section.opened-list .opened-item {
  margin-left: 0;
  margin-right: 0;
}

.knowledge-field .listing.section .info {
  width: 75%;
  padding: 0;
}

  .knowledge-field .listing.section .info .text {
    margin: 0 0 8px;
  }

    .knowledge-field .listing.section .info .text p {
      margin-bottom: 0;
    }

/* Tabs component */
section.content .panel .panel-body.tabs {
  padding: 0;
  margin: 0;
}

.knowledge-field .panel ul.nav.nav-tabs {
  margin-right: 0 !important;
  display: flex;
  border: 0;
}

.knowledge-field .panel .nav.nav-tabs li {
  background: #B0D5E6;
  border-bottom: 4px solid #ffffff;
  flex-grow: 1;
  text-align: center;
  margin-left: 4px;
}

  .knowledge-field .panel .nav.nav-tabs li:last-child {
    margin-left: 0;
  }

  .knowledge-field .panel .nav.nav-tabs li a {
    height: 51px;
    padding: 8px 10px 10px;
    background-color: transparent;
    color: #666;
    font-size: 24px;
    font-weight: 400;
  }

.knowledge-field.tabs-components .panel .nav.nav-tabs li.active {
  background: var(--stock-search-bg);
  border-bottom: 4px solid var(--stock-search-bg);
  border-top: 2px solid #1776B5;
}

.container-component .knowledge-field.tabs-components .panel .nav.nav-tabs li.active {
  background: var(--background-blue-in-blue);
}

.knowledge-field .panel .nav.nav-tabs li.active > a {
  color: #000;
}

.knowledge-field .panel .nav.nav-tabs > li > a {
  margin: 0;
  border: 0;
}

.knowledge-field .panel .nav.nav-tabs > li.active > a:hover {
  margin: 0;
}

.knowledge-field .panel .tab-content {
  background: var(--stock-search-bg);
}

.container-component .knowledge-field .panel .tab-content {
  background: var(--background-blue-in-blue);
}

.knowledge-field .panel .tab-content .tab-panel {
  display: none;
}

  .knowledge-field .panel .tab-content .tab-panel.active {
    padding: 29px 15px 20px;
    display: block;
  }

.knowledge-field .panel .tab-content .row.tab-content-wrap {
  margin: 0;
  display: flex;
  justify-content: space-between;
  min-width: 100%;
  align-items: center;
  padding: 0 15px;
}

  .knowledge-field .panel .tab-content .row.tab-content-wrap:before {
    content: none;
  }

  .knowledge-field .panel .tab-content .row.tab-content-wrap:after {
    content: none;
  }

  .knowledge-field .panel .tab-content .row.tab-content-wrap img {
    width: auto;
    height: auto;
  }

  .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner h3 {
    color: #2C7094;
    font-size: 24px;
    font-weight: 400 !important;
    margin: 0 0 12px;
  }

  .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item {
    margin-bottom: 25px;
  }

    .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item dl {
      color: #000000;
      font-size: 17px;
      margin: 0;
    }

      .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item dl .detail-line {
        display: flex;
        margin: 0;
      }

        .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item dl .detail-line dt {
          font-weight: 600;
          min-width: 56px;
          margin-left: 6px;
        }

        .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item dl .detail-line dd {
          font-weight: 400;
          padding-bottom: 0;
        }

    .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item p {
      color: #000000;
      font-size: 17px;
      margin: 0 0 5px;
    }

    .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item .detail-line {
      margin: 0 0 12px;
    }

      .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item .detail-line span {
        margin-right: 12px;
        color: #3187D2;
        font-size: 16px;
        font-weight: 400;
      }

  .knowledge-field .panel .tab-content .row.tab-content-wrap .open-online {
    display: flex;
    align-items: center;
  }

    .knowledge-field .panel .tab-content .row.tab-content-wrap .open-online img {
      width: auto;
      height: auto;
    }

    .knowledge-field .panel .tab-content .row.tab-content-wrap .open-online a {
      text-decoration: none;
    }

      .knowledge-field .panel .tab-content .row.tab-content-wrap .open-online a span {
        margin-right: 13px;
        color: #3098CF;
        font-size: 17px;
        font-weight: 400;
      }

  .knowledge-field .panel .tab-content .row.tab-content-wrap .ContainerButtons {
    margin-right: auto;
  }

    .knowledge-field .panel .tab-content .row.tab-content-wrap .ContainerButtons .btn.goBtn.full-width {
      font-size: 20px;
      padding: 4px 10px;
    }

      .knowledge-field .panel .tab-content .row.tab-content-wrap .ContainerButtons .btn.goBtn.full-width span {
        margin-right: 12px;
      }

.knowledge-field .panel .tab-content .row.tab-content-wrap {
  align-items: flex-start;
}

  .knowledge-field .panel .tab-content .row.tab-content-wrap.links {
    margin-bottom: 0px;
    padding: 0;
  }

  .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item {
    margin-bottom: 20px;
  }

    .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item:last-child {
      margin-bottom: 0;
    }

    .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item a {
      display: flex;
      align-items: center;
    }

      .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item a img {
        width: 8px;
        height: 14px;
        margin-right: 2px;
      }

      .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item a span {
        margin-right: 15px;
        color: #474747;
        font-size: 16px;
      }

  .knowledge-field .panel .tab-content .row.tab-content-wrap.knowledge .content-inner h3 {
    margin: 0 0 15px;
  }

  .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item h4 {
    color: #000000;
    font-size: 17px;
  }

  .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item ol {
    list-style: none;
  }

    .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item ol li {
      color: #000000;
      font-size: 17px;
    }

      .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item ol li a.more-content {
        position: absolute;
        bottom: -35px;
        margin: 10px 0;
      }

      .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item ol li a span {
        margin-right: 0;
        margin-left: 6px;
        color: #3098CF;
      }

.knowledge-field .row.tab-content-wrap .content-inner .content-item ol li.read-more-btn a span.collapsed-text {
  display: none;
}

  .knowledge-field .row.tab-content-wrap .content-inner .content-item ol li.read-more-btn a span.collapsed-text.show {
    display: inline-block;
  }

.knowledge-field .panel .row.tab-content-wrap .content-inner .content-item ol li a img {
  width: auto;
  height: auto;
  object-fit: contain;
}

.knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item ol li a img.collapsed {
  transform: rotate(180deg);
}

.knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item ol li.read-more-btn ol {
  list-style: none;
  margin-right: 0 !important;
}

.knowledge-field .panel .tab-content .row.tab-content-wrap {
  margin-bottom: 33px;
  padding: 0;
}

  .knowledge-field .panel .tab-content .row.tab-content-wrap.buttons {
    padding: 0 5px;
  }

  .knowledge-field .panel .tab-content .row.tab-content-wrap.skills {
    padding: 0;
  }

    .knowledge-field .panel .tab-content .row.tab-content-wrap.skills h3 {
      margin: 0 0 20px;
    }

    .knowledge-field .panel .tab-content .row.tab-content-wrap.skills .content-item {
      margin-bottom: 30px;
    }

  .knowledge-field .panel .tab-content .row.tab-content-wrap .content-item h4 {
    margin: 0 0 9px;
  }

#left_col.knowledge-field .panel .tab-content .row.tab-content-wrap .content-item ol {
  margin: 0;
}

.knowledge-field .panel .tab-content .row.tab-content-wrap.values .content-item p strong {
  font-weight: 600;
}

.knowledge-field .panel .tab-content .row.tab-content-wrap.values .content-item {
  margin-bottom: 30px;
}

.knowledge-field .panel .tab-content .row.tab-content-wrap.practice {
  margin-bottom: 20px;
  padding: 0;
}

  .knowledge-field .panel .tab-content .row.tab-content-wrap.practice .content-items-wrap {
    margin-bottom: 30px;
  }

    .knowledge-field .panel .tab-content .row.tab-content-wrap.practice .content-items-wrap h3 {
      margin: 0 0 15px;
    }

.knowledge-field .tab-content-wrap .ContainerButtons .search-btn {
  white-space: normal;
}

/* Main subjects field of knowledge */
.knowledge-field.main-subjects .page-component-edu.main-title {
  margin-bottom: 28px;
}

  .knowledge-field.main-subjects .page-component-edu.main-title .page_component.main-content {
    padding: 1px;
  }

    .knowledge-field.main-subjects .page-component-edu.main-title .page_component.main-content .ContainerTitlePage {
      margin: 0;
      padding: 1px 0;
    }

      .knowledge-field.main-subjects .page-component-edu.main-title .page_component.main-content .ContainerTitlePage h1.title {
        margin-top: 0;
        font-size: 32px;
        font-weight: 600;
        padding: 10px 21px;
      }

.knowledge-field.main-subjects .page-component-edu.search-bar .main-content {
  padding: 15px 18px;
}

.knowledge-field.main-subjects .main-content .row {
  margin: 0;
}

.knowledge-field.main-subjects .page-component-edu.search-bar .main-content .row .col-md-12 {
  margin: 0;
  padding: 0;
}

.knowledge-field.main-subjects .page-component-edu.search-bar .main-content .panel-default .comp-title-container {
  display: flex;
  justify-content: space-between;
}

.knowledge-field.main-subjects .page-component-edu.search-bar .main-content .panel-default {
  box-shadow: none;
}

  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .panel-default .search-materials-inner .search-col {
    border: 0;
  }

  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .panel-default .toggles-wrapper {
    display: flex;
    justify-content: flex-end;
  }

.knowledge-field.main-subjects .search-materials-inner .comp-title-container {
  display: inline-flex;
  top: 0;
  position: absolute;
  padding: 0;
  margin: 0;
}

  .knowledge-field.main-subjects .search-materials-inner .comp-title-container h4 {
    margin: 0;
  }

.knowledge-field.main-subjects .search-materials-inner .row.text-wrap {
  max-width: 767px;
  margin: 0 0 40px;
}

  .knowledge-field.main-subjects .search-materials-inner .row.text-wrap p {
    color: black;
    font-size: 17px;
    font-weight: 400;
    margin: 0;
  }

.knowledge-field.main-subjects .search-materials-inner .row.search-filters {
  max-width: 850px;
}

.knowledge-field.main-subjects .panel-default .search-materials-inner .row.search-filters .search-col {
  margin-left: 0;
  padding: 0 46px 0 0 !important;
}

  .knowledge-field.main-subjects .panel-default .search-materials-inner .row.search-filters .search-col:not(.search-col-left) {
    border-left: 1px solid #DFDFDF;
    padding: 0 !important;
  }

  .knowledge-field.main-subjects .panel-default .search-materials-inner .row.search-filters .search-col .search-col-field {
    display: flex !important;
    max-width: 355px;
    margin-bottom: 19px;
    align-items: center;
  }

    .knowledge-field.main-subjects .panel-default .search-materials-inner .row.search-filters .search-col .search-col-field .search-label-wrap {
      padding: 0;
      min-width: 65px;
      margin-left: 60px;
    }

    .knowledge-field.main-subjects .panel-default .search-materials-inner .row.search-filters .search-col .search-col-field .col-md-9 {
      padding: 0;
      max-width: 225px;
      min-width: 225px;
      height: 100%;
    }

.knowledge-field.main-subjects .panel-default .search-materials-inner .row.RowButtns {
  display: flex !important;
  align-items: flex-end;
  justify-content: flex-end;
}

  .knowledge-field.main-subjects .panel-default .search-materials-inner .row.RowButtns .clearBtnWrap {
    margin-left: 25px;
  }

  .knowledge-field.main-subjects .panel-default .search-materials-inner .row.RowButtns .ContainerButtons {
    max-width: 131px;
    padding: 0;
  }

.knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body {
  padding: 22px;
}

  .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row {
    margin: 0;
  }

    .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.title {
      margin-bottom: 50px;
    }

      .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.title .title-wrap h2 {
        color: #587E9F;
        font-size: 28px;
        margin: 0;
      }

        .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.title .title-wrap h2 span {
          margin: 0 8px;
        }

    .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.content {
      background-color: white;
      padding: 0;
    }

      .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.content .col-md-6:first-of-type {
        border-left: 1px solid #DFDFDF;
      }

      .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.content .col-md-6:last-of-type {
        padding-right: 35px;
      }

      .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.content .content-item {
        margin-bottom: 33px;
      }

        .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.content .content-item:last-child {
          margin-bottom: 13px;
        }

        .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.content .content-item h3 {
          color: #000000;
          font-size: 22px;
          font-weight: 400 !important;
          margin: 0 0 10px;
        }

        .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.content .content-item ol {
          list-style: none;
          font-size: 17px;
          font-weight: 400;
          color: black;
        }

  /* After filtered search results */
  .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body.filtered .row.content .col-md-6:last-of-type {
    border: 0;
    padding: 0;
  }

  .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.filter-info {
    background: #EEEEEE;
    margin-bottom: 40px;
  }

  .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body.filtered .row.title {
    margin-bottom: 20px;
  }

  .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.filter-info dl.info-wrap {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 6px 10px;
  }

    .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.filter-info dl.info-wrap dt {
      color: #000000;
      font-size: 18px;
      font-weight: 400;
      min-width: 78px;
      margin-left: 36px;
    }

    .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.filter-info dl.info-wrap dd {
      color: #000000;
      font-size: 18px;
      font-weight: 600;
      margin-left: 10px;
    }

      .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.filter-info dl.info-wrap dd:after {
        content: ",";
      }

      .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.filter-info dl.info-wrap dd:last-of-type {
        margin-left: 0;
      }

        .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.filter-info dl.info-wrap dd:last-of-type:after {
          content: none;
        }

/* Main toggle - START */
.knowledge-field .search-bar .toggles-wrapper {
  display: inline-block;
  margin-bottom: 20px;
}

  .knowledge-field .search-bar .toggles-wrapper label {
    cursor: pointer;
    vertical-align: middle;
    font-size: 16px;
  }

    .knowledge-field .search-bar .toggles-wrapper label input[type=checkbox].toggle {
      border: 1px solid #2C7094;
      background: #fff;
      cursor: pointer;
      display: inline-block;
      height: 16px;
      margin: -4px 0 0 4px;
      outline: 0;
      padding: 0;
      text-align: center;
      vertical-align: middle;
      width: 16px;
      min-width: 16px;
      -webkit-appearance: none;
      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
      transition: 0.05s border-color ease-in-out;
      opacity: 0;
      position: absolute;
    }

    .knowledge-field .search-bar .toggles-wrapper label .switch-wrap {
      display: inline-flex;
      border-radius: 5px;
      cursor: pointer;
      position: relative;
      vertical-align: middle;
      border: #2C7094 solid 1px;
      transition: background 0.25s ease;
      outline: 0;
      max-width: 100%;
    }

      .knowledge-field .search-bar .toggles-wrapper label .switch-wrap span {
        text-align: center;
        font-size: 16px;
        width: 129px;
        padding: 9px 8px 8px;
        color: white;
        z-index: 1;
      }

      .knowledge-field .search-bar .toggles-wrapper label .switch-wrap .toggle-text-right {
        font-weight: 600;
      }

        .knowledge-field .search-bar .toggles-wrapper label .switch-wrap .toggle-text-right.on {
          color: #000000;
          font-weight: 400;
        }

      .knowledge-field .search-bar .toggles-wrapper label .switch-wrap .toggle-text-left {
        color: white;
        font-weight: 600;
      }

        .knowledge-field .search-bar .toggles-wrapper label .switch-wrap .toggle-text-left.on {
          color: #000000;
          font-weight: 400;
        }

      .knowledge-field .search-bar .toggles-wrapper label .switch-wrap span.on {
        font-weight: 700;
        transition-delay: 0.9s;
        transition: all 0.9s ease;
      }

      .knowledge-field .search-bar .toggles-wrapper label .switch-wrap .toggle-transition {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 50%;
        z-index: 0;
        background: #2C7094;
        border-radius: 0 4px 4px 0;
        transition: all 0.25s ease;
        transition-property: left, right;
        outline: 0;
        max-width: 100%;
      }

        .knowledge-field .search-bar .toggles-wrapper label .switch-wrap .toggle-transition.toggle-active {
          left: 0;
          right: 50%;
          border-radius: 4px 0 0 4px;
        }

      .knowledge-field .search-bar .toggles-wrapper label .switch-wrap .toggle-transition-off {
        left: 0;
        right: 50%;
        background: white;
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 0;
        max-width: 100%;
        border-radius: 5px 0 0 5px;
      }

        .knowledge-field .search-bar .toggles-wrapper label .switch-wrap .toggle-transition-off.toggle-off {
          border-radius: 0 5px 5px 0;
          left: 50%;
          right: 0;
        }

.knowledge-field .toggle-content-wrap {
  display: none;
}

  .knowledge-field .toggle-content-wrap.show {
    display: block;
  }

/* Main toggle - END */
/* Knowladge field squares page (posts grid) */
.knowledge-field.square-page#left_col[role=main] > h1.areaTitle {
  margin-bottom: 35px;
  padding: 15px 20px 14px;
}

.knowledge-field .panel.panel-default.choose-class {
  margin-bottom: 0;
  border: 0;
  box-shadow: none;
}

  .knowledge-field .panel.panel-default.choose-class .panel-body {
    padding: 5px 18px 5px 18px;
  }

    .knowledge-field .panel.panel-default.choose-class .panel-body .row.headline {
      align-items: center;
      display: flex;
    }

      .knowledge-field .panel.panel-default.choose-class .panel-body .row.headline .title-wrap {
        padding: 0;
      }

  .knowledge-field .panel.panel-default.choose-class .row.headline .search-col-field {
    max-width: 225px;
  }

    .knowledge-field .panel.panel-default.choose-class .row.headline .search-col-field .select-wrap {
      position: relative;
    }

    .knowledge-field .panel.panel-default.choose-class .row.headline .search-col-field .col-md-12.select-wrap select::-ms-expand {
      display: none;
    }

    .knowledge-field .panel.panel-default.choose-class .row.headline .search-col-field .col-md-12.select-wrap .form-control {
      border: 1px solid #2C7094;
      background: white;
      padding: 5px 14px 6px 45px;
      min-height: 39px;
    }

    .knowledge-field .panel.panel-default.choose-class .row.headline .search-col-field .col-md-12.select-wrap:after {
      background: url(../images/knowladge-field-dropdown.png);
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      width: 39px;
      height: 38px;
      background-color: #2C7094;
      background-repeat: no-repeat;
      background-size: auto;
      background-position: center;
      color: #434B67;
      pointer-events: none;
    }

/* .knowledge-field .panel.panel-default.squares-tabs .panel-body {
    padding: 20px 18px 27px;
} */
.knowledge-field .panel.panel-default.squares-tabs .panel-body .row.headline {
  margin-bottom: 17px;
  display: flex;
  align-items: center;
}

  .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.headline .col-md-6.search-wrap a {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }

  .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.headline .col-xs-6.title-wrap {
    padding: 0;
  }

    .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.headline .col-xs-6.title-wrap h1.areaTitle {
      max-width: fit-content;
      padding: 8px 20px;
      width: auto;
    }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.headline .col-xs-6.title-wrap h1.areaTitle {
    display: inline-block;
  }
}

.knowledge-field .panel.panel-default.squares-tabs .panel-body .row.headline .col-md-6.search-wrap a span {
  margin-left: 8px;
  color: #000000;
  font-size: 16px;
  font-weight: 400;
}

.knowledge-field .panel.panel-default.squares-tabs .panel-body img.link-arrow {
  width: auto;
  object-fit: cover;
  height: auto;
}

.knowledge-field .panel.panel-default.squares-tabs .panel-body.tabs {
  border: 0;
  box-shadow: none;
}

.knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 18px;
}

  .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item {
    width: 379px;
    margin-bottom: 18px;
  }

    .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a {
      display: flex;
    }

      .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a .img-wrap img {
        width: 180px;
        height: 110px;
        object-fit: cover;
      }

      .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a .post-details {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 100%;
        background: var(--stock-search-bg);
        border-start-end-radius: var(--item-radius);
        border-end-end-radius: var(--item-radius);
      }

        .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a .post-details h4.title {
          margin: 8px 11px 0 0;
          font-size: 22px;
          font-weight: 400 !important;
        }

        .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a .post-details .post-link {
          margin: 0 38px 11px 15px;
          color: var(--link-color-on-l-blue);
        }

          .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a .post-details .post-link span {
            font-size: 16px;
          }

          .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a .post-details .post-link img {
            margin-inline-start: 5px;
          }

.knowledge-field .panel.panel-default.squares-tabs .panel-body .panel-default.tabs {
  margin-bottom: 0;
}

.knowledge-field .page-component-edu.links .row {
  margin: 0;
  display: flex;
}

  .knowledge-field .page-component-edu.links .row .quick_links.links-without-container {
    max-width: 404px;
    min-height: 220px;
    margin-top: 0;
  }

    .knowledge-field .page-component-edu.links .row .quick_links.links-without-container:first-of-type {
      margin-left: 38px;
    }

    .knowledge-field .page-component-edu.links .row .quick_links.links-without-container .panel-body {
      min-height: 100%;
    }

    .knowledge-field .page-component-edu.links .row .quick_links.links-without-container .nav-container ul li {
      margin: 0 0 20px;
    }

/* Knowladge field gallery page (timeline slider) */
.knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery {
  position: relative;
  display: block;
  margin: 0 auto 85px;
  max-width: 750px;
}

  .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider {
    max-width: 750px;
    margin: 0 auto;
  }

    .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider:hover .slick-prev {
      border-left: 5px solid #2C7094;
      border-top: 5px solid #2C7094;
    }

    .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider:hover .slick-next {
      border-right: 5px solid #2C7094;
      border-bottom: 5px solid #2C7094;
    }

    .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-prev {
      display: block;
      background-color: transparent;
      border-left: 2px solid #2C7094;
      border-top: 2px solid #2C7094;
      transform: rotate(-45deg);
      left: -25px;
      width: 16px;
      height: 16px;
      top: 33px;
      z-index: 1;
    }

      .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-prev:before {
        font-size: 0;
      }

    .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-next {
      display: block;
      background-color: transparent;
      border-right: 2px solid #2C7094;
      border-bottom: 2px solid #2C7094;
      transform: rotate(-45deg);
      right: -25px;
      width: 16px;
      height: 16px;
      top: 33px;
      z-index: 1;
    }

      .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-next:before {
        font-size: 0;
      }

  .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .timeline {
    width: 100%;
    height: 2px;
    background: #2C7094;
    position: absolute;
    display: flex;
    top: 40px;
    justify-content: space-around;
    z-index: 0;
  }

  .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery:before {
    content: "";
    position: absolute;
    right: -25px;
    width: 25px;
    height: 2px;
    background: #2C7094;
    top: 40px;
  }

  .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery:after {
    content: "";
    position: absolute;
    left: -25px;
    width: 25px;
    height: 2px;
    background: #2C7094;
    top: 40px;
  }

  .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .timeline span.timeline-indicator {
    display: block;
    width: 20px;
    height: 20px;
    border: 2px solid #2C7094;
    border-radius: 50%;
    position: relative;
    top: -10px;
    background: white;
  }

  .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .timeline .knowlage-slider {
    max-width: 100%;
  }

  .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide {
    text-align: center;
    margin: 0 9px;
  }

    .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-text {
      margin-bottom: 50px;
    }

      .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-text h4 {
        color: #2C7094;
        font-size: 18px;
        margin: 0;
      }

    .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-caption {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
      border-radius: 8px;
      max-width: 140px;
      height: 107px;
      margin: 0 auto 10px;
      padding: 10px 0 6px;
      text-align: right;
    }

      .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-caption p {
        color: #474747;
        font-size: 16px;
        padding: 0 10px;
        margin: 0;
      }

      .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-caption .post-link {
        display: flex;
        justify-content: flex-end;
        margin-left: 10px;
        align-items: center;
      }

        .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-caption .post-link span {
          color: #587E9F;
          font-size: 16px;
          margin-left: 5px;
        }

        .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-caption .post-link img {
          width: 8px;
          height: 12px;
        }

/* Knowladge item-page teaching material - START */
.knowledge-field .page-component-edu.split-media-content {
  margin: 38px 0;
}
  .knowledge-field .page-component-edu.split-media-content .inner-wrap.no-flex-inner {
    display: block;
  }

  .knowledge-field .page-component-edu.split-media-content .inner-wrap {
    display: flex;
    justify-content: space-between;
    padding: 20px 25px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  }

    .knowledge-field .page-component-edu.split-media-content .inner-wrap .content-wrap {
      padding: 0 25px 0 90px;
    }

      .knowledge-field .page-component-edu.split-media-content .inner-wrap .content-wrap h4 {
        font-size: 20px;
        margin: 0 0 12px;
      }

      .knowledge-field .page-component-edu.split-media-content .inner-wrap .content-wrap p {
        color: #000000;
        font-size: 17px;
        line-height: 26px;
        margin: 0;
      }

    .knowledge-field .page-component-edu.split-media-content .inner-wrap .media-wrap img {
      min-width: 364px;
      height: 206px;
      object-fit: cover;
    }

  /* "reverse" class override "search-main-erea" original class values */
  .knowledge-field .page-component-edu.split-media-content .search-main-erea.reverse .ma-lomdim h1 {
    font-size: 22px;
    text-align: center;
    line-height: 2.2;
  }

.main-pedagogic .search-main-erea.reverse .search-main {
  padding: 56px 40px;
}

  .main-pedagogic .search-main-erea.reverse .search-main .learn-inputs select#edulevel {
    width: 259px;
  }

  .main-pedagogic .search-main-erea.reverse .search-main div.hipus {
    width: 125px;
  }

.main-pedagogic .search-main-erea.reverse .ma-lomdim h1 {
  width: 300px;
  font-size: 22px;
  text-align: center;
  padding: 15px 0;
}

.knowledge-field.item-page .split-media-content .inner-wrap {
  padding: 22px 18px 18px;
  box-shadow: none;
}

  .knowledge-field.item-page .split-media-content .inner-wrap .content-wrap {
    padding: 0;
    width: 100%;
  }

    .knowledge-field.item-page .split-media-content .inner-wrap .content-wrap h4 {
      color: #000000;
      font-size: 24px;
    }

  .knowledge-field.item-page .split-media-content .inner-wrap img.inside-content {
    height: 211px;
    margin: 7px 21px 7px 0;
    max-width: 340px;
    float: left;
  }

  .knowledge-field.item-page .split-media-content .inner-wrap.bottom-content {
    background: var(--stock-search-bg);
    margin: 10px 15px 15px;
    padding: 10px 24px;
  }

    .knowledge-field.item-page .split-media-content .inner-wrap.bottom-content .btn-link img {
      width: auto;
      height: auto;
      object-fit: contain;
      margin-right: 6px;
      max-width: 16px;
    }

    .knowledge-field.item-page .split-media-content .inner-wrap.bottom-content .data-list .title {
      margin-bottom: 12px;
    }

      .knowledge-field.item-page .split-media-content .inner-wrap.bottom-content .data-list .title h3 {
        margin: 0;
        color: #171717;
        font-size: 22px;
      }

.knowledge-field.item-page .split-media-content .data-list dl {
  margin: 0;
}

  .knowledge-field.item-page .split-media-content .data-list dl .headline {
    display: flex;
    justify-content: flex-start;
    border-bottom: 1px solid #D5D5D5;
    padding-bottom: 4px;
  }

    .knowledge-field.item-page .split-media-content .data-list dl .headline dt {
      min-width: 140px;
      color: #000000;
      font-size: 16px;
      font-weight: 600;
    }

  .knowledge-field.item-page .split-media-content .data-list dl .content {
    display: flex;
    justify-content: flex-start;
    background: none;
    padding: 5px 0 0;
  }

    .knowledge-field.item-page .split-media-content .data-list dl .content dd {
      min-width: 140px;
      color: #000000;
      font-size: 16px;
      font-weight: 400;
    }

.knowledge-field.item-page .page-component-edu.split-media-content.about {
  background-color: #587E9F;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.08);
  margin: 0 0 40px;
  padding: 11px 0 18px;
}

  .knowledge-field.item-page .page-component-edu.split-media-content.about h3.about-title {
    padding: 9px 22px;
    color: #3098CF;
    font-size: 22px;
    background: white;
    width: auto;
    display: inline-block;
    margin: 0 18px 13px 0;
  }

.knowledge-field.item-page .split-media-content.about .inner-wrap {
  padding: 0 18px 0;
}

  .knowledge-field.item-page .split-media-content.about .inner-wrap .content-wrap h4 {
    color: white;
    font-size: 18px;
  }

.knowledge-field .page-component-edu.split-media-content.about .inner-wrap .content-wrap p {
  color: white;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 19px;
}

.knowledge-field .page-component-edu.split-media-content.about .inner-wrap .link-btn-wrap {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

  .knowledge-field .page-component-edu.split-media-content.about .inner-wrap .link-btn-wrap a {
    padding: 6px 41px;
    color: #587E9F;
    font-size: 22px;
    background: white;
    border-radius: 5px;
  }

.knowledge-field.item-page .split-media-content.about .inner-wrap img {
  height: 242px;
  margin: 7px 21px 7px 0;
  max-width: 340px;
  float: left;
}

.knowledge-field.item-page .panel.panel-default.choose-class {
  margin-bottom: 40px;
}

.knowledge-field.item-page .panel.panel-default.squares-tabs .panel-body .panel-default.tabs {
  padding: 0;
}

  .knowledge-field.item-page .panel.panel-default.squares-tabs .panel-body .panel-default.tabs .panel-body {
    padding: 0;
  }

.knowledge-field.item-page .panel.panel-default.squares-tabs .panel-body {
  padding: 20px 18px 27px;
}

  .knowledge-field.item-page .panel.panel-default.squares-tabs .panel-body .row.headline {
    margin-bottom: 17px;
  }

.knowledge-field.item-page .panel.panel-default.choose-class .row.headline .title-wrap h2 {
  margin: 0;
}

.knowledge-field.item-page .page-component-edu.tours-space.lecture .panel .panel-body {
  padding: 0;
}

/* Knowladge item-page teaching material - END */
/* Main subjects fields of knowladge full&filtered START */
.knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class {
  margin-bottom: 24px;
}

  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class h4 {
    color: #587E9F;
    font-size: 18px;
    margin: 0 0 5px;
  }

  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap {
    display: flex;
    min-width: 100%;
    margin: 0;
  }

    .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner {
      width: 147px;
      margin-left: 26px;
      margin-right: 0;
      background-color: #EDF5FA;
      border-radius: 8px;
      padding: 8px 18px 0;
      height: 98px;
      display: flex;
      flex-direction: column;
    }

      .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner .buttons-inner-wrap {
        display: flex;
        justify-content: space-between;
        position: relative;
      }

      .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner .input-wrap {
        min-width: 60px;
        height: 55px;
        background: white;
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
        border-radius: 8px;
        margin-left: 15px;
      }

      .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner input {
        -webkit-appearance: none;
        border: 0;
      }

      .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner label {
        color: #474747;
        font-size: 41px;
        font-weight: 300;
        height: 100%;
        width: 100%;
        text-align: center;
        line-height: 50px;
        cursor: pointer;
      }

      .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner input[type=radio]:checked + label {
        background: #587E9F;
        color: white;
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
        border-radius: 8px;
        font-weight: 600;
      }

        .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner input[type=radio]:checked + label img {
          filter: brightness(100);
        }

      .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner .input-wrap:last-of-type {
        margin-left: 0;
      }

.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner .input-wrap:hover {
  background: #F5F5F5;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
}

.knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
}

.knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner h5 {
  color: #587E9F;
  font-weight: 400 !important;
}

.knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner.elementary-school {
  width: 477px;
}

.knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner.junior-high {
  width: 256px;
}

.knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner.high-school {
  margin-left: 0;
}

.knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner.kindergarden .input-wrap {
  min-width: 110px;
}

.knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner.high-school .input-wrap {
  min-width: 110px;
}

.knowledge-field.main-subjects .page-component-edu.search-bar .main-content .text-wrap {
  max-width: 100%;
  margin: 0 0 45px;
}

.knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-boxes-wrap h4 {
  color: #587E9F;
  font-size: 18px;
  margin: 0 0 12px;
}

.knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-boxes-wrap .search-filter {
  display: flex;
  min-width: 100%;
  padding: 0;
}

  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-boxes-wrap .search-filter .search-inner-wrap {
    display: flex;
    flex: 0 1 50%;
    margin: 0;
  }

    .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-boxes-wrap .search-filter .search-inner-wrap .search-col-field {
      width: 155px;
      margin-bottom: 0;
    }

      .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-boxes-wrap .search-filter .search-inner-wrap .search-col-field:first-child {
        margin-left: 32px;
      }

      .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-boxes-wrap .search-filter .search-inner-wrap .search-col-field label {
        display: none;
      }

  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-boxes-wrap .search-filter .ContainerButtons {
    flex: 0 1 50%;
    text-align: left;
  }

    .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-boxes-wrap .search-filter .ContainerButtons .search-btn {
      width: 131px;
    }

.knowledge-field.main-subjects .page-component-edu.search-bar {
  margin-bottom: 34px;
}

  .knowledge-field.main-subjects .page-component-edu.search-bar.results .main-content .panel-default .comp-title-container {
    justify-content: flex-start;
    align-items: center;
  }

    .knowledge-field.main-subjects .page-component-edu.search-bar.results .main-content .panel-default .comp-title-container h4 {
      margin: 0;
      padding: 6px 12px;
    }

    .knowledge-field.main-subjects .page-component-edu.search-bar.results .main-content .panel-default .comp-title-container .title-wrap {
      margin-right: 33px;
    }

      .knowledge-field.main-subjects .page-component-edu.search-bar.results .main-content .panel-default .comp-title-container .title-wrap h2 {
        margin: 0;
        padding: 0;
        color: #587E9F;
      }

        .knowledge-field.main-subjects .page-component-edu.search-bar.results .main-content .panel-default .comp-title-container .title-wrap h2 span {
          margin: 0 8px;
        }

  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    background-color: #EDF5FA;
    padding: 18px 18px 0;
  }

    .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item {
      height: 73px;
      background: white;
      max-width: 246px;
      flex: 1 0 25%;
      margin-left: 33px;
      margin-bottom: 20px;
      border-radius: 8px;
    }

      .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item:hover {
        background: #587E9F;
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
      }

        .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item:hover a h4 {
          color: white;
          font-weight: 600 !important;
        }

        .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item:hover a span {
          color: white;
        }

      .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item a {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding: 10px 14px;
        opacity: 1;
      }

        .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item a h4 {
          margin: 0;
          color: #000000;
          font-size: 24px;
          font-weight: 400 !important;
        }

        .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item a span {
          color: #2C7094;
          font-size: 18px;
        }

      .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item:nth-child(4n) {
        margin-left: 0;
      }

  .knowledge-field.main-subjects .page-component-edu.search-bar.results .main-content {
    padding: 15px 10px 12px;
  }

    .knowledge-field.main-subjects .page-component-edu.search-bar.results .main-content .text-wrap {
      margin: 0 0 2px;
    }

  .knowledge-field.main-subjects .page-component-edu.search-bar.results.high-school-results .main-content .panel-default .comp-title-container {
    margin-bottom: 0;
  }

.knowledge-field .panel.high-school-tabs .nav.nav-tabs li {
  min-width: 366px;
  margin-left: 10px;
  border-bottom: 7px solid #ffffff;
}

  .knowledge-field .panel.high-school-tabs .nav.nav-tabs li:last-child {
    margin-left: 0;
  }

  .knowledge-field .panel.high-school-tabs .nav.nav-tabs li.active {
    border-bottom: 7px solid #ffffff;
  }

  .knowledge-field .panel.high-school-tabs .nav.nav-tabs li a {
    text-align: center;
    line-height: 1.4;
  }

.knowledge-field .panel.high-school-tabs.panel-default.squares-tabs .panel-body {
  padding: 27px 0;
}

.knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap.sections {
  padding: 15px 15px 0 0;
}

  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section {
    min-width: 100%;
    display: flex;
    flex-wrap: wrap;
  }

    .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .row.row-title {
      min-width: 100%;
      margin-bottom: 12px;
    }

      .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .row.row-title.open-collapse::after {
        transform: rotate(-90deg);
      }

      .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .row.row-title h5 {
        margin: 0;
        color: #587E9F;
      }

    .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .item {
      max-width: 245px;
      flex: 1 0 25%;
      margin-left: 34px;
    }

/* .main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .item:nth-child(4n+1) {
    margin-left: 0;
} */
/* Make read-more with collapse more generic -START */
.knowledge-field .read-more-btn {
  position: relative;
  margin: 10px 0 0;
}

  .knowledge-field .read-more-btn a span.collapsed-text {
    display: none;
  }

    .knowledge-field .read-more-btn a span.collapsed-text.show {
      display: inline-block;
    }

  .knowledge-field .read-more-btn a {
    display: flex;
  }

    .knowledge-field .read-more-btn a img {
      width: auto;
      max-width: 10px;
      height: auto;
      object-fit: contain;
      margin-right: 10px;
    }

    .knowledge-field .read-more-btn a.more-content {
      position: absolute;
      bottom: -33px;
      margin: 10px 0;
    }

      .knowledge-field .read-more-btn a.more-content img.collapse-arrow {
        transform: rotate(180deg);
      }

/* Make read-more with collapse more generic -END */
/* Main subjects fields of knowladge full&filtered END */
/* Pedagogical Merge and study programs - media queries START*/
@media (max-width: 1199px) {
  section.content .knowledge-field .panel .panel-body {
    padding: 12px 12px 16px 24px;
  }

  .knowledge-field .row.headline .search-col-field {
    max-width: 152px;
  }

    .knowledge-field .row.headline .search-col-field .col-md-12 .form-control {
      font-size: 16px !important;
      min-height: 35px;
      padding: 4px 12px;
    }

  .knowledge-field .row.search-filter {
    padding-right: 20px;
  }

  .popXtn .knowledge-field .row.search-filter .checkbox-wrapper .form-group.checkbox-group {
    font-size: 14px;
  }

    .popXtn .knowledge-field .row.search-filter .checkbox-wrapper .form-group.checkbox-group label {
      margin-left: 8px;
    }

    .popXtn .knowledge-field .row.search-filter .checkbox-wrapper .form-group.checkbox-group.style-checkbox input {
      width: 15px;
      height: 15px;
    }

      .popXtn .knowledge-field .row.search-filter .checkbox-wrapper .form-group.checkbox-group.style-checkbox input[type=checkbox]:checked:before {
        width: 11px;
        height: 12px;
      }

  .knowledge-field .row.search-filter .selectWrap label {
    font-size: 14px;
    margin-left: 12px;
  }

  .popXtn .knowledge-field .row.search-filter .selectWrap .form-control {
    max-width: 182px;
    font-size: 14px !important;
  }
  /*
    .knowledge-field .row.free-search {
      padding-right: 20px;
    }*/
  .knowledge-field .row.free-search .input-search {
    margin-left: 34px;
  }

    .knowledge-field .row.free-search .input-search input.form-control {
      width: 410px;
      font-size: 14px !important;
    }

  .knowledge-field .row.free-search .clearBtnWrap {
    margin-left: 10px;
  }

  .knowledge-field .listing.section .info {
    width: 70%;
  }

  .knowledge-field .panel .nav.nav-tabs li a {
    height: 47px;
    padding: 6px 8px 8px;
    font-size: 22px;
  }

  .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.headline {
    margin-bottom: 50px;
  }

  .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery {
    margin: 0 auto 65px;
    max-width: 550px;
  }

    .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider {
      max-width: 550px;
    }

      .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-text {
        margin-bottom: 45px;
      }

        .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-text h4 {
          font-size: 16px;
        }

      .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-caption {
        max-width: 120px;
        height: 97px;
        margin: 0 auto 8px;
        padding: 8px 0 4px;
      }

        .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-caption p {
          font-size: 14px;
          padding: 0 8px;
        }

        .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-caption .post-link span {
          font-size: 14px;
          margin-left: 4px;
        }

        .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-caption .post-link img {
          width: 7px;
          height: 11px;
        }

    .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .timeline span.timeline-indicator {
      width: 18px;
      height: 18px;
      top: -8px;
    }

  .knowledge-field .page-component-edu.split-media-content .inner-wrap {
    padding: 20px;
  }

    .knowledge-field .page-component-edu.split-media-content .inner-wrap .content-wrap {
      padding: 0 20px 0 60px;
    }

      .knowledge-field .page-component-edu.split-media-content .inner-wrap .content-wrap h4 {
        font-size: 18px;
        margin: 0 0 12px;
      }

      .knowledge-field .page-component-edu.split-media-content .inner-wrap .content-wrap p {
        font-size: 16px;
      }

  .main-pedagogic .search-main-erea.reverse .search-main {
    padding: 55px 70px;
  }

  .main-pedagogic .search-main-erea.reverse .ma-lomdim h1 {
    line-height: 1;
    width: 230px;
  }

  .main-pedagogic .search-main-erea.reverse .search-main .learn-inputs select#edulevel {
    width: 184px;
  }

  .main-pedagogic .search-main-erea.reverse .search-main div.hipus {
    width: 120px;
  }

  .knowledge-field.item-page .split-media-content .inner-wrap .content-wrap {
    padding: 0 0 0 18px;
  }

  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap {
    min-width: auto;
    max-width: 100%;
  }

    .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner {
      width: 140px;
      margin-left: 18px;
      padding: 6px 14px 0;
      height: 84px;
    }

      .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner.kindergarden .input-wrap {
        min-width: 102px;
      }

      .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner label {
        font-size: 28px;
        line-height: 40px;
        position: relative;
      }

      .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner h5 {
        margin: 6px 0 0;
        font-size: 16px;
      }

      .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner.elementary-school {
        width: 400px;
      }

      .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner .input-wrap {
        min-width: 50px;
        height: 45px;
        margin-left: 12px;
      }

      .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner.junior-high {
        width: 201px;
      }

      .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner.high-school .input-wrap {
        min-width: 102px;
      }

  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item:nth-child(3n) {
    margin-left: 0;
  }

  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item:nth-child(4n) {
    margin-left: 23px;
  }

  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item {
    height: 63px;
    max-width: 270px;
    flex: 1 0 33%;
    margin-left: 23px;
    margin-bottom: 17px;
  }

    .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item a {
      padding: 8px 12px;
    }

      .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item a h4 {
        font-size: 20px;
      }

      .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item a span {
        font-size: 17px;
      }

  .knowledge-field .panel.high-school-tabs .nav.nav-tabs li {
    min-width: auto;
  }

  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .item {
    max-width: 277px;
    flex: 1 0 33%;
    margin-left: 24px;
  }

    .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .item:nth-child(4n+1) {
      margin-left: 24px;
    }

    .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .item:nth-child(3n+1) {
      margin-left: 0;
    }

  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner img {
    max-width: 32px;
  }
}

@media (max-width: 1024px) {
  .knowledge-field .tab-content-wrap.buttons .ContainerButtons .search-btn {
    width: 100% !important;
  }
}

@media (max-width: 991px) {
  section.content .knowledge-field .panel .panel-body .row {
    margin-bottom: 20px;
    /*display: flex;*/
    justify-content: space-between;
    align-items: center;
  }

    section.content .knowledge-field .panel .panel-body .row.headline .col-xs-6.search-wrap {
      text-align: left;
    }

      section.content .knowledge-field .panel .panel-body .row.headline .col-xs-6.search-wrap .search-col-field {
        margin-bottom: 0;
      }

        section.content .knowledge-field .panel .panel-body .row.headline .col-xs-6.search-wrap .search-col-field .search-label-wrap {
          display: none;
        }

  section.content .knowledge-field .panel .panel-body {
    padding: 10px 12px;
  }

    section.content .knowledge-field .panel .panel-body .row .col-xs-6 {
      padding: 0;
    }

  section.content .knowledge-field .row.headline h1.areaTitle {
    max-width: 140px;
    font-size: 16px;
    padding: 8px 20px;
  }

  .knowledge-field .row.headline .search-col-field .col-md-12 .form-control {
    font-size: 14px !important;
    min-height: 28px;
    padding: 2px 8px;
  }

  section.content .knowledge-field .panel .panel-body .row.search-filter {
    flex-direction: column;
    align-items: flex-start;
    padding-right: 0;
  }

  .knowledge-field .row.search-filter .selectWrap {
    justify-content: flex-start;
  }

  .knowledge-field .row.search-filter .checkbox-wrapper {
    padding: 0;
  }

  .popXtn .knowledge-field .row.search-filter .checkbox-wrapper .form-group.checkbox-group label {
    margin-left: 10px;
    margin-right: 0;
  }

  .popXtn .knowledge-field .row.search-filter .checkbox-wrapper .form-group.checkbox-group.style-checkbox input {
    width: 14px;
    height: 14px;
  }

    .popXtn .knowledge-field .row.search-filter .checkbox-wrapper .form-group.checkbox-group.style-checkbox input[type=checkbox]:checked:before {
      width: 11px;
      height: 11px;
    }

  section.content .knowledge-field .panel .panel-body .row.free-search {
    flex-direction: column;
    align-items: flex-start;
    padding-right: 0;
  }

  .knowledge-field .row.free-search .input-search {
    margin-left: 0;
    width: 100%;
    margin-bottom: 15px;
  }

    .knowledge-field .row.free-search .input-search input.form-control {
      width: 100%;
    }

  .knowledge-field .row.free-search .clearBtnWrap {
    margin-left: 0;
    margin-right: auto;
  }

  .knowledge-field .row.free-search .ContainerButtons .btn.goBtn.full-width.search-btn {
    margin-top: 0;
  }

  .knowledge-field .row.search-filter .selectWrap label {
    margin-left: 27px;
  }

  .knowledge-field .listing.section .info {
    width: 100%;
    padding: 0 15px;
  }

  .knowledge-field .search-info-strip {
    margin: 16px;
    flex-wrap: wrap;
  }

    .knowledge-field .search-info-strip.multi-items dl {
      flex-wrap: wrap;
      margin-right: 0;
    }

      .knowledge-field .search-info-strip.multi-items dl span.border {
        display: none;
      }

    .knowledge-field .search-info-strip span {
      min-width: 100%;
    }

    .knowledge-field .search-info-strip dl .search-item {
      min-width: 100%;
    }

  section.content .knowledge-field .panel .panel-group.collapsing-tabs {
    padding: 20px 20px 27px;
  }

    section.content .knowledge-field .panel .panel-group.collapsing-tabs .panel-heading {
      text-align: center;
    }

      section.content .knowledge-field .panel .panel-group.collapsing-tabs .panel-heading h2 {
        color: #000000;
        font-size: 24px;
        font-weight: 400 !important;
      }

    section.content .knowledge-field .panel .panel-group.collapsing-tabs .panel-collapse .panel-body {
      padding: 0;
      border: 0;
      padding-bottom: 20px;
      background-color: #f5f5f5;
    }

      section.content .knowledge-field .panel .panel-group.collapsing-tabs .panel-collapse .panel-body .links {
        margin: 0 15px;
      }

      section.content .knowledge-field .panel .panel-group.collapsing-tabs .panel-collapse .panel-body .content-item h3 {
        font-size: 17px;
      }

    section.content .knowledge-field .panel .panel-group.collapsing-tabs .panel-collapse img {
      width: auto;
      height: auto;
    }

    section.content .knowledge-field .panel .panel-group.collapsing-tabs .panel-collapse span {
      font-family: Assistant;
      font-size: 16px;
      line-height: 150%;
      color: #474747;
      text-align: right;
      margin-right: 7px;
    }

    section.content .knowledge-field .panel .panel-group.collapsing-tabs .panel-collapse .panel-body .links .content-inner {
      padding: 0;
    }

      section.content .knowledge-field .panel .panel-group.collapsing-tabs .panel-collapse .panel-body .links .content-inner .content-item {
        display: flex;
        margin-bottom: 15px;
      }

        section.content .knowledge-field .panel .panel-group.collapsing-tabs .panel-collapse .panel-body .links .content-inner .content-item a {
          display: flex;
          align-items: center;
        }

  .knowledge-field .tab-content-wrap .ContainerButtons {
    margin-left: 0;
    margin-right: auto;
    max-width: 240px;
    padding: 0 15px;
  }

  .knowledge-field .panel .tab-content {
    background: white;
  }

  .knowledge-field .tab-content-wrap .ContainerButtons .search-btn {
    position: relative;
    text-align: right;
    font-size: 18px;
    padding-left: 22px;
    margin-top: 20px;
    width: 100% !important;
  }

    .knowledge-field .tab-content-wrap .ContainerButtons .search-btn span {
      position: absolute;
      left: 12px;
      font-size: 18px;
      top: 50%;
      transform: translateY(-50%);
      margin-right: 6px;
      color: white !important;
    }

  .knowledge-field .tab-content-wrap.search-btn {
    padding: 0;
    width: 100% !important;
  }

  .knowledge-field .panel-body .content-inner .content-item dl .detail-line dt {
    min-width: 50px;
    margin-left: 4px;
    font-size: 16px;
  }

  .knowledge-field .panel-body .content-inner .content-item dl .detail-line dd {
    font-size: 16px;
  }

  .knowledge-field .panel-body .content-inner .content-item p {
    color: #000000;
    font-size: 16px;
    margin: 0 0 5px;
  }

  .knowledge-field .panel-body .content-inner .content-item .detail-line {
    margin: 0 0 10px;
    display: flex;
  }

    .knowledge-field .panel-body .content-inner .content-item .detail-line span {
      font-size: 16px;
    }

  .knowledge-field .panel .tab-content .row.tab-content-wrap.practice {
    flex-direction: column;
  }

  .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner h3 {
    font-size: 22px;
  }

  .knowledge-field .panel .tab-content .row.tab-content-wrap.values {
    padding: 0;
  }

  .knowledge-field .panel .tab-content .row.tab-content-wrap.practice {
    padding: 0;
  }

  .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item {
    margin-bottom: 12px;
  }

  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .panel-default .search-materials-inner .search-col {
    padding: 0 !important;
    border-left: 0;
  }

  .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.title {
    justify-content: flex-start;
  }

  .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.content {
    flex-direction: column;
    align-items: flex-start;
  }

    .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.content .col-sm-12 {
      padding: 0;
    }

    .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.content .col-md-6:last-of-type {
      padding-right: 0;
    }

    .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.content .col-md-6:first-of-type {
      border-left: 0;
    }

  .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.title .title-wrap h2 {
    font-size: 20px;
  }

  .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.filter-info {
    justify-content: flex-start;
  }

    .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.filter-info dl.info-wrap {
      flex-wrap: wrap;
    }

      .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.filter-info dl.info-wrap dt {
        margin-left: 12px;
      }

  .knowledge-field .panel.panel-default.choose-class .panel-body {
    padding: 5px 15px 5px 15px;
  }

    .knowledge-field .panel.panel-default.choose-class .panel-body .row.headline {
      flex-direction: column;
    }

      .knowledge-field .panel.panel-default.choose-class .panel-body .row.headline .col-md-6.search-wrap {
        width: 260px;
        text-align: center;
      }

  .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.headline {
    flex-direction: column;
    margin-bottom: 37px;
  }

    .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.headline .title.areaTitle {
      max-width: 100%;
      font-size: 22px;
    }

  .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap {
    flex-direction: column;
    flex-wrap: nowrap;
    margin: 0 15px;
  }

    .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item {
      width: 100%;
    }

      .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a {
        display: flex;
        flex-direction: column;
      }

        .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a .img-wrap img {
          width: 100%;
          height: 114px;
        }

        .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a .post-details h4.title {
          font-size: 16px;
          margin-bottom: 18px;
        }

        .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a .post-details .post-link {
          margin: 0 auto 5px 10px;
        }

  .knowledge-field .panel.panel-default.choose-class .row.headline .search-col-field {
    max-width: 260px;
  }
  /*.knowledge-field .panel.panel-default.choose-class .row.headline .title-wrap h2 {
    font-size: 30px;
  }*/
  .knowledge-field.square-page#left_col[role=main] > h1.areaTitle {
    border: 0;
    padding: 10px 15px 9px;
    margin-bottom: 18px;
  }

  .knowledge-field .panel.panel-default.squares-tabs .panel-body {
    padding: 17px 15px;
  }

    .knowledge-field .panel.panel-default.squares-tabs .panel-body .search-wrap {
      padding: 0;
      margin-bottom: 30px;
    }

      .knowledge-field .panel.panel-default.squares-tabs .panel-body .search-wrap .search-col-field {
        text-align: left;
      }

        .knowledge-field .panel.panel-default.squares-tabs .panel-body .search-wrap .search-col-field img.link-arrow {
          /*width: 10px;
    height: 17px;*/
          object-fit: contain;
          margin-right: 6px;
        }

    .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid {
      margin-bottom: 0;
      border: none;
    }

    .knowledge-field .panel.panel-default.squares-tabs .panel-body .panel-default.tabs {
      border: none;
    }

      .knowledge-field .panel.panel-default.squares-tabs .panel-body .panel-default.tabs .panel-group.collapsing-tabs {
        border: none;
        box-shadow: none;
        padding: 0;
      }
  /*.knowledge-field .panel.panel-default.squares-tabs .panel-body .search-wrap .search-col-field a span {
    color: black;
  }*/
  .knowledge-field .panel.panel-default.squares-tabs {
    margin-bottom: 15px;
  }

  .knowledge-field .page-component-edu.links .row {
    flex-direction: column;
  }

    .knowledge-field .page-component-edu.links .row .quick_links.links-without-container {
      max-width: 100%;
    }

      .knowledge-field .page-component-edu.links .row .quick_links.links-without-container:first-of-type {
        margin-left: 0;
        margin-bottom: 28px;
      }

    .knowledge-field .page-component-edu.links .row.compt-tit-con h4 {
      max-width: fit-content;
    }
}

@media screen and (max-width: 991px) and (-ms-high-contrast: active), (max-width: 991px) and (-ms-high-contrast: none) {
  .knowledge-field .page-component-edu.links .row.compt-tit-con h4 {
    display: inline-block;
  }
}

@media (max-width: 991px) {
  .knowledge-field .knowlage-slider {
    max-width: 100%;
  }
}

@media (max-width: 991px) {
  .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .timeline span.timeline-indicator:not(:last-of-type) {
    display: none;
  }
}

@media (max-width: 991px) {
  .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery {
    margin: 0 auto 55px;
    max-width: 100%;
  }
}

@media (max-width: 991px) {
  .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery:before {
    right: 0;
  }
}

@media (max-width: 991px) {
  .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery:after {
    left: 0;
  }
}

@media (max-width: 991px) {
  .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider {
    max-width: 100%;
  }
}

@media (max-width: 991px) {
  .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-prev {
    left: 0;
  }
}

@media (max-width: 991px) {
  .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-next {
    right: 0;
  }
}

@media (max-width: 991px) {
  .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-text {
    margin-bottom: 60px;
  }
}

@media (max-width: 991px) {
  .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-caption {
    max-width: 100%;
    height: 77px;
  }
}

@media (max-width: 991px) {
  .knowledge-field .page-component-edu.split-media-content {
    margin: 0 0 20px;
  }
}

@media (max-width: 991px) {
  .knowledge-field .page-component-edu.split-media-content .inner-wrap {
    flex-direction: column;
    padding: 15px;
  }
}

@media (max-width: 991px) {
  .knowledge-field.item-page .split-media-content .inner-wrap {
    padding: 15px 0;
  }
}

@media (max-width: 991px) {
  .knowledge-field.item-page .split-media-content .inner-wrap .content-wrap {
    padding: 0 15px;
  }
}

@media (max-width: 991px) {
  .knowledge-field .page-component-edu.split-media-content .inner-wrap .content-wrap {
    padding: 0 22px;
    margin-bottom: 25px;
    display: flex;
    flex-direction: column;
  }
}

@media (max-width: 991px) {
  .knowledge-field .page-component-edu.split-media-content .inner-wrap .media-wrap iframe {
    max-width: 100%;
  }
}

@media (max-width: 991px) {
  .knowledge-field .page-component-edu.split-media-content .inner-wrap .content-wrap h4 {
    font-size: 20px;
    margin: 0 0 15px;
    order: 1;
  }
}

@media (max-width: 991px) {
  .knowledge-field .page-component-edu.split-media-content .inner-wrap .content-wrap p {
    font-size: 17px;
    order: 1;
  }
}

@media (max-width: 991px) {
  .knowledge-field .page-component-edu.split-media-content .inner-wrap .content-wrap iframe {
    max-width: 100%;
    width: 100%;
    margin: 25px 0;
    order: 2;
  }
}

@media (max-width: 991px) {
  .knowledge-field.item-page .page-component-edu.split-media-content .inner-wrap img.inside-content {
    max-width: 290px;
    object-fit: cover;
    min-width: auto;
    height: 180px;
    margin: 25px 0;
    order: 2;
  }
}

@media (max-width: 991px) {
  .knowledge-field .page-component-edu.split-media-content .inner-wrap .content-wrap .read-more-btn {
    order: 1;
  }
}

@media (max-width: 991px) {
  .knowledge-field.item-page .split-media-content .inner-wrap.bottom-content {
    margin: 5px 14px 13px;
    padding: 10px 18px;
  }
}

@media (max-width: 991px) {
  .knowledge-field.item-page .split-media-content .inner-wrap.bottom-content .data-list .title {
    margin-bottom: 26px;
  }
}

@media (max-width: 991px) {
  .knowledge-field.item-page .split-media-content .inner-wrap.bottom-content .btn-link {
    display: none;
  }
}

@media (max-width: 991px) {
  .knowledge-field.item-page .split-media-content .inner-wrap .media-wrap {
    margin-bottom: 24px;
  }
}

@media (max-width: 991px) {
  .knowledge-field .page-component-edu.split-media-content.about .inner-wrap .link-btn-wrap {
    text-align: left;
  }
}

@media (max-width: 991px) {
  .knowledge-field.item-page .panel.panel-default.squares-tabs .panel-body .search-wrap {
    margin-bottom: 0;
  }
}

@media (max-width: 991px) {
  .knowledge-field.item-page .panel.panel-default.squares-tabs .panel-body .panel-default.tabs .panel-body {
    padding: 0 0 20px 0;
  }
}

@media (max-width: 991px) {
  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap {
    background-color: #EDF5FA;
    flex-wrap: wrap;
    padding: 0 25px 17px;
  }
}

@media (max-width: 991px) {
  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner {
    min-width: auto;
    width: 208px;
    margin-left: 0;
    padding: 6px 0 0;
    height: 100%;
    flex-direction: column-reverse;
  }
}

@media (max-width: 991px) {
  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner.kindergarden .input-wrap {
    min-width: 100%;
    height: 55px;
  }
}

@media (max-width: 991px) {
  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner.elementary-school {
    width: 100%;
    margin: 0;
    height: 100%;
    padding: 6px 0 0;
  }
}

@media (max-width: 991px) {
  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner .buttons-inner-wrap {
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 0;
    align-items: center;
  }
}

@media (max-width: 991px) {
  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner .input-wrap {
    min-width: 60px;
    height: 55px;
    margin-left: 14px;
    margin-bottom: 14px;
  }
}

@media (max-width: 991px) {
  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner.kindergarden .buttons-inner-wrap {
    flex-wrap: wrap;
    margin: 0;
  }
}

@media (max-width: 991px) {
  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner.kinder-garden .buttons-inner-wrap {
    flex-wrap: wrap;
    margin: 0;
  }
}

@media (max-width: 991px) {
  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner.high-school .input-wrap {
    min-width: 100%;
    height: 55px;
  }
}

@media (max-width: 991px) {
  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner.junior-high {
    width: auto;
    margin-left: 15px;
  }
}

@media (max-width: 991px) {
  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner h5 {
    margin: 6px 0 8px;
  }
}

@media (max-width: 991px) {
  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner img {
    max-width: 42px;
  }
}

@media (max-width: 991px) {
  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-boxes-wrap .search-filter .search-inner-wrap {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 22px;
  }
}

@media (max-width: 991px) {
  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-boxes-wrap .search-filter {
    flex-direction: column;
  }
}

@media (max-width: 991px) {
  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-boxes-wrap .search-filter .ContainerButtons {
    text-align: right;
  }
}

@media (max-width: 991px) {
  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-boxes-wrap .search-filter .ContainerButtons .search-btn {
    margin-top: 0;
    width: 131px !important;
  }
}

@media (max-width: 991px) {
  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-boxes-wrap .search-filter .search-inner-wrap .search-col-field {
    width: 300px;
  }
}

@media (max-width: 991px) {
  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-boxes-wrap .search-filter .search-inner-wrap .search-col-field:first-child {
    margin-bottom: 18px;
  }
}

@media (max-width: 991px) {
  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner label {
    font-size: 41px;
    line-height: 50px;
  }
}

@media (max-width: 991px) {
  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap {
    justify-content: center;
  }
}

@media (max-width: 991px) {
  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item:nth-child(2n) {
    margin-left: 0;
  }
}

@media (max-width: 991px) {
  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item:nth-child(3n) {
    margin-left: 0;
  }
}

@media (max-width: 991px) {
  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item:nth-child(4n) {
    margin-left: 0;
  }
}

@media (max-width: 991px) {
  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item {
    height: 60px;
    max-width: 45%;
    flex: 1 0 45%;
    margin-left: 0;
    margin-bottom: 14px;
  }
}

@media (max-width: 991px) {
  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item:nth-child(odd) {
    margin-left: 17px;
  }
}

@media (max-width: 991px) {
  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item a {
    padding: 7px 10px;
  }
}

@media (max-width: 991px) {
  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item a h4 {
    font-size: 18px;
  }
}

@media (max-width: 991px) {
  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item a span {
    font-size: 16px;
  }
}

@media (max-width: 991px) {
  .knowledge-field.main-subjects .page-component-edu.search-bar.results .main-content .panel-default .comp-title-container {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 991px) {
  .knowledge-field.main-subjects .page-component-edu.search-bar.results .main-content .panel-default .comp-title-container .title-wrap {
    margin: 0 0 17px;
  }
}

@media (max-width: 991px) {
  .knowledge-field.main-subjects .page-component-edu.search-bar.results .main-content .panel-default .comp-title-container h4 {
    margin: 0 0 10px;
  }
}

@media (max-width: 991px) {
  .knowledge-field.main-subjects .page-component-edu.search-bar.results .main-content .panel-default .comp-title-container .title-wrap h2 {
    margin: 0;
    font-size: 20px;
  }
}

@media (max-width: 991px) {
  .knowledge-field.main-subjects .page-component-edu.search-bar.fillter .main-content {
    padding: 15px 18px 28px;
  }
}

@media (max-width: 991px) {
  .knowledge-field.main-subjects .page-component-edu.search-bar.results.high-school-results .main-content .panel-default .comp-title-container {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 16px;
  }
}

@media (max-width: 991px) {
  section.content .knowledge-field .panel.high-school-tabs .panel-group.collapsing-tabs .panel-heading h2 {
    padding-top: 0;
    text-align: center;
  }
}

@media (max-width: 991px) {
  .knowledge-field.main-subjects .page-component-edu.search-bar.results.high-school-results a:focus {
    color: #000 !important;
    -webkit-tap-highlight-color: transparent;
  }
}

@media (max-width: 991px) {
  .knowledge-field.main-subjects .page-component-edu.search-bar.results.high-school-results .main-content {
    padding: 18px 0 0;
  }
}

@media (max-width: 991px) {
  section.content .knowledge-field .search-bar.results.high-school-results .panel .panel-group.collapsing-tabs {
    padding: 0 15px 0;
    border: 0;
    box-shadow: none;
  }
}

@media (max-width: 991px) {
  .knowledge-field.main-subjects .page-component-edu.search-bar.high-school-results .main-content .panel-default {
    margin-bottom: 17px;
  }
}

@media (max-width: 991px) {
  section.content .knowledge-field .search-bar.results.high-school-results .panel .panel-group.collapsing-tabs .panel-collapse .panel-body {
    margin: 17px 0 40px;
    padding-bottom: 0;
  }
}

@media (max-width: 991px) {
  .knowledge-field .search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .item {
    max-width: 100%;
    flex: 1 0 100%;
    margin-left: 0;
    height: 73px;
  }
}

@media (max-width: 991px) {
  .knowledge-field .search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .item:nth-child(3n+1) {
    margin-left: 0;
  }
}

@media (max-width: 991px) {
  .knowledge-field .search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .item:nth-child(4n+1) {
    margin-left: 0;
  }
}

@media (max-width: 991px) {
  .knowledge-field .search-bar .main-content .search-results-wrapper .items-wrap.sections {
    padding: 15px 22px 5px 15px;
  }
}

@media (max-width: 991px) {
  .knowledge-field .search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .panel-collapse {
    min-width: 100%;
  }
}

@media (max-width: 991px) {
  .knowledge-field .search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .row.row-title {
    justify-content: flex-start;
    position: relative;
  }
}

@media (max-width: 991px) {
  .knowledge-field .search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .row.row-title:after {
    content: "";
    position: absolute;
    background: url("../images/inside-collapse.png");
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    right: 220px;
  }
}

@media (max-width: 991px) {
  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .item {
    max-width: 100%;
    flex: 1 0 100%;
    margin-left: 15px;
  }
}

@media (max-width: 991px) {
  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .item:nth-child(3n+1) {
    margin-left: 15px;
  }
}

@media (max-width: 991px) {
  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .item:nth-child(4n+1) {
    margin-left: 15px;
  }
}

@media (max-width: 680px) {
  .main-pedagogic .search-main-erea.reverse .search-main {
    padding: 30px;
  }

  .main-pedagogic .search-main-erea.reverse .ma-lomdim h1 {
    line-height: 1;
    width: 100%;
  }

  .main-pedagogic .search-main-erea.reverse .search-main .learn-inputs select#edulevel {
    width: 100%;
  }

  .main-pedagogic .search-main-erea.reverse .search-main div.hipus {
    width: 100%;
  }
}

@media (max-width: 560px) {
  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .panel-default .toggles-wrapper {
    justify-content: center;
  }

  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .panel-default .comp-title-container {
    top: 90px;
  }

  .knowledge-field.main-subjects .search-materials-inner .row.text-wrap {
    max-width: 100%;
    margin: 90px 0 40px;
  }

  .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a .img-wrap img {
    width: 100%;
    height: 94px;
  }

  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .text-wrap {
    margin: 90px 0 40px;
  }

  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item:nth-child(odd) {
    margin-left: 0;
  }

  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item {
    height: 60px;
    max-width: 100%;
    flex: 1 0 100%;
    margin-bottom: 14px;
  }

    .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item a {
      padding: 8px 16px;
    }

      .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item a h4 {
        font-size: 24px;
      }

      .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item a span {
        font-size: 18px;
      }

  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap {
    padding: 0 43px 17px 25px;
  }
}

@media (max-width: 480px) {
  section.content .knowledge-field .panel .panel-body .row.headline .col-xs-6.search-wrap .search-col-field {
    margin-bottom: 0;
    max-width: 135px;
  }

  .knowledge-field .tab-content-wrap .ContainerButtons {
    margin: 0 auto;
    padding: 0;
  }

  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .panel-default .toggles-wrapper {
    justify-content: flex-start;
  }

  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .panel-default .comp-title-container {
    top: 70px;
  }

  .knowledge-field.main-subjects .search-materials-inner .row.text-wrap {
    margin: 70px 0 40px;
  }

  .knowledge-field.main-subjects .panel-default .search-materials-inner .row.search-filters .search-col .search-col-field {
    flex-direction: column;
    align-items: flex-start;
  }

  .knowledge-field.main-subjects .panel-default .search-materials-inner .row.RowButtns {
    justify-content: flex-start;
  }

    .knowledge-field.main-subjects .panel-default .search-materials-inner .row.RowButtns .clearBtnWrap {
      margin-left: 68px;
    }

  .knowledge-field.main-subjects .page-component-edu.main-title {
    margin-bottom: 8px;
  }

    .knowledge-field.main-subjects .page-component-edu.main-title .page_component.main-content {
      padding: 0;
    }

      .knowledge-field.main-subjects .page-component-edu.main-title .page_component.main-content .ContainerTitlePage {
        padding: 0;
        border: 0;
      }

        .knowledge-field.main-subjects .page-component-edu.main-title .page_component.main-content .ContainerTitlePage h1.title {
          font-size: 30px;
          padding: 10px 20px;
        }

  .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.title {
    margin-bottom: 50px;
  }

  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-boxes-wrap .search-filter .search-inner-wrap .search-col-field {
    width: 100%;
  }

  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-boxes-wrap .search-filter .ContainerButtons {
    text-align: left;
  }
}

@media (max-width: 359px) {
  .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap {
    padding: 0 25px 17px;
  }
}
/* Pedagogical Merge and study programs - media queries END*/
/* Pedagogical Merge and study programs - END by Dror Efraim 11-2019*/
/* Pedagogical Merge and study programs -  add timeline in tab "the big picture" - ***START*** by Dror Efraim 01-2020*/
/* Knowladge field gallery page (timeline slider) */
.knowledge-field .panel .tab-content.timeline .tab-panel.active {
  padding: 45px 15px 17px;
}

.knowledge-field .panel .tab-content.timeline .row.tab-content-wrap.buttons {
  margin-bottom: 55px;
  padding: 0 5px;
}

.knowledge-field .panel .tab-content.timeline .row.tab-content-wrap:last-child {
  margin-bottom: 0;
}

.knowledge-field .panel.panel-default.squares-tabs.timeline .panel-body.tabs {
  padding: 0;
}

.knowledge-field .row.posts-big-picture {
  position: relative;
  display: block;
  margin: 0 auto 85px;
  max-width: 780px;
}

  .knowledge-field .row.posts-big-picture .knowlage-slider {
    max-width: 760px;
    margin: 0 auto;
  }

    .knowledge-field .row.posts-big-picture .knowlage-slider .slick-arrow:before {
      content: none;
    }

    .knowledge-field .row.posts-big-picture .knowlage-slider .slick-prev {
      background-image: url("../images/left-arrow-timeline.png");
      background-color: transparent;
      background-repeat: no-repeat;
      display: block;
      left: -5px;
      top: 42px;
      z-index: 1;
      width: 18px;
      height: 30px;
      background-size: cover;
    }

    .knowledge-field .row.posts-big-picture .knowlage-slider .slick-next {
      background-image: url("../images/right-arrow-timeline.png");
      background-color: transparent;
      background-repeat: no-repeat;
      display: block;
      right: -5px;
      top: 42px;
      z-index: 1;
      width: 18px;
      height: 30px;
      background-size: cover;
    }

  .knowledge-field .row.posts-big-picture .timeline {
    width: 100%;
    height: 5px;
    background: #2C7094;
    position: absolute;
    display: flex;
    top: 40px;
    justify-content: space-around;
    z-index: 0;
  }

  .knowledge-field .row.posts-big-picture:before {
    content: "";
    position: absolute;
    right: 0;
    width: 25px;
    height: 2px;
    background: #2C7094;
    top: 40px;
  }

  .knowledge-field .row.posts-big-picture:after {
    content: "";
    position: absolute;
    left: 0;
    width: 25px;
    height: 5px;
    background: #2C7094;
    top: 40px;
  }

  .knowledge-field .row.posts-big-picture .timeline span.timeline-indicator {
    display: block;
    width: 20px;
    height: 20px;
    border: 5px solid #2C7094;
    border-radius: 50%;
    position: relative;
    top: -8px;
    background: white;
  }

  .knowledge-field .row.posts-big-picture .timeline .knowlage-slider {
    max-width: 100%;
  }

  .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide {
    text-align: center;
    margin: 0 auto;
  }

    .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-text {
      margin-bottom: 55px;
    }

      .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-text h4 {
        color: #2C7094;
        font-size: 18px;
        margin: 0;
      }

    .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption {
      display: flex;
      flex-direction: column;
      position: relative;
      box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
      border-radius: 8px;
      max-width: 180px;
      text-align: right;
      background: white;
      height: 145px;
      margin: 0 auto;
      padding: 0;
      width: 160px;
    }

      .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption:before {
        content: "";
        position: absolute;
        background-image: url("../images/tineline-item-indicator.png");
        background-color: transparent;
        background-repeat: no-repeat;
        left: 50%;
        width: 28px;
        height: 18px;
        top: -14px;
        background-position: center;
        transform: translateX(-50%);
        background-size: cover;
      }

      .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption h4 {
        margin: 0;
        background-color: #3098CF;
        font-size: 15px;
        color: white;
        min-height: 26px;
        text-align: center;
        line-height: 22px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        padding: 5px 0 6px;
      }

      .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption .text-wrap {
        height: 100%;
        border: 7px solid #3098CF;
        border-top: 0;
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px;
      }

      .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption p {
        color: #474747;
        padding: 6px 10px;
        margin: 0;
        height: 100%;
        font-size: 15px;
      }

      .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption .post-link {
        display: flex;
        justify-content: flex-end;
        margin-left: 10px;
        align-items: center;
      }

        .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption .post-link span {
          color: #587E9F;
          font-size: 16px;
          margin-left: 5px;
        }

        .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption .post-link img {
          width: 8px;
          height: 12px;
        }

      .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption .ellip {
        display: block;
        height: 100%;
      }

      .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption .ellip-line {
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        max-width: 100%;
      }

      .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption .ellip,
      .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption .ellip-line {
        position: relative;
        overflow: hidden;
      }

.knowledge-field .panel .tab-content.timeline .row.tab-content-wrap .ContainerButtons .btn.goBtn.full-width {
  padding: 2px 16px;
}

/* Timeline in tab "the big picture" - media query **START** */
@media (max-width: 1199px) {
  section.content .knowledge-field .panel .panel-body .row.posts-big-picture {
    margin: 0 auto 45px;
    max-width: 660px;
    display: block;
  }

  .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption h4 {
    font-size: 14px;
    padding: 4px 0 5px;
  }

  .knowledge-field .panel .tab-content.timeline .row.tab-content-wrap {
    margin-bottom: 0;
  }

  section.content .knowledge-field .panel .panel-body .row.posts-big-picture .knowlage-slider {
    max-width: 630px;
  }

  .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-text {
    margin-bottom: 60px;
  }

    .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-text h4 {
      font-size: 16px;
    }

  .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption {
    max-width: 136px;
    height: 116px;
    margin: 0 auto 6px;
    padding: 0;
  }

    .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption p {
      font-size: 13px;
      padding: 2px 6px;
    }

    .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption .post-link span {
      font-size: 14px;
      margin-left: 4px;
    }

    .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption .post-link img {
      width: 7px;
      height: 11px;
    }

  .knowledge-field .row.posts-big-picture .timeline span.timeline-indicator {
    width: 18px;
    height: 18px;
    top: -8px;
  }
}

@media (max-width: 991px) {
  .knowledge-field .row.posts-big-picture .timeline span.timeline-indicator:not(:last-of-type) {
    display: none;
  }

  section.content .knowledge-field .panel .panel-body .row.posts-big-picture {
    margin: 0 auto;
    max-width: 550px;
    display: block;
  }

  section.content .knowledge-field .panel.timeline .panel-group.collapsing-tabs .panel-collapse .panel-body {
    padding: 0 11px 20px;
  }

  .knowledge-field .row.posts-big-picture .timeline {
    height: 3px;
  }

  .knowledge-field .row.posts-big-picture .knowlage-slider .slick-prev {
    width: 11px;
    height: 20px;
  }

  .knowledge-field .row.posts-big-picture .knowlage-slider .slick-next {
    width: 11px;
    height: 20px;
  }

  .knowledge-field .row.posts-big-picture:before {
    height: 2px;
  }

  .knowledge-field .row.posts-big-picture:after {
    height: 2px;
  }

  section.content .knowledge-field .panel .panel-group.collapsing-tabs .panel-collapse span {
    margin-right: 0;
  }

  .knowledge-field .row.posts-big-picture:before {
    right: 0;
  }

  .knowledge-field .row.posts-big-picture:after {
    left: 0;
  }

  .knowledge-field .row.posts-big-picture .knowlage-slider {
    max-width: 100%;
  }

    .knowledge-field .row.posts-big-picture .knowlage-slider .slick-prev {
      left: -1px;
    }

    .knowledge-field .row.posts-big-picture .knowlage-slider .slick-next {
      right: -1px;
    }

    .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-text {
      margin-bottom: 60px;
    }

    .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption {
      max-width: 100%;
      width: 320px;
      padding: 0;
      height: auto;
    }

      .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption .text-wrap {
        min-height: 104px;
      }

  .knowledge-field .panel.panel-default .collapsing {
    transition-delay: 0.4s !important;
  }

  .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption p {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption {
    width: 260px;
  }

    .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption .text-wrap {
      min-height: 84px;
    }

    .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption p {
      font-size: 13px;
    }
}

@media (max-width: 480px) {
  .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption {
    width: 200px;
  }

    .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption .text-wrap {
      min-height: 64px;
    }
}
/* Timeline in tab "the big picture" - media query **END** */
/* Pedagogical Merge and study programs -  add timeline in tab "the big picture" - ***END*** by Dror Efraim 12/01/2020*/
/* Pedagogical study programs -  add links area to knowledge field - ***START*** by Dror Efraim 01/2020*/
.page_component.knowledge-field .row.no-margin.links-wrap .image-wrap {
  margin: 15px 0;
  text-align: right;
}

  .page_component.knowledge-field .row.no-margin.links-wrap .image-wrap img {
    max-width: 241px;
    height: 160px;
    object-fit: cover;
  }

.page_component.knowledge-field .row.no-margin.links-wrap .link-items {
  display: flex;
  flex-wrap: wrap;
  margin: 0 18px 10px 0;
}

.page_component.knowledge-field .row.no-margin.links-wrap .img-box {
  padding: 0;
  max-width: 241px;
}

.page_component.knowledge-field .row.no-margin.links-wrap .link-items li {
  background: url(../images/Arrow-Link-List-dark.png) no-repeat top 7px right #fff;
  padding-right: 25px;
  min-width: 189px;
  margin-bottom: 5px;
  padding-left: 0;
  max-width: 195px;
}

  .page_component.knowledge-field .row.no-margin.links-wrap .link-items li a {
    line-height: 30px;
  }

.page_component.knowledge-field .row.no-margin.links-wrap .col-md-8 {
  padding: 0;
  min-width: 590px;
}

.page-component-edu:not(.not-shaped) .page_component.knowledge-field .row.no-margin.links-wrap .comp-title-container h4 {
  margin: 14px 18px 0 0;
}

@media (min-width: 992px) {
  .page-component-edu:not(.not-shaped) .page_component.knowledge-field .row.no-margin.links-wrap .comp-title-container {
    margin-bottom: 41px;
  }

  .page_component.knowledge-field .row.no-margin.links-wrap .image-wrap {
    text-align: left;
  }
}

@media (max-width: 991px) {
  .page_component.knowledge-field .row.no-margin.links-wrap .link-items {
    max-width: 100%;
    flex-direction: column;
  }

    .page_component.knowledge-field .row.no-margin.links-wrap .link-items li {
      padding-right: 25px;
      min-width: auto;
      margin-bottom: 5px;
      padding-left: 0;
      max-width: fit-content;
    }

  .page_component.knowledge-field .row.no-margin.links-wrap .col-md-8 {
    min-width: auto;
  }

  .page_component.knowledge-field .row.no-margin.links-wrap .img-box {
    margin-right: 16px;
  }
}
/* Pedagogical study programs -  add links area to knowledge field - ***END*** by Dror Efraim 01/2020*/
/* Pedagogical study programs -  adjustments to subject page - ***START*** by Dror Efraim 07/2020*/
/* Helper class to clear padding */
.clear-padding {
  padding: 0;
}

/* Helper class to clear padding */
/* Indicator */
.knowledge-field .listing.section.opened-list .opened-item .heading-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 0 8px;
}

  .knowledge-field .listing.section.opened-list .opened-item .heading-wrap p.heading {
    margin: 0;
  }

  .knowledge-field .listing.section.opened-list .opened-item .heading-wrap .indicator {
    display: flex;
    align-items: center;
    margin-right: 20px;
    background-color: #EDF5FA;
    padding: 0 10px;
  }

    .knowledge-field .listing.section.opened-list .opened-item .heading-wrap .indicator span.text {
      margin: 0 0 0 8px;
      color: #2C7094;
      line-height: 20px;
    }

    .knowledge-field .listing.section.opened-list .opened-item .heading-wrap .indicator img {
      width: 13px;
      height: 14px;
    }

/* Teaching-units */
.page-component-edu.teaching-units .panel.panel-default {
  background-color: #2C7094;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.08);
  border-radius: 3px;
  border: 0;
  padding: 30px 5px 30px 18px;
}

.page-component-edu.teaching-units .row {
  display: flex;
}

  .page-component-edu.teaching-units .row .text-wrap {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }

    .page-component-edu.teaching-units .row .text-wrap h2 {
      color: white;
      font-weight: 600;
      font-size: 28px;
      margin: 0 0 12px;
    }

    .page-component-edu.teaching-units .row .text-wrap h3, .page-component-edu.teaching-units .row .text-wrap h4 {
      color: white;
      font-weight: 600;
      font-size: 18px;
      margin: 0 0 6px;
    }

    .page-component-edu.teaching-units .row .text-wrap p {
      color: white;
      font-weight: 400;
      font-size: 18px;
      margin: 0;
    }

  .page-component-edu.teaching-units .row .btn-links-wrap {
    display: flex;
    flex-direction: column;
  }

    .page-component-edu.teaching-units .row .btn-links-wrap .btn-link-inner {
      display: block;
      background-color: white;
      border-radius: 5px;
      padding: 7px;
    }

      .page-component-edu.teaching-units .row .btn-links-wrap .btn-link-inner:not(:last-child) {
        margin-bottom: 15px;
      }

      .page-component-edu.teaching-units .row .btn-links-wrap .btn-link-inner a.btn-link {
        display: block;
        text-align: center;
      }

        .page-component-edu.teaching-units .row .btn-links-wrap .btn-link-inner a.btn-link span {
          color: #2C7094;
          font-size: 24px;
          font-weight: 400;
          text-align: center;
        }

/* Recorded-lessons */
.page-component-edu.recorded-lessons .panel.panel-default {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.08);
  border-radius: 3px;
  border: 0;
  padding: 20px 3px 20px 18px;
}

  .page-component-edu.recorded-lessons .panel.panel-default .comp-title-container {
    margin-bottom: 20px;
  }

    .page-component-edu.recorded-lessons .panel.panel-default .comp-title-container h4 {
      margin: 0 15px 0 0;
    }

  .page-component-edu.recorded-lessons .panel.panel-default .items-wrap {
    display: flex;
    flex-direction: column;
  }

    .page-component-edu.recorded-lessons .panel.panel-default .items-wrap .item:not(:last-child) {
      margin-bottom: 20px;
    }

    .page-component-edu.recorded-lessons .panel.panel-default .items-wrap .item h5 {
      margin: 0 0 10px;
    }

    .page-component-edu.recorded-lessons .panel.panel-default .items-wrap .item a:not(:last-child) {
      margin-left: 25px;
    }

    .page-component-edu.recorded-lessons .panel.panel-default .items-wrap .item a span {
      margin-left: 3px;
    }

    .page-component-edu.recorded-lessons .panel.panel-default .items-wrap .item a img {
      width: auto;
      height: auto;
      object-fit: cover;
    }

/* Media queries -  adjustments to subject page - by Dror Efraim 07/2020*/
@media (max-width: 991px) {
  /* Indicator */
  .knowledge-field .listing.section.opened-list .opened-item .heading-wrap {
    flex-direction: column;
    align-items: flex-start;
  }

    .knowledge-field .listing.section.opened-list .opened-item .heading-wrap .indicator {
      margin-right: 0;
    }
  /* Teaching-units */
  .page-component-edu.teaching-units .panel.panel-default {
    padding: 20px 0 20px;
  }

  .page-component-edu.teaching-units .row {
    flex-direction: column;
  }

    .page-component-edu.teaching-units .row .text-wrap {
      margin-bottom: 22px;
    }

      .page-component-edu.teaching-units .row .text-wrap h2 {
        font-size: 26px;
        line-height: 34px;
        margin: 0 0 18px;
      }

      .page-component-edu.teaching-units .row .text-wrap h3, .page-component-edu.teaching-units .row .text-wrap h4 {
        margin: 0 0 4px;
      }

    .page-component-edu.teaching-units .row .btn-links-wrap .btn-link-inner:not(:last-child) {
      margin-bottom: 20px;
    }
}
/* Pedagogical study programs -  adjustments to subject page - ***END*** by Dror Efraim 07/2020*/
/* Pedagogical study programs -  expertises list - ***START*** by Dror Efraim 07/2020*/
.teaching-practices-container.expertises.modals {
  margin-bottom: 5px;
}

.teaching-practices-container.expertises .container-content {
  padding: 24px 27px 24px 0;
  min-width: 513px;
  max-width: 513px;
  flex: none;
}

  .teaching-practices-container.expertises .container-content.full-width {
    padding: 24px 27px 24px;
    min-width: 513px;
    max-width: 100%;
    width: 100%;
  }

  .teaching-practices-container.expertises .container-content .content-headline h2 {
    font-size: 28px;
  }

  .teaching-practices-container.expertises .container-content .content-text p {
    font-size: 18px;
    line-height: 25px;
    margin: 10px 0 0;
  }

.teaching-practices-container.expertises .container-content-media {
  flex: none;
  height: auto;
  margin: 25px 0 0 25px;
}

  .teaching-practices-container.expertises .container-content-media .media-iframe {
    background-image: url(../images/student.png);
    min-height: 180px;
    width: 256px;
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat;
  }

.expertises-items-wrap {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 800px;
  width: 100%;
  padding: 30px 0 0;
}

  .expertises-items-wrap .item {
    flex: 0 1 20%;
    max-width: 119px;
    margin-left: 51px;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    min-height: 168px;
  }

    .expertises-items-wrap .item .modal-btn {
      -webkit-appearance: none;
      background-color: transparent;
      border: 0;
      border-radius: 50%;
      width: 114px;
      height: 114px;
      margin-bottom: 12px;
      left: 0;
      top: 0;
    }

    .expertises-items-wrap .item:hover .modal-btn {
      transition: all 0.3s ease-out;
      position: absolute;
      top: -6px;
      left: -6px;
      width: 120px;
      height: 120px;
    }

    .expertises-items-wrap .item:hover .text-wrap {
      position: absolute;
      bottom: 0;
      min-height: 42px;
    }

    .expertises-items-wrap .item .modal-btn img {
      width: auto;
      max-width: 50px;
      max-height: 50px;
      object-fit: cover;
    }

    .expertises-items-wrap .item .text-wrap {
      text-align: center;
    }

      .expertises-items-wrap .item .text-wrap span {
        color: black;
        font-size: 18px;
        font-weight: 600;
        line-height: 20px;
      }

    .expertises-items-wrap .item.cognitive .modal-btn {
      background-color: rgba(236, 101, 62, 0.15);
    }

    .expertises-items-wrap .item.personality-expertise .modal-btn {
      background-color: rgba(231, 145, 25, 0.24);
    }

    .expertises-items-wrap .item.intra-personality-expertise .modal-btn {
      background-color: rgba(127, 117, 151, 0.25);
    }

    .expertises-items-wrap .item.physical-expertise .modal-btn {
      background-color: rgba(48, 176, 0, 0.21);
    }

.teaching-practices-container.expertises .categories-indicators {
  display: flex;
  justify-content: flex-start;
  padding: 18px 56px 18px 16px;
}

  .teaching-practices-container.expertises .categories-indicators .item:not(:last-of-type) {
    margin-left: 44px;
  }

  .teaching-practices-container.expertises .categories-indicators .item span {
    position: relative;
    color: black;
    font-size: 16px;
    font-weight: 600;
  }

    .teaching-practices-container.expertises .categories-indicators .item span:before {
      content: "";
      position: absolute;
      right: -25px;
      top: 50%;
      transform: translateY(-50%);
      border-radius: 50%;
      width: 15px;
      height: 15px;
    }

  .teaching-practices-container.expertises .categories-indicators .item.cognitive span:before {
    background-color: #EC653E;
  }

  .teaching-practices-container.expertises .categories-indicators .item.personality-expertise span:before {
    background-color: #E79119;
  }

  .teaching-practices-container.expertises .categories-indicators .item.intra-personality span:before {
    background-color: #30B000;
  }

  .teaching-practices-container.expertises .categories-indicators .item.physical-expertise span:before {
    background-color: #7F7597;
  }

/* Expertise Modal */
.modal.expertises .modal-dialog {
  width: 950px;
  margin: 147px auto;
}

  .modal.expertises .modal-dialog .modal-content img {
    width: auto;
    max-width: 90px;
    max-height: 90px;
    object-fit: contain;
  }

  .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.details {
    margin-bottom: 72px;
  }

.modal.expertises.red .modal-dialog .modal-content .modal-body .conteiner.details {
  background-color: rgba(236, 101, 62, 0.15);
}

.modal.expertises.orange .modal-dialog .modal-content .modal-body .conteiner.details {
  background-color: rgba(231, 145, 25, 0.24);
}

.modal.expertises.purple .modal-dialog .modal-content .modal-body .conteiner.details {
  background-color: rgba(127, 117, 151, 0.25);
}

.modal.expertises.green .modal-dialog .modal-content .modal-body .conteiner.details {
  background-color: rgba(48, 176, 0, 0.21);
}

.modal.expertises .modal-dialog .modal-content .modal-body .conteiner.details p {
  margin: 0;
  color: black;
  font-size: 18px;
  line-height: 26px;
}

.modal.expertises .modal-dialog .modal-content .modal-body .conteiner.details h3 {
  font-size: 34px;
  font-weight: 600;
  margin: 0 0 4px;
}

.modal.expertises .modal-dialog .modal-content .modal-body .conteiner.details .inner-wrap {
  display: flex;
  align-items: center;
  padding: 20px 30px;
}

.modal.expertises .modal-dialog .modal-content .modal-body .conteiner.details .content-wrap {
  margin-right: 38px;
}

.modal.expertises.red .modal-dialog .modal-content .modal-body .conteiner.details h3 {
  color: rgb(236, 101, 62);
}

.modal.expertises.orange .modal-dialog .modal-content .modal-body .conteiner.details h3 {
  color: rgb(231, 145, 25);
}

.modal.expertises.purple .modal-dialog .modal-content .modal-body .conteiner.details h3 {
  color: rgb(127, 117, 151);
}

.modal.expertises.green .modal-dialog .modal-content .modal-body .conteiner.details h3 {
  color: rgb(48, 176, 0);
}

.modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap {
  position: relative;
  max-width: 740px;
  margin: 0 auto;
}

  .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .timeline-border {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    border: 2px dashed #959595;
  }

  .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .step {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    min-height: 145px;
    overflow: hidden;
  }

    .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .step:nth-child(odd) {
      flex-direction: row-reverse;
    }

    .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .step:last-of-type {
      position: relative;
      overflow: unset;
    }

      .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .step:last-of-type:nth-child(even) .step-indicator {
        left: 50%;
      }

      .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .step:last-of-type:after {
        content: "";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 32px;
        background-color: white;
        width: 5px;
        height: 100%;
      }

    .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .step .content-inner {
      width: 344px;
    }

      .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .step .content-inner h2 {
        margin: 0;
        background-color: #3098CF;
        border-radius: 5px;
        color: white;
        font-size: 20px;
        line-height: 23px;
        font-weight: 600;
        padding: 7px 10px;
      }

      .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .step .content-inner p {
        padding-left: 10px;
        color: black;
        font-weight: 600;
        font-size: 16px;
      }

    .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .step .step-indicator {
      min-width: 32px;
      height: 32px;
      background-color: #3098CF;
      border-radius: 50%;
      flex: 0;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
    }

      .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .step .step-indicator span {
        color: white;
        font-size: 22px;
        text-align: center;
        display: block;
      }

.modal.expertises .modal-dialog .modal-content .modal-body {
  padding: 33px;
}

.modal.expertises .modal-dialog .modal-content .modal-footer {
  padding: 25px;
}

  .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap {
    display: flex;
    justify-content: space-between;
  }

    .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap .pagination-wrap {
      display: flex;
      align-items: center;
      justify-content: flex-start;
    }

      .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap .pagination-wrap a.action-wrap {
        margin-left: 46px;
        position: relative;
      }

        .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap .pagination-wrap a.action-wrap .arrow-wrap {
          width: 19px;
          height: 19px;
          border-radius: 50%;
          background-color: #266281;
          display: inline-block;
          text-align: center;
        }

          .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap .pagination-wrap a.action-wrap .arrow-wrap img {
            width: 7px;
            height: 13px;
            object-fit: contain;
            vertical-align: middle;
            margin-bottom: 2px;
          }

        .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap .pagination-wrap a.action-wrap:last-child {
          margin-left: 0;
        }

        .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap .pagination-wrap a.action-wrap.next:after {
          content: "";
          position: absolute;
          left: -24px;
          height: 12px;
          width: 1px;
          background-color: #707070;
          top: 50%;
          transform: translateY(-50%);
        }

        .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap .pagination-wrap a.action-wrap span.action-text {
          font-size: 16px;
          font-weight: 600;
          color: black;
          line-height: 21px;
        }

        .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap .pagination-wrap a.action-wrap.next span.action-text {
          margin-right: 5px;
        }

        .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap .pagination-wrap a.action-wrap.prev span.action-text {
          margin-left: 5px;
        }

    .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap button.close-modal {
      display: flex;
      align-items: center;
      border-radius: 5px;
      padding: 5px 11px;
      opacity: 1;
      background-color: #266281;
    }

      .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap button.close-modal:hover {
        opacity: 0.8;
      }

      .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap button.close-modal span {
        font-size: 19px;
        line-height: 24px;
        font-weight: 400;
        margin-left: 5px;
      }

      .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap button.close-modal img {
        width: 7px;
        height: 10px;
        margin-bottom: 0;
      }

.modal.expertises .modal-dialog .modal-content .modal-header {
  padding: 14px 30px 15px 25px;
}

  .modal.expertises .modal-dialog .modal-content .modal-header h2 {
    color: rgba(116, 112, 112, 0.9803921569);
    font-weight: 400 !important;
    font-size: 34px;
  }

  .modal.expertises .modal-dialog .modal-content .modal-header button.close-modal {
    opacity: 1;
    position: relative;
    width: 20px;
    height: 20px;
    margin: 8px 0 0;
  }

    .modal.expertises .modal-dialog .modal-content .modal-header button.close-modal span {
      display: block;
      text-shadow: none;
      position: absolute;
      background-color: #707070;
    }

      .modal.expertises .modal-dialog .modal-content .modal-header button.close-modal span.close-line-right {
        transform: rotate(45deg);
        width: 20px;
        height: 2px;
        top: 9px;
        left: 0;
      }

      .modal.expertises .modal-dialog .modal-content .modal-header button.close-modal span.close-line-left {
        transform: rotate(45deg);
        width: 2px;
        height: 20px;
        top: 0;
        left: 9px;
      }

/* Category page */
.practice-category-page .teaching-practices-container.expertises.opening {
  margin-bottom: 38px;
}

.practice-category-page .teaching-practices-container.expertises.modals {
  margin-bottom: 125px;
}

  .practice-category-page .teaching-practices-container.expertises.modals .expertises-items-wrap {
    padding: 30px 0 20px;
  }

  .practice-category-page .teaching-practices-container.expertises.modals .cat-item {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 15px;
  }

    .practice-category-page .teaching-practices-container.expertises.modals .cat-item:last-child {
      margin-bottom: 0;
    }

    .practice-category-page .teaching-practices-container.expertises.modals .cat-item .icon-wrap {
      width: 60px;
      margin-left: 20px;
      margin-top: 5px;
    }

    .practice-category-page .teaching-practices-container.expertises.modals .cat-item .content-wrap {
      width: 100%;
    }

    .practice-category-page .teaching-practices-container.expertises.modals .cat-item .icon-wrap button {
      -webkit-appearance: none;
      background-color: transparent;
      border: none;
    }

      .practice-category-page .teaching-practices-container.expertises.modals .cat-item .icon-wrap button img {
        width: 50px;
        height: 50px;
        object-fit: contain;
      }

    .practice-category-page .teaching-practices-container.expertises.modals .cat-item .content-wrap h4 {
      margin: 0 0 10px;
      color: black;
      font-weight: 600;
      font-size: 18px;
      line-height: 21px;
    }

    .practice-category-page .teaching-practices-container.expertises.modals .cat-item .content-wrap p {
      margin: 0 0 3px;
      color: black;
      font-weight: 400;
      font-size: 16px;
      line-height: 20px;
    }

    .practice-category-page .teaching-practices-container.expertises.modals .cat-item .content-wrap a {
      color: #347BB8;
      font-weight: 400;
      font-size: 16px;
      line-height: 25px;
    }

/* Expertises items inside tabs */
.expertises-items-wrap.inside-tabs {
  padding: 0;
}

.knowledge-field .panel .tab-content .row.tab-content-wrap.skills .content-inner.expertises-items h3 {
  margin: 0 0 27px;
}

.expertises-items-wrap.inside-tabs .item {
  max-width: 118px;
  min-height: 159px;
  margin-left: 39px;
}

  .expertises-items-wrap.inside-tabs .item .modal-btn {
    width: 105px;
    height: 105px;
  }

  .expertises-items-wrap.inside-tabs .item:hover .modal-btn {
    top: -6px;
    left: unset;
    width: 116px;
    height: 116px;
  }

.practices-expertises-lobby .teaching-practices-container.expertises .container-content-media .media-iframe {
  background-image: url(../images/teacher.png);
}

/* practices-expertises-lobby */
/* Optional ----- This two blocks override the original components style ---START--- */
.practices-expertises-lobby .listing-container.ng-scope.listing-container-three-columns-with-title h2 {
  padding-bottom: 0;
  margin-top: 0;
  min-height: 81px;
}

.practices-expertises-lobby .listing-container.ng-scope.listing-container-three-columns-with-title .col-md-4.ng-scope:nth-child(3n+2) {
  margin-right: 0;
  margin-left: 0;
}

/* Optional ----- This two blocks override the original components style ---END--- */
.practices-expertises-lobby .teaching-practices-container.categories {
  flex-direction: column;
  align-items: stretch;
}

  .practices-expertises-lobby .teaching-practices-container.categories .comp-title-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 30px;
  }

    .practices-expertises-lobby .teaching-practices-container.categories .comp-title-container h4 {
      margin: 0;
    }

    .practices-expertises-lobby .teaching-practices-container.categories .comp-title-container .link-all {
      position: relative;
      float: none;
      padding-left: 0;
      margin: 0;
    }

  .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap {
    max-width: 787px;
    padding: 0;
    margin-bottom: 39px;
  }

    .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap .cat-item-link {
      width: 174px;
      min-height: 113px;
      margin-left: 30px;
      text-align: center;
      border-radius: 9px;
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
    }

      .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap .cat-item-link:last-child {
        margin-left: 0;
      }

      .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap .cat-item-link a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        min-height: 100%;
      }

        .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap .cat-item-link a:hover {
          opacity: 1;
        }

        .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap .cat-item-link a img {
          max-width: 60px;
          height: 60px;
          margin-bottom: 11px;
        }

        .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap .cat-item-link a span {
          color: black;
          font-size: 18px;
          font-weight: 600;
          line-height: 20px;
          padding: 0 10px;
          text-align: center;
        }

      .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap .cat-item-link.cognitive {
        background-color: rgba(236, 101, 62, 0.15);
      }

      .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap .cat-item-link.personality-expertise {
        background-color: rgba(231, 145, 25, 0.24);
      }

      .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap .cat-item-link.physical-expertise {
        background-color: rgba(48, 176, 0, 0.21);
      }

      .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap .cat-item-link.intra-personality-expertise {
        background-color: rgba(127, 117, 151, 0.25);
      }

.practices-expertises-lobby .listing-container.ng-scope.listing-container-three-columns-with-title .opened-list.listing.three-columns {
  margin: 0;
  padding: 10px 25px 10px;
}

.practices-expertises-lobby .opened-list.listing.section .comp-title-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
}

  .practices-expertises-lobby .opened-list.listing.section .comp-title-container h4 {
    margin: 0;
  }

  .practices-expertises-lobby .opened-list.listing.section .comp-title-container .link-all {
    position: relative;
    float: none;
    padding: 0;
    margin: 0;
  }

/* Media queries -  Expertises - by Dror Efraim 07/2020*/
/* Max-width */
@media (max-width: 1199px) {
  .teaching-practices-container.expertises .container-content {
    padding: 24px 27px 24px 0;
    min-width: 0;
  }

    .teaching-practices-container.expertises .container-content .content-headline h2 {
      font-size: 24px;
    }

  .teaching-practices-container.expertises .container-content-media .media-iframe {
    min-height: 160px;
    width: 226px;
  }

  .expertises-items-wrap {
    max-width: 630px;
    padding: 20px 0 0;
  }

    .expertises-items-wrap .item {
      flex: 0 1 25%;
      margin-left: 51px;
    }

    .expertises-items-wrap.inside-tabs .item {
      max-width: 114px;
    }

  .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap {
    max-width: 586px;
  }

    .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap .cat-item-link {
      margin-bottom: 30px;
    }

      .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap .cat-item-link:nth-child(3n) {
        margin-left: 0;
      }
}

@media (max-width: 991px) {
  .teaching-practices-container.expertises .container-content {
    padding: 20px 16px;
  }

  .teaching-practices-container.expertises.opening {
    flex-direction: column-reverse;
  }

  .teaching-practices-container.expertises .container-content .content-headline h2 {
    font-size: 28px;
    font-weight: 400 !important;
  }

  .teaching-practices-container.expertises .categories-indicators {
    flex-direction: column;
    padding: 16px 40px 16px 10px;
  }

  .expertises-items-wrap {
    max-width: 300px;
  }

    .expertises-items-wrap .item {
      flex: 0 1 50%;
      margin-left: 51px;
    }

  .teaching-practices-container.expertises .categories-indicators .item:not(:last-of-type) {
    margin-left: 0;
    margin-bottom: 12px;
  }

  .modal.expertises .modal-dialog {
    width: 100%;
    margin: 47px auto;
  }

  .modal.expertises {
    margin: 0 10px;
  }

    .modal.expertises .modal-dialog .modal-content .modal-body {
      padding: 20px 10px;
    }

      .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline {
        padding: 0 20px 0 10px;
      }

        .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap {
          max-width: 100%;
        }

          .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .timeline-border {
            left: unset;
            right: 0;
            transform: translateX(0);
          }

          .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .step .content-inner {
            width: 100%;
            padding: 0 36px 0 0;
          }

            .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .step .content-inner h2 {
              padding: 9px 10px;
              font-size: 18px;
            }

  .teaching-practices-container.expertises .container-content-media {
    margin: 20px auto;
  }

  .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .step .step-indicator {
    left: unset;
    transform: translateX(0);
    right: -14px;
  }

  .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .step:last-of-type:nth-child(even) .step-indicator {
    left: unset;
  }

  .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .step:last-of-type:after {
    left: unset;
    transform: translateX(1px);
    right: 0;
  }

  .modal.expertises .modal-dialog .modal-content .modal-header h2 {
    font-size: 20px;
  }

  .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.details .inner-wrap {
    padding: 25px 10px;
    flex-direction: column;
  }

  .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.details .content-wrap {
    margin-right: 0;
  }

  .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.details h3 {
    text-align: center;
    font-size: 25px;
    margin: 0 0 12px;
  }

  .modal.expertises .modal-dialog .modal-content img {
    margin-bottom: 15px;
    max-width: 50px;
    max-height: 50px;
  }

  .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.details {
    margin-bottom: 44px;
  }

  .modal.expertises .modal-dialog .modal-content .modal-header {
    padding: 15px 20px;
  }

    .modal.expertises .modal-dialog .modal-content .modal-header button.close-modal {
      width: 14px;
      height: 14px;
    }

      .modal.expertises .modal-dialog .modal-content .modal-header button.close-modal span.close-line-right {
        width: 14px;
        top: 6px;
        left: 0;
      }

      .modal.expertises .modal-dialog .modal-content .modal-header button.close-modal span.close-line-left {
        height: 14px;
        top: 0;
        left: 6px;
      }

  .modal.expertises .modal-dialog .modal-content .modal-footer {
    padding: 25px 11px;
  }

    .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap {
      flex-direction: column;
      align-items: center;
    }

      .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap .pagination-wrap {
        justify-content: space-between;
        margin-bottom: 30px;
      }

        .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap .pagination-wrap a.action-wrap.next {
          margin-left: 14px;
        }

          .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap .pagination-wrap a.action-wrap.next span.action-text {
            margin-right: 3px;
          }

          .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap .pagination-wrap a.action-wrap.next:after {
            left: -7px;
          }

        .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap .pagination-wrap a.action-wrap.prev span.action-text {
          margin-left: 3px;
        }

  .teaching-practices-container.expertises .container-content.full-width {
    min-width: 0;
    padding: 18px;
  }

  .practice-category-page .teaching-practices-container.expertises.opening {
    margin-bottom: 25px;
  }

  .practice-category-page .teaching-practices-container.expertises.modals .expertises-items-wrap {
    padding: 20px 17px;
    max-width: 100%;
  }

  .practice-category-page .teaching-practices-container.expertises.modals .cat-item .icon-wrap {
    width: 50px;
    margin-left: 18px;
    margin-top: 3px;
  }

    .practice-category-page .teaching-practices-container.expertises.modals .cat-item .icon-wrap button img {
      width: 36px;
      height: 36px;
    }

  .practice-category-page .teaching-practices-container.expertises.modals .cat-item .content-wrap h4 {
    margin: 0 0 5px;
  }

  .practice-category-page .teaching-practices-container.expertises.modals .cat-item .content-wrap p {
    padding-left: 10px;
  }

  .expertises-items-wrap.inside-tabs {
    max-width: 400px;
    margin: 0 auto;
  }

    .expertises-items-wrap.inside-tabs .item {
      min-height: 150px;
      max-width: 106px;
      margin-left: 38px;
    }

      .expertises-items-wrap.inside-tabs .item .modal-btn {
        width: 96px;
        height: 96px;
      }

        .expertises-items-wrap.inside-tabs .item .modal-btn img {
          max-width: 40px;
          max-height: 40px;
        }

      .expertises-items-wrap.inside-tabs .item:hover .modal-btn {
        top: -6px;
        left: unset;
        width: 106px;
        height: 106px;
      }

  .content-inner.expertises-items {
    margin: 0 auto;
  }

  .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap .cat-item-link {
    width: 100%;
    margin: 0 16px 25px;
  }

    .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap .cat-item-link:last-child {
      margin: 0 16px;
    }

  .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap {
    max-width: 100%;
    margin-bottom: 33px;
  }

  .practices-expertises-lobby .teaching-practices-container.categories .comp-title-container {
    padding: 20px 16px;
  }

    .practices-expertises-lobby .teaching-practices-container.categories .comp-title-container h4 {
      height: 35px;
      padding: 5px 20px;
    }

  .practices-expertises-lobby .opened-list.listing.section .comp-title-container h4 {
    height: 35px;
    padding: 5px 20px;
  }

  .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap .cat-item-link:nth-child(3n) {
    margin: 0 16px 25px;
  }
}

@media (max-width: 768px) {
  .expertises-items-wrap {
    max-width: 270px;
  }

    .expertises-items-wrap .item {
      margin-left: 31px;
    }

    .expertises-items-wrap.inside-tabs {
      max-width: 240px;
    }

      .expertises-items-wrap.inside-tabs .item {
        max-width: 106px;
        margin-left: 22px;
      }
}
/* Min-width */
@media (min-width: 320px) {
  .expertises-items-wrap .item:nth-child(2n) {
    margin-left: 0;
  }

  .expertises-items-wrap .item:nth-child(4n) {
    margin-left: 0;
  }

  .modal.expertises .modal-dialog {
    width: 900px;
    margin: 77px auto;
  }
}

@media (min-width: 768px) {
  .expertises-items-wrap .item:nth-child(2n) {
    margin-left: 38px;
  }

  .expertises-items-wrap .item:nth-child(3n) {
    margin-left: 0;
  }
}

@media (min-width: 992px) {
  .expertises-items-wrap .item:nth-child(2n) {
    margin-left: 51px;
  }

  .expertises-items-wrap .item:nth-child(3n) {
    margin-left: 51px;
  }

  .expertises-items-wrap .item:nth-child(4n) {
    margin-left: 0;
  }
}

@media (min-width: 1200px) {
  .expertises-items-wrap.inside-tabs .item:nth-child(4n) {
    margin-left: 39px;
  }

  .expertises-items-wrap.inside-tabs .item:nth-child(2n) {
    margin-left: 39px;
  }

  .expertises-items-wrap .item:nth-child(4n) {
    margin-left: 51px;
  }

  .expertises-items-wrap .item:nth-child(5n) {
    margin-left: 0;
  }

  .expertises-items-wrap .item:nth-child(3n) {
    margin-left: 39px;
  }
}
/* Pedagogical -   Teaching units - ***Start*** by Dror Efraim 07/2020*/
/* 
* My teaching units no-units style
*/
.teaching-practices-container.units {
  margin-bottom: 30px;
}

  .teaching-practices-container.units .container-content {
    padding: 20px 20px 20px 0;
    min-width: 433px;
    max-width: 433px;
    flex: none;
  }

    .teaching-practices-container.units .container-content.media {
      min-width: auto;
      max-width: 396px;
      flex: none;
    }

    .teaching-practices-container.units .container-content .comp-title-container h4 {
      margin: 0;
    }

    .teaching-practices-container.units .container-content .content-text {
      padding-left: 8px;
      margin-bottom: 20px;
    }

      .teaching-practices-container.units .container-content .content-text p {
        font-size: 18px;
        line-height: 25px;
        margin: 10px 0 0;
      }

    .teaching-practices-container.units .container-content .content-link {
      display: block;
    }

  .teaching-practices-container.units .content-link.mobile {
    display: none;
  }

  .teaching-practices-container.units .container-content .media-content {
    min-width: 376px;
    max-width: 376px;
  }

    .teaching-practices-container.units .container-content .media-content iframe {
      width: 100%;
      height: 237px;
    }

    .teaching-practices-container.units .container-content .media-content img {
      width: 100%;
      height: 237px;
      object-fit: cover;
    }

.units-search-container {
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 5px;
  margin-bottom: var(--space-between-components);
  background-color: white;
}

  .units-search-container form {
    padding: 20px;
  }

.page-component-edu.units-search-container .comp-title-container {
  margin-bottom: 25px;
}

  .page-component-edu.units-search-container .comp-title-container h4 {
    margin: 0;
  }

.units-search-container .search-units-erea .search-fields-wrap {
  display: flex;
  width: 100%;
  min-width: 100%;
  align-items: center;
  justify-content: flex-start;
}

  .units-search-container .search-units-erea .search-fields-wrap .search-field:not(:last-child) {
    margin-left: 30px;
  }

  .units-search-container .search-units-erea .search-fields-wrap .search-field {
    margin-bottom: 30px;
  }

    .units-search-container .search-units-erea .search-fields-wrap .search-field .select-wrap {
      display: flex;
      align-items: center;
    }

      .units-search-container .search-units-erea .search-fields-wrap .search-field .select-wrap label {
        margin-left: 12px;
        color: black;
        font-weight: 400;
        font-size: 17px;
      }

      .units-search-container .search-units-erea .search-fields-wrap .search-field .select-wrap select {
        padding: 6px 6px 6px 0;
        min-height: 35px;
      }

    .units-search-container .search-units-erea .search-fields-wrap .search-field.small .select-wrap select {
      width: 94px;
    }

    .units-search-container .search-units-erea .search-fields-wrap .search-field.mid .select-wrap select {
      width: 156px;
    }

    .units-search-container .search-units-erea .search-fields-wrap .search-field.large .select-wrap select {
      width: 278px;
    }

.units-search-container .search-text-container {
  max-width: 455px;
  margin-bottom: 20px;
}

  .units-search-container .search-text-container p {
    font-size: 18px;
    line-height: 23px;
    font-weight: 400;
    color: black;
    margin: 0;
  }

.units-search-container .search-units-erea .RowButtns .ContainerButtons {
  text-align: left;
}

/* 
* My teaching units added style
*/
.page-component-edu.my-units {
  background: white;
  /*padding: 20px 20px 23px;*/
  margin-bottom: var(--space-between-components);
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.0784313725);
}

  .page-component-edu.my-units .comp-title-container h4 {
    margin: 0;
  }

  .page-component-edu.my-units .panel.panel-default {
    margin: 0;
    border: 0;
    box-shadow: none;
  }

    .page-component-edu.my-units .panel.panel-default .panel-group {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      margin: 0;
    }

      .page-component-edu.my-units .panel.panel-default .panel-group .panel {
        padding-bottom: 10px;
        box-shadow: none;
      }

        .page-component-edu.my-units .panel.panel-default .panel-group .panel:last-child {
          padding-bottom: 0;
        }

        .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap {
          display: flex;
          align-items: center;
          padding: 0 10px;
          background-color: var(--stock-search-bg);
          border: var(--panel-border);
          border-radius: var(--item-radius);
        }

          .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap a.Collapse h3 {
            padding-right: 24px;
            margin-top: 8px;
            font-size: 22px;
            font-weight: 600;
            line-height: 28px;
          }

          .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap a.Collapse span.sub-title {
            padding-right: 5px;
            margin-top: 8px;
            font-size: 20px;
            font-weight: 400;
            line-height: 28px;
            color: var(--title-color);
            display: inline-block;
            margin-left: 0;
          }

          .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap a.Collapse[data-toggle=collapse] {
            margin: 0;
            padding: 0;
            border: 0;
            background-image: none;
            position: relative;
            min-height: 38px;
          }

            .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap a.Collapse[data-toggle=collapse]:after {
              content: none;
            }

            .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap a.Collapse[data-toggle=collapse]:before {
              /*    content: url(/images/icons/navigation-blue-side.svg);
    display: inline-block;
    width: 30px;
    vertical-align: text-bottom;
    padding: 0 10px;
*/ content: "";
              background-image: url(../images/triangle-down.png);
              transform: translateY(-50%) rotate(90deg);
              transition: all 0.3s ease-in-out;
              background-repeat: no-repeat;
              position: absolute;
              right: 6px;
              width: 12px;
              height: 20px;
              top: 50%;
              filter: brightness(0);
            }

            .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap a.Collapse[data-toggle=collapse][aria-expanded=true]:before {
              transform: translateY(-50%) rotate(0deg);
              transition: all 0.2s ease-in-out;
              margin-top: 4px;
            }

          .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap span.collapse-title-link {
            position: relative;
            margin-left: 15px;
            min-width: 200px;
            text-align: left;
          }

            .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap span.collapse-title-link a {
              font-size: 16px;
              font-weight: 600;
              line-height: 28px;
              color: black;
            }

              .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap span.collapse-title-link a:after {
                content: "";
                background-image: url(../images/Arrow-Link-List.png);
                transform: translateY(-50%);
                background-repeat: no-repeat;
                position: absolute;
                left: -12px;
                width: 6px;
                height: 11px;
                top: 50%;
              }

/*.page-component-edu.my-units .panel.panel-default .panel-group .panel .content-wrap {
  padding: 0 20px;
}*/

#left_col[role=main] .page-component-edu.my-units .panel.panel-default .panel-group .panel .content-wrap ul {
  margin: 0 16px 0 0;
}

.page-component-edu.my-units .panel.panel-default .panel-group .panel .content-wrap ul li {
  margin-bottom: 15px;
}

  .page-component-edu.my-units .panel.panel-default .panel-group .panel .content-wrap ul li:last-child {
    margin-bottom: 0;
  }

  .page-component-edu.my-units .panel.panel-default .panel-group .panel .content-wrap ul li a {
    color: #3098CF;
    font-weight: 600;
  }

  .page-component-edu.my-units .panel.panel-default .panel-group .panel .content-wrap ul li p {
    margin: 0;
    color: black;
  }

.page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap a.Collapse[data-toggle=collapse]:after {
  content: none;
}

.page-component-edu.more-units .items-rows-wrap .col-md-4 {
  padding: 0 20px;
}

.page-component-edu.more-units .comp-title-container {
  margin: 27px 15px 30px 0;
  padding-top: 0;
}

  .page-component-edu.more-units .comp-title-container h4 {
    margin: 0;
  }

.page-component-edu.more-units .items-rows-wrap .InfoBannerBox.more-units-box {
  max-width: 240px;
  margin-bottom: 30px;
}

  .page-component-edu.more-units .items-rows-wrap .InfoBannerBox.more-units-box a img {
    height: 140px;
    width: 100%;
    margin-bottom: 10px;
  }

  .page-component-edu.more-units .items-rows-wrap .InfoBannerBox.more-units-box a h3 {
    margin: 0 0 2px;
    font-size: 18px;
    line-height: 20px;
  }

  .page-component-edu.more-units .items-rows-wrap .InfoBannerBox.more-units-box a span {
    color: black;
    /*font-size: 14px;
  font-weight: 400;
  line-height: 20px;*/
  }

.page-component-edu.more-units .RowButtns {
  margin: 4px 20px 19px;
}

  .page-component-edu.more-units .RowButtns .ContainerButtons button.load-more {
    padding: 3px 20px;
    font-size: 20px;
  }

/* Media queries */
@media (max-width: 1199px) {
  .teaching-practices-container.units .container-content {
    min-width: 363px;
    max-width: 363px;
  }

    .teaching-practices-container.units .container-content.media {
      margin: 0;
      max-width: 316px;
    }

  .units-search-container .search-units-erea .search-fields-wrap {
    flex-wrap: wrap;
    min-width: 658px;
    max-width: 100%;
  }

    .units-search-container .search-units-erea .search-fields-wrap .search-field.small .select-wrap select {
      width: 92px;
    }

    .units-search-container .search-units-erea .search-fields-wrap .search-field.mid .select-wrap select {
      width: 134px;
    }

    .units-search-container .search-units-erea .search-fields-wrap .search-field.large .select-wrap select {
      width: 200px;
    }

    .units-search-container .search-units-erea .search-fields-wrap .search-field .select-wrap label {
      font-size: 16px;
    }

    .units-search-container .search-units-erea .search-fields-wrap .search-field:not(:last-child) {
      margin-left: 16px;
    }
}

@media (max-width: 991px) {
  .units-search-container .search-units-erea .search-fields-wrap {
    flex-direction: column;
    align-items: flex-start;
    min-width: 100%;
  }

    .units-search-container .search-units-erea .search-fields-wrap .search-field:not(:last-child) {
      margin-left: 0;
    }

    .units-search-container .search-units-erea .search-fields-wrap .search-field {
      width: 100%;
    }

      .units-search-container .search-units-erea .search-fields-wrap .search-field .select-wrap {
        align-items: flex-start;
        flex-direction: column;
      }

        .units-search-container .search-units-erea .search-fields-wrap .search-field .select-wrap select {
          width: 100%;
        }

      .units-search-container .search-units-erea .search-fields-wrap .search-field.small .select-wrap select {
        width: 100%;
      }

      .units-search-container .search-units-erea .search-fields-wrap .search-field.mid .select-wrap select {
        width: 100%;
      }

      .units-search-container .search-units-erea .search-fields-wrap .search-field.large .select-wrap select {
        width: 100%;
      }

  .teaching-practices-container.units .container-content {
    padding: 20px 10px;
    min-width: 0;
    max-width: 100%;
  }

    .teaching-practices-container.units .container-content.media {
      min-width: 0;
      max-width: 100%;
      margin: 0;
      padding: 0 10px;
    }

    .teaching-practices-container.units .container-content .media-content {
      min-width: 0;
      max-width: 100%;
    }

      .teaching-practices-container.units .container-content .media-content iframe {
        height: 277px;
      }

  .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap {
    flex-direction: column;
    align-items: flex-start;
    position: relative;
  }

    .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap a.Collapse[data-toggle=collapse] {
      min-height: auto;
      position: static;
      padding-right: 24px;
    }

    .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap a.Collapse h3 {
      margin: 4px 0;
      padding-right: 0;
      font-size: 20px;
    }

    .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap a.Collapse span.sub-title {
      margin: 4px 0;
      padding-right: 0;
      font-size: 16px;
    }

    .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap a.Collapse[data-toggle=collapse]:before {
      right: 12px;
      transform: rotate(90deg);
      top: 26px;
    }

    .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap span.collapse-title-link {
      text-align: right;
      padding-right: 25px;
      min-width: auto;
    }

    .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap a.Collapse[data-toggle=collapse]:after {
      content: "";
      right: 34px;
      height: 1px;
      width: calc(100% - 48px);
      background-color: #3098CF;
      bottom: 29px;
      position: absolute;
    }

  .page-component-edu.my-units .panel.panel-default .panel-group .panel {
    margin: 0;
    padding-bottom: 15px !important;
  }

    .page-component-edu.my-units .panel.panel-default .panel-group .panel:last-child {
      padding-bottom: 0 !important;
    }
  /*.page-component-edu.my-units {
    padding: 15px 10px 20px;
  }*/
  .page-component-edu.my-units .comp-title-container {
    margin-bottom: 20px;
  }

  .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap span.collapse-title-link a {
    font-size: 14px;
    font-weight: 400;
  }

  .page-component-edu.my-units .panel.panel-default .panel-group .panel .content-wrap {
    padding: 0;
  }

  .teaching-practices-container.units .container-content .content-link {
    display: none;
  }

  .teaching-practices-container.units .content-link.mobile {
    display: block;
    padding: 12px 10px 15px 0;
  }

  .teaching-practices-container.units .container-content .content-text {
    margin-bottom: 0;
  }

  .page-component-edu.more-units .comp-title-container {
    margin: 20px 10px 20px 0;
  }

  .page-component-edu.more-units .items-rows-wrap .col-md-4 {
    padding: 0 10px;
  }

  .page-component-edu.more-units .items-rows-wrap .InfoBannerBox.more-units-box {
    max-width: 100%;
  }

    .page-component-edu.more-units .items-rows-wrap .InfoBannerBox.more-units-box a img {
      height: 260px;
    }

  .page-component-edu.more-units .RowButtns {
    margin: 0 10px 32px;
  }
}

@media (max-width: 767px) {
  .page-component-edu.more-units .items-rows-wrap .InfoBannerBox.more-units-box a img {
    height: 240px;
  }
}

@media (max-width: 420px) {
  .teaching-practices-container.units .container-content .media-content iframe {
    height: 214px;
  }

  .page-component-edu.more-units .items-rows-wrap .InfoBannerBox.more-units-box a img {
    height: 200px;
  }
}
/* Pedagogical -   Teaching units - ***End*** by Dror Efraim 07/2020*/
/* Fixes by Dror Efraim 8/2020 */
/* Header */
/*.HeaderMenu nav.personal-area {
  background-color: transparent;
}

  .HeaderMenu nav.personal-area ul {
    display: flex;
    justify-content: flex-start;
  }

    .HeaderMenu nav.personal-area ul li:not(.personal-area ) {
      margin-left: 7px;
    }

    .HeaderMenu nav.personal-area ul li.personal-area {
      margin-left: 0;
      margin-right: auto;
    }

      .HeaderMenu nav.personal-area ul li.personal-area a {
        padding: 0 31px;
      }*/
/**/
.HeaderMenu .navs-wrapper {
  display: flex;
  gap:8px;
}

  .HeaderMenu .navs-wrapper nav.with-personal-area {
    background-color: transparent;
  }

  .HeaderMenu .navs-wrapper nav.personal-area {
    flex: 1;
   /* min-width: 127px;*/
    background-color: transparent;
  }

    .HeaderMenu .navs-wrapper nav.personal-area ul li.personal-area a {
      padding: 0 31px;
    }


/**/
/* Spaces */
.content.teaching-units {
  padding: 0 0 16px;
}

section.content.teaching-units #left_col:not(.home) h1:first-child:not(.areaTitle) {
  margin-bottom: 30px;
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* This is where Elad's design begins */
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.HeaderMenu nav .sub-pages:hover ul.big-menu,
.HeaderMenu nav .sub-pages:focus ul.big-menu {
  /* display: flex !important; */
  padding: 10px;
  left: 0;
}

.HeaderMenu nav .sub-pages ul.big-menu {
  white-space: normal;
  left: 0;
  max-width: 1020px;
}

@media screen and (max-width: 800px) {
  .HeaderMenu nav .sub-pages ul.big-menu {
    white-space: normal;
  }

  .HeaderMenu nav .sub-pages:hover ul.big-menu,
  .HeaderMenu nav .sub-pages:focus ul.big-menu {
    right: 0;
    flex-wrap: wrap;
  }
}

.big-menu > li {
  /* flex: 0 0 160px; */
}

.HeaderMenu nav ul.big-menu > li {
  margin: 20px;
  max-width: 160px;
}

.HeaderMenu nav ul.big-menu li ul {
  position: static;
  border: 0;
}

.HeaderMenu nav ul.big-menu span {
  margin-right: 23px;
  display: inline-block;
}

.HeaderMenu nav ul.big-menu > li {
  display: inline-block;
  vertical-align: top;
}
/*.social-main .search-btn-erea div {
  display: inline-block;
}*/
.search-btn-erea div {
  display: inline-block;
}

@media (min-width: 992px) {
  .social-main .search-col {
    border-left: 1px #DFDFDF solid;
  }

  .social-main .search-col, .social-main .search-col-left {
    padding: 10px 10px 0 0px !important;
  }

  .search-col, .search-col-left {
    padding: 10px 10px 0 0px !important;
  }

  .socialMultiselect .col-md-8 {
    padding-right: 0px;
  }

  .broadcast-search-space .search-col, .broadcast-search-space .search-col-left {
    padding: 10px 0px 0 16px !important;
  }

  .broadcast-search-space .search-col-left {
    padding: 10px 10px 0 0px !important;
  }

  .broadcast-search-space .search-col.free-text-col {
    padding-bottom: 16px !important;
  }
}