/* breakpoints */
footer {
  z-index: 2;
  background-color: #50595f;
  position: sticky; }
  @media all and (max-width: 1023px) {
    footer {
      padding: 30px 0; } }
  footer .footer-top {
    background-color: #50595f;
    height: 67px; }
    @media all and (max-width: 1023px) {
      footer .footer-top {
        height: auto; } }
    footer .footer-top ul {
      height: 100%;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center; }
      footer .footer-top ul li {
        padding: 0 40px;
        color: #ffffff; }
        @media all and (min-width: 1024px) and (max-width: 1439px) {
          footer .footer-top ul li {
            padding: 0 25px; } }
        @media all and (max-width: 599px) {
          footer .footer-top ul li {
            font-size: 12px; } }
        @media all and (max-width: 1023px) {
          footer .footer-top ul li {
            padding: 0 15px;
            border-right: 1px solid #ffffff; }
            footer .footer-top ul li:last-child {
              border: none; } }
        footer .footer-top ul li a {
          display: block;
          cursor: pointer; }
          footer .footer-top ul li a:hover {
            color: #ff6a00 !important; }
  footer .footer-bottom {
    padding: 16px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    background-color: #ff6a00;
    color: #ffffff; }
    @media all and (max-width: 1023px) {
      footer .footer-bottom {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        background-color: #50595f;
        padding: 0; } }
    @media all and (max-width: 1023px) {
      footer .footer-bottom .social-media-icons {
        padding: 10px 0; } }
    @media all and (max-width: 1023px) {
      footer .footer-bottom .social-media-icons ul {
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center; } }
    footer .footer-bottom .social-media-icons ul li a {
      content: "";
      width: 50px;
      height: 50px;
      background-repeat: no-repeat;
      display: block;
      background-position: 0 0; }
      footer .footer-bottom .social-media-icons ul li a:hover {
        background-position: 0 -50px; }
      @media all and (max-width: 1023px) {
        footer .footer-bottom .social-media-icons ul li a {
          background-position: 0 -50px; } }
    footer .footer-bottom .social-media-icons ul li.youtube {
      order: 4; }
      footer .footer-bottom .social-media-icons ul li.youtube a {
        background-image: url("../images/social-media/yt-sprite.png"); }
    footer .footer-bottom .social-media-icons ul li.facebook {
      order: 1; }
      footer .footer-bottom .social-media-icons ul li.facebook a {
        background-image: url("../images/social-media/fb-sprite.png"); }
    footer .footer-bottom .social-media-icons ul li.instagram {
      order: 3; }
      footer .footer-bottom .social-media-icons ul li.instagram a {
        background-image: url("../images/social-media/ig-sprite.png"); }
    footer .footer-bottom .social-media-icons ul li.twitter {
      order: 2; }
      footer .footer-bottom .social-media-icons ul li.twitter a {
        background-image: url("../images/social-media/tw-sprite.png"); }
    @media all and (max-width: 1023px) {
      footer .footer-bottom .other-pages ul {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center; } }
    footer .footer-bottom .other-pages ul li {
      padding: 0 25px;
      border-right: 1px solid #ffffff; }
      @media all and (min-width: 1024px) and (max-width: 1439px) {
        footer .footer-bottom .other-pages ul li {
          padding: 0 20px; } }
      footer .footer-bottom .other-pages ul li:last-child {
        border: 0; }
      @media all and (max-width: 1023px) {
        footer .footer-bottom .other-pages ul li {
          padding: 0 15px;
          text-align: center; }
          footer .footer-bottom .other-pages ul li:first-child {
            width: 100%; }
          footer .footer-bottom .other-pages ul li:first-child, footer .footer-bottom .other-pages ul li:last-child {
            border: 0; } }

@supports (-ms-ime-align: auto) {
  footer {
    position: relative; } }

@media all and (max-width: 1023px) {
  html:lang(ar) footer .footer-top ul li {
    border: 0;
    border-left: 1px solid #ffffff; }
    html:lang(ar) footer .footer-top ul li:last-child {
      border: none; } }

@media all and (max-width: 599px) {
  html:lang(ar) footer .footer-top ul li {
    font-size: 20px; } }

html:lang(ar) footer .footer-bottom .other-pages ul li {
  border: 0;
  border-left: 1px solid #ffffff; }
  html:lang(ar) footer .footer-bottom .other-pages ul li:last-child {
    border: 0; }
  @media all and (max-width: 1023px) {
    html:lang(ar) footer .footer-bottom .other-pages ul li:first-child, html:lang(ar) footer .footer-bottom .other-pages ul li:last-child {
      border: 0; } }