/* breakpoints */
.grid-position {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  float: left; }

html:lang(ar) .grid-position {
  float: right; }

.footer-widget {
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  z-index: 98;
  position: sticky;
  background-color: #000000;
  color: #ffffff;
  padding: 0 2.5%;
  border-top: 1px solid #1a1a1a;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }
  @media all and (max-width: 1023px) {
    .footer-widget {
      padding: 0; } }
  .footer-widget .mobile {
    display: none;
    width: 100%; }
    @media all and (max-width: 1023px) {
      .footer-widget .mobile {
        display: block; } }
    .footer-widget .mobile .widget-video {
      width: 100%; }
  .footer-widget .desk-top {
    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;
    width: 100%;
    position: relative; }
    @media all and (max-width: 1023px) {
      .footer-widget .desk-top {
        padding: 20px 15px;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start; } }
    .footer-widget .desk-top:after {
      content: "";
      background: url("../images/overlay/widget-line.svg") no-repeat;
      height: 100%;
      width: 225px;
      position: absolute;
      right: 5%;
      z-index: -1;
      top: 0; }
      @media all and (max-width: 1023px) {
        .footer-widget .desk-top:after {
          width: 200px;
          right: 0; } }
    @media all and (max-width: 1023px) {
      .footer-widget .desk-top .widget-video {
        display: none; } }
  .footer-widget .widget-content {
    width: 100%;
    position: relative;
    z-index: 2; }
    .footer-widget .widget-content .widget-video {
      width: 300px;
      height: 100px; }
      .footer-widget .widget-content .widget-video:after {
        width: 35px;
        height: 35px; }
      @media all and (max-width: 1023px) {
        .footer-widget .widget-content .widget-video {
          width: 100%;
          height: 130px; } }
      .footer-widget .widget-content .widget-video video {
        position: relative;
        height: 100%;
        width: 100%; }
      .footer-widget .widget-content .widget-video .bg-img-cover {
        height: 100%;
        width: 100%; }
    .footer-widget .widget-content .text-primary {
      padding-right: 40px; }
      @media all and (max-width: 1023px) {
        .footer-widget .widget-content .text-primary {
          padding-right: 0; } }
    @media all and (max-width: 1023px) {
      .footer-widget .widget-content .links {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        border-left: 2px solid #ff6a00; } }
    .footer-widget .widget-content .links span {
      padding: 0 25px; }
      .footer-widget .widget-content .links span:last-child {
        border-left: 2px solid #ff6a00; }
      @media all and (max-width: 1023px) {
        .footer-widget .widget-content .links span {
          padding: 0 10px;
          border: 0 !important; } }
  .footer-widget .widget-close {
    z-index: 3;
    position: absolute;
    right: 2.5%;
    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: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: flex-end;
    top: 0; }
    @media all and (max-width: 1023px) {
      .footer-widget .widget-close {
        right: 15px;
        height: -moz-calc(100% - 100px) !important;
        height: -webkit-calc(100% - 100px) !important;
        height: calc(100% - 100px) !important;
        top: auto;
        bottom: 0; } }
    .footer-widget .widget-close .close-btn {
      background: url("../images/close.svg") no-repeat;
      width: 28px;
      height: 28px;
      cursor: pointer; }
      @media all and (max-width: 1023px) {
        .footer-widget .widget-close .close-btn {
          width: 24px;
          height: 24px; } }

html:lang(ar) .footer-widget {
  left: auto;
  right: 0; }
  html:lang(ar) .footer-widget .desk-top:after {
    right: auto;
    left: 5%; }
    @media all and (max-width: 1023px) {
      html:lang(ar) .footer-widget .desk-top:after {
        left: 5%;
        right: 0; } }
  html:lang(ar) .footer-widget .widget-content .text-primary {
    padding-left: 40px;
    padding-right: 0; }
    @media all and (max-width: 1023px) {
      html:lang(ar) .footer-widget .widget-content .text-primary {
        padding-left: 0; } }
  @media all and (max-width: 1023px) {
    html:lang(ar) .footer-widget .widget-content .links {
      border: 0;
      border-right: 2px solid #ff6a00; } }
  html:lang(ar) .footer-widget .widget-content .links span:last-child {
    border: 0;
    border-right: 2px solid #ff6a00; }
  @media all and (max-width: 1023px) {
    html:lang(ar) .footer-widget .widget-content .links span {
      border: 0 !important; } }
  html:lang(ar) .footer-widget .widget-close {
    right: auto;
    left: 2.5%; }
    @media all and (max-width: 1023px) {
      html:lang(ar) .footer-widget .widget-close {
        left: 15px; } }