
@media (min-width:900px) {
  .breadcrumbs { margin: 10px auto 20px auto; max-width: 870px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; background-color: #ffffff; width: 100% }
}
.title_container {
    width: 100%;
    max-width: 870px;
    background-color: #ffffff;
    border-bottom: 3px solid #e57b05;
    padding-top: 10px;
}

@media (min-width:900px) {
  .title_container { background-color: #f4f4f4; position: relative; padding: 38px 0 12px 0; }

}

.main {
    display: block;
    padding-top: 80px;
    direction: rtl;
    background-color: #f4f4f4
}

@media (min-width:900px) {
    .main {
        margin: 0;
        padding: 0;
        background-color: #ffffff
    }
}

.title-breadcrumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background-color: #f4f4f4
}

@media (min-width:900px) {
    .title-breadcrumbs {
        background-color: #fff
    }
}

.main-title-div {
      width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
            text-align: center;

}


h1.main_title { color: #d7540d; font-weight: 500; font-size: 28px; margin: 0 5px 15px; font-weight: 600; font-family: Heebo, Arial, sans-serif; }

.title_container span {
    font-size: 20px;
    display: block;
    color: #686767;
    position: relative;
}
@media (min-width:600px) {
  .title_container span {
        font-size: 24px;
        color: #686767;

    }
}
@media (min-width:900px) {
    h1.main_title {
        font-size: 26px;
        margin: 30px 0 !important;
        display: inline;
        padding-right: 2rem
    }

  .title_container span { font-size: 24px; position: absolute; right: 15px; top: 8px; }
}

@media (min-width:600px) {
    h1.main_title {
        margin: 0 auto 10px;
        max-width: 1000px;
        display: inline;
    }
}

@media (min-width:1200px) {
    h1.main_title {
          max-width: 870px;
        margin: 0 auto;
        font-family: Heebo, Arial, sans-serif;
        display: inline;
    }
}

.seactionheader {
    font-size: 24px;
    width: 100%;
    max-width: 870px;
    margin: 0 auto;
    padding: 1rem
}

@media (min-width:900px) {
    .seactionheader {
        background-color: #fff;
        font-size: 30px;

    }
}

.main_wrapper {
 width: 100%;
    height: auto;
    margin: 0 auto;
    background-color: #f4f4f4;

}



@media (min-width:1200px) {
    .main_wrapper {
        width: 100%;
        max-width: 870px;
        margin: 0 auto
    }
}

.main_wrapper .art_strip{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
    padding: 1.0rem;
    border-bottom: 1px solid #e1e1e1;
    border-top: 1px solid #fff
}
.main_wrapper .art_strip .art_pic_cont{
    width: 36%;

}
.main_wrapper .art_strip .infotext{
   width: 64%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;


}
  .main_wrapper .art_strip .art_pic_cont a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; height: 100%; position: relative; overflow: hidden; }

.article_pic { width: 100%; -o-object-fit: cover; object-fit: cover; margin: 0; display: block !important; position: absolute; top: 0; bottom: 0; height: auto; }

.item_title_cont{
    width: 100%;
    padding-right: 0.8rem;
    -ms-flex-item-align: start;
        align-self: flex-start;



}
.item_title_cont a{
    color:#333;
    text-decoration: none
}
  .item_title_cont .item_title { font-size: 16px; font-weight: 600; padding-bottom: 35px; display: inline-block; min-height: 68px; }
.item_text_block{
    width: 100%;
    font-size: 20px;
    display: none;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center

}
.update{
    width: 100%;
    font-size: 12px;
    padding-right: 0.8rem;
    position: absolute;
    bottom: 0.1rem;

}
.update span{
    font-weight: 600;
    display: block;

}
@media (min-width:600px) {
  .main_wrapper .art_strip .infotext{
     width: 75%;
     padding-top: 0.5rem;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;

  }
  .item_title_cont{
      width: 100%;
      padding-right: 0.8rem;
      -ms-flex-item-align: start;
          align-self: flex-start;
      padding-bottom: 0.2rem



  }
    .item_title_cont .item_title { padding-bottom: 5px; display: inline-block; min-height: 18px; }
  .item_text_block{
      width: 100%;
      font-size: 1.0rem;
      display: block;
      padding-bottom:30px;
      padding-right: 0.8rem;
      -ms-flex-item-align: center;
          -ms-grid-row-align: center;
          align-self: center;


  }
  .update{
       width: 100%;
      font-size: 14px;
     padding-right: 0.8rem;
      position: absolute;
      bottom: 0.3rem;


  }
  .update span{
     font-weight: 600;
     display: inline
  }
}
@media (min-width:760px) {
  .item_title_cont{
  width: 100%;
  padding-right: 1.0rem;
  padding-bottom: 1.0rem;
  min-height: 20px

}
.item_title_cont .item_title{
  font-size: 18px;
  font-weight: 600;

}
.item_text_block{
  width: 100%;
  font-size: 1.0rem;
  display: block;
  padding-right: 1.0rem;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;

}

}


@media (min-width:900px) {

    .main_wrapper .art_strip{
    padding: 1.5rem;
}

    .main_wrapper .art_strip .art_pic_cont{
    width: 25%;

}
      .main_wrapper .art_strip .infotext { width: 75%; /*padding-top: 1rem;*/ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 0.9rem; }
    .item_title_cont{
    width: 100%;
    padding-right: 1.5rem;
    padding-bottom: 1.0rem;
    min-height: 20px

}
      .item_title_cont .item_title { font-size: 20px; font-weight: 600; min-height: 18px; }
.item_text_block{
    width: 100%;
    font-size: 1.1rem;
    display: block;
    padding-right: 1.5rem;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;

}
.update{
     width: 100%;
    font-size: 14px;
   padding-right: 1.5rem;
    position: absolute;
    bottom: 1rem;


}
 .update span{
    font-weight: 600;
    display: inline
}

}
.breadcrumbs li.bread-opener {
    width: 22.0rem;
    border: 1px solid #b6b6b6;
    border-radius: .25rem;
    padding: .3rem .6rem .32rem 1.6rem;
    line-height: 1;
    max-width: 62%;
    position: relative;
    cursor: pointer;
    min-height: 1.688rem;
}
.breadcrumbs li.bread-opener ul {
    display: none;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 100%;
    top: calc(100% + 1px);
    right: 0;
    width: 100%;
    background-color: rgba(255,255,255,.96);
    box-shadow: 0 0.375rem 0.563rem 0 rgba(0,0,0,.1);
    padding: 1.2rem 1.25rem .5rem;

    -webkit-transition: all 280ms ease-in-out 280ms;
    transition: opacity 280ms ease-in-out 200ms,visibility 300ms linear 200ms;
}
.bread-opener strong { font-weight: normal; }
.breadcrumbs .sections_list .section:nth-child(2) { font-size: 14px; }
  .breadcrumbs .sections_list .section:nth-child(2):hover { text-decoration: none; color: #000000; }

@media (min-width:600px) {
  .breadcrumbs .sections_list .section:nth-child(2) { margin-left: 1rem }
}

.breadcrumbs .sections_list .section:nth-child(2)::after { content: "" !important; }

  .breadcrumbs li.bread-opener.active ul { z-index: 11; display: block; opacity: 1; visibility: visible; -webkit-transition: opacity 300ms ease-in; transition: opacity 300ms ease-in; padding-top: 0; }
.breadcrumbs li.bread-opener ul li{
  margin: 0.8rem 0;
  color: #4672a9;

}
.breadcrumbs li.bread-opener ul li a{
  color: #4672a9;

}
.breadcrumbs li.bread-opener ul li a:hover{
  text-decoration: underline;

}
.breadcrumbs .icon-caret-down {
    position: absolute;
    left: .5rem;
    top: 10px;
    bottom: 0;
    /*background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zd…AyIDAgMCAxIDAgLjI5NUw2LjE1NCA1LjkzOUEuMjIyLjIyMiAwIDAgMSA2IDZ6Ii8+PC9zdmc+) no-repeat 50% 50%;
    background-size: 9px 5px;*/
    width: 9px;
    height: 5px;
}

span.pagination { margin-top: 2rem }
  span.pagination,
  span.pagination a { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }

.pagination a { background-color: #f4f4f4; }

.pagination a { font-weight: 300; padding-top: 1px; text-decoration: none; border: 1px solid rgba(0,0,0,.10); border-right-width: 0; min-width: 44px; min-height: 44px; color: #555555; box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,.35); }

  .pagination a:hover { background-color: rgba(255,255,255,.2); border-top-color: rgba(0,0,0,.25); border-bottom-color: rgba(0,0,0,.25); }

  .pagination a:focus,
  .pagination a:active {; box-shadow: 0px 0px 10px 1px rgba(0,0,0,.25); border-left-width: 1px; }

  .pagination a:first-of-type { border-right-width: 1px; }

    .pagination a:first-of-type span,
    .pagination a:last-of-type span,
    .pagination a:nth-of-type(2) span,
    .pagination a:nth-last-of-type(2) span { /* screen readers only */ position: absolute; top: -9999px; left: -9999px; }

  .pagination a:first-child::before,
  .pagination a:last-child::after,
  .pagination a:nth-of-type(2)::before,
  .pagination a:nth-last-of-type(2)::after { display: inline-block; font-family: 'magazin'; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); }

  .pagination a:first-child::before,
  .pagination a:last-child::after { content: "\e910"; }

  .pagination a:nth-of-type(2)::before,
  .pagination a:nth-last-of-type(2)::after { content: "\e911"; }

  .pagination a:last-child::after,
  .pagination a:nth-last-of-type(2)::after { transform: rotate(180deg); }

.pagination span.current { font-weight: 300; padding-top: 1px; text-decoration: none; border: 1px solid rgba(0,0,0,.10); border-right-width: 0; min-width: 44px; min-height: 44px; color: #555555; box-shadow: inset 0px 3px 3px 0px rgba(0,0,0,.25); display: flex; align-content: center; justify-content: center; vertical-align: middle; flex-direction: column; text-align: center; color: #c95e0f; }


@media only screen and ( max-width: 64.063em ) {
  .pagination a:first-child,
  .pagination a:last-child { /* screen readers only */ position: absolute; top: -9999px; left: -9999px; }

  .pagination a:nth-of-type(2) { border-left-width: 1px; }
}

@media only screen and ( max-width: 40.063em ) {
  .pagination a { /* screen readers only */ position: absolute; top: -9999px; left: -9999px; }

    .pagination a.current,
    .pagination a:first-of-type,
    .pagination a:last-of-type,
    .pagination a:nth-of-type(2),
    .pagination a:nth-last-of-type(2) { position: initial; top: initial; left: initial; }

    .pagination a:nth-of-type(2) { border-left-width: 0; }
}

@media only screen and ( max-width: 30.063em ) {

  h1 { font-size: 1.35em !important; }

  .pagination a:first-child,
  .pagination a:last-child { /* screen readers only */ position: absolute; top: -9999px; left: -9999px; }

  .pagination a:nth-of-type(2) { border-left-width: 1px; }
}

@media only screen and ( max-width: 15.063em ) { /* For watches? */

  .pagination a { width: 50%; }

  .pagination span.current { order: 2; width: 100%; border-left-width: 1px; }
}
