.header {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  z-index: 1000;
  padding: 8px 0px;
  background: #fff;
  -webkit-box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.1);
  box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.1);
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s; }
  .header.sticky {
    position: fixed;
    left: 0px;
    top: 0px;
    padding: 4px 0px;
    z-index: 1200; }
    @media (max-width: 991px) {
      .header.sticky {
        padding: 8px 0px; } }
    .header.sticky .allicons .language {
      top: -4px;
      height: calc(100% + 8px); }
      @media (max-width: 991px) {
        .header.sticky .allicons .language {
          top: -8px;
          height: calc(100% + 16px); } }
    .header.sticky #cssmenu ul ul {
      padding-top: 22px; }
  .header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 100%;
    padding-right: 0px; }
  .header .logo img {
    max-width: 216px;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
    @media (max-width: 991px) {
      .header .logo img {
        max-width: 168px; } }
    @media (max-width: 450px) {
      .header .logo img {
        max-width: 134px; } }
  .header #cssmenu {
    position: relative;
    z-index: 10; }
    .header #cssmenu #menu-button {
      display: none; }
    .header #cssmenu ul {
      float: left; }
      .header #cssmenu ul li {
        float: left;
        position: relative;
        margin: 0px 12px; }
        @media (max-width: 1199px) {
          .header #cssmenu ul li {
            margin: 0px 4px; } }
        .header #cssmenu ul li:hover > ul {
          left: auto;
          z-index: 150; }
          .header #cssmenu ul li:hover > ul li {
            height: 40px; }
        .header #cssmenu ul li a {
          display: block;
          position: relative;
          -moz-transition: all 0.5s ease-in-out 0s;
          -o-transition: all 0.5s ease-in-out 0s;
          -webkit-transition: all 0.5s ease-in-out 0s;
          transition: all 0.5s ease-in-out 0s;
          outline: none;
          color: #000;
          font-family: HelveticaNeueCyr-Medium;
          font-size: 18px;
          text-transform: capitalize; }
          @media (max-width: 1199px) {
            .header #cssmenu ul li a {
              font-size: 16px; } }
          .header #cssmenu ul li a svg {
            max-width: 12px;
            fill: #000;
            -moz-transition: all 0.5s ease-in-out 0s;
            -o-transition: all 0.5s ease-in-out 0s;
            -webkit-transition: all 0.5s ease-in-out 0s;
            transition: all 0.5s ease-in-out 0s; }
            @media (max-width: 991px) {
              .header #cssmenu ul li a svg {
                display: none; } }
          .header #cssmenu ul li a:after {
            content: "";
            position: absolute;
            bottom: -5px;
            left: 0px;
            width: 0;
            background: #ea232a;
            height: 2px;
            -moz-transition: all 0.5s ease-in-out 0s;
            -o-transition: all 0.5s ease-in-out 0s;
            -webkit-transition: all 0.5s ease-in-out 0s;
            transition: all 0.5s ease-in-out 0s; }
            @media (max-width: 991px) {
              .header #cssmenu ul li a:after {
                display: none; } }
          .header #cssmenu ul li a:hover, .header #cssmenu ul li a.active {
            color: #ea232a; }
            .header #cssmenu ul li a:hover:after, .header #cssmenu ul li a.active:after {
              width: 80%; }
            .header #cssmenu ul li a:hover svg, .header #cssmenu ul li a.active svg {
              fill: #ea232a;
              -webkit-transform: rotate(180deg);
              -moz-transform: rotate(180deg);
              -ms-transform: rotate(180deg);
              -o-transform: rotate(180deg);
              transform: rotate(180deg); }
        .header #cssmenu ul li:hover a {
          color: #ea232a; }
          .header #cssmenu ul li:hover a svg {
            fill: #ea232a;
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg); }
          .header #cssmenu ul li:hover a:after {
            width: 80%; }
      .header #cssmenu ul ul {
        position: absolute;
        top: 100%;
        left: -9999px;
        padding-top: 26px; }
        @media (max-width: 991px) {
          .header #cssmenu ul ul {
            padding-top: 0px; } }
        .header #cssmenu ul ul li {
          margin: 0px !important;
          height: 0px;
          -moz-transition: all 0.5s ease-in-out 0s;
          -o-transition: all 0.5s ease-in-out 0s;
          -webkit-transition: all 0.5s ease-in-out 0s;
          transition: all 0.5s ease-in-out 0s;
          background: #262726;
          padding: 0px 12px; }
          .header #cssmenu ul ul li.has-sub > a:after {
            content: '';
            position: absolute;
            top: 18px;
            right: 0px;
            left: auto;
            width: 8px;
            height: 2px;
            display: block;
            background: #fff; }
          .header #cssmenu ul ul li.has-sub > a:before {
            content: '';
            position: absolute;
            top: 15px;
            right: 3px;
            display: block;
            width: 2px;
            height: 8px;
            background: #fff; }
          .header #cssmenu ul ul li.has-sub:hover > a:before {
            top: 17px;
            height: 0px; }
          .header #cssmenu ul ul li.has-sub:hover > a::after {
            background: #ea232a; }
          .header #cssmenu ul ul li a {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 8px 0px !important;
            min-width: 174px !important;
            height: auto !important;
            color: #f7f7f7 !important;
            font-size: 14px !important;
            border-bottom: 1px solid #404040; }
            .header #cssmenu ul ul li a:after {
              display: none; }
            .header #cssmenu ul ul li a:hover {
              color: #ea232a !important;
              padding-left: 12px !important; }
          .header #cssmenu ul ul li ul {
            margin-left: 186px;
            padding: 0px !important;
            top: 0px !important;
            z-index: 170;
            padding-left: 8px !important; }
            .header #cssmenu ul ul li ul:after {
              display: none; }
            .header #cssmenu ul ul li ul li a {
              min-width: 244px !important; }
          .header #cssmenu ul ul li:last-child a {
            border: 0px;
            padding-bottom: 0px; }
  .header .allicons {
    display: flex;
    align-items: center;
    width: 184px; }
    @media (max-width: 991px) {
      .header .allicons {
        width: 168px; } }
    .header .allicons .iconserch {
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      background: #000;
      width: 48px;
      height: 48px;
      border: 4px solid #fff;
      z-index: 1;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      background-clip: padding-box;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
      .header .allicons .iconserch svg {
        width: 22px;
        height: 22px; }
        .header .allicons .iconserch svg path {
          stroke: #fff; }
      .header .allicons .iconserch:hover {
        background: #ea232a; }
    .header .allicons .language {
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      right: 0px;
      top: -8px;
      width: 160px;
      height: calc(100% + 16px);
      color: #fff;
      background: #ea232a;
      font-family: 'HelveticaNeueCyr-Medium';
      font-size: 18px;
      text-transform: capitalize;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
      @media (max-width: 991px) {
        .header .allicons .language {
          padding-right: 12px;
          font-size: 16px;
          width: 143px; } }

@media (max-width: 991px) {
  .header #cssmenu {
    position: absolute;
    right: 12px;
    width: 200px;
    z-index: 100; }
    .header #cssmenu #menu-button {
      display: block; }
    .header #cssmenu ul {
      position: absolute;
      top: 42px;
      width: 100%;
      display: none;
      background: #000;
      z-index: 120; }
      .header #cssmenu ul li {
        width: 100%;
        margin: 0px !important;
        height: auto !important;
        position: relative; }
        .header #cssmenu ul li a {
          width: 100%;
          padding: 12px;
          height: auto;
          margin: 0px;
          color: #fff;
          border-bottom: 1px solid #2d2c2c;
          font-weight: normal;
          font-size: 14px; }
    .header #cssmenu #menu-button {
      display: block !important;
      cursor: pointer;
      float: right;
      height: 20px;
      width: 20px; }
      .header #cssmenu #menu-button:after {
        position: absolute;
        top: 10px;
        right: 0px;
        display: block;
        height: 8px;
        width: 20px;
        border-top: 2px solid #fff;
        border-bottom: 2px solid #fff;
        content: '';
        -moz-transition: all 0.3s ease-in-out 0s;
        -o-transition: all 0.3s ease-in-out 0s;
        -webkit-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s; }
      .header #cssmenu #menu-button:before {
        position: absolute;
        top: 4px;
        right: 0px;
        display: block;
        height: 2px;
        width: 20px;
        background: #fff;
        content: '';
        -moz-transition: all 0.3s ease-in-out 0s;
        -o-transition: all 0.3s ease-in-out 0s;
        -webkit-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s; }
      .header #cssmenu #menu-button.menu-opened:after {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        background: #fff;
        top: 11px;
        border: 0px;
        height: 2px;
        width: 20px;
        -moz-transition: all 0.3s ease-in-out 0s;
        -o-transition: all 0.3s ease-in-out 0s;
        -webkit-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s; }
      .header #cssmenu #menu-button.menu-opened:before {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        background: #fff;
        top: 11px;
        width: 20px;
        -moz-transition: all 0.3s ease-in-out 0s;
        -o-transition: all 0.3s ease-in-out 0s;
        -webkit-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s; }
    .header #cssmenu .submenu-button {
      position: absolute;
      top: 0px;
      right: 0px;
      display: block;
      border-left: 1px solid rgba(120, 120, 120, 0.2);
      height: 47px;
      width: 47px;
      cursor: pointer;
      z-index: 10; }
      .header #cssmenu .submenu-button.submenu-button.submenu-opened {
        background: #ea232a; }
  .header #cssmenu ul ul li a {
    min-width: 100%; }
  .header #cssmenu ul ul ul li a {
    padding-left: 35px; }
  .header #cssmenu ul ul li a {
    min-width: 100% !important;
    color: #fff;
    background: none; }
  .header #cssmenu ul ul li:hover > a,
  .header #cssmenu ul ul li.active > a {
    color: #fff; }
  .header #cssmenu ul ul,
  .header #cssmenu ul ul ul {
    position: relative !important;
    padding: 0px !important;
    margin: 0px !important;
    left: 0px !important; }
  .header #cssmenu ul ul {
    height: 200px;
    overflow: hidden;
    overflow-y: scroll; }
  .header #cssmenu > ul > li.has-sub > a:after,
  .header #cssmenu > ul > li.has-sub > a:before,
  .header #cssmenu ul ul > li.has-sub > a:after,
  .header #cssmenu ul ul > li.has-sub > a:before {
    display: none; }
  .header #cssmenu ul ul .submenu-button {
    height: 39px;
    width: 39px; }
  .header #cssmenu .submenu-button:after {
    position: absolute;
    top: 23px;
    right: 21px;
    width: 8px;
    height: 2px;
    display: block;
    background: #fff;
    content: ''; }
  .header #cssmenu ul ul .submenu-button:after {
    top: 17px;
    right: 19px; }
  .header #cssmenu .submenu-button.submenu-opened:after {
    background: #fff; }
  .header #cssmenu .submenu-button:before {
    position: absolute;
    top: 20px;
    right: 24px;
    display: block;
    width: 2px;
    height: 8px;
    background: #fff;
    content: ''; }
  .header #cssmenu ul ul .submenu-button:before {
    top: 14px;
    right: 22px; }
  .header #cssmenu .submenu-button.submenu-opened:before {
    display: none; }
  .header #cssmenu ul ul li ul {
    padding: 0px !important;
    height: auto;
    overflow: inherit;
    overflow-y: inherit; }

  .header #cssmenu ul ul li ul li a {
    min-width: 100% !important; } }
.searchpop {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  top: -100%;
  left: 0px;
  z-index: 1201; }
  .searchpop.active {
    top: 0px; }
  .searchpop .exit {
    position: absolute;
    right: 12px;
    cursor: pointer;
    z-index: 30; }
    @media (max-width: 991px) {
      .searchpop .exit {
        top: 24px; } }
  .searchpop .formsearch {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0px 122px 0px 12px;
    z-index: 20; }
    .searchpop .formsearch input {
      width: 100%;
      height: 100%;
      outline: none;
      background: none;
      font-size: 18px;
      text-transform: initial;
      font-family: 'HelveticaNeueCyr-Medium'; }
      @media (max-width: 991px) {
        .searchpop .formsearch input {
          font-size: 30px; } }
    .searchpop .formsearch .bot-icon {
      position: absolute;
      right: 64px;
      background: none;
      border: 0px;
      outline: 0px;
      outline-style: none;
      padding: 0px;
      cursor: pointer; }
      .searchpop .formsearch .bot-icon svg {
        width: 28px;
        height: 28px; }
        .searchpop .formsearch .bot-icon svg path {
          -moz-transition: all 0.5s ease-in-out 0s;
          -o-transition: all 0.5s ease-in-out 0s;
          -webkit-transition: all 0.5s ease-in-out 0s;
          transition: all 0.5s ease-in-out 0s;
          stroke: #000; }
      .searchpop .formsearch .bot-icon:hover svg path {
        stroke: #ea232a; }

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
img,
ul,
li,
hr,
strong,
b,
input,
select,
textarea,
.highcharts-title,
.highcharts-axis-labels,
.highcharts-yaxis-title,
.bottom,
a,
.title,
span,
p,
.table td,
.table th,
.floating-label,
.custom-file-label::after {
  font-family: 'Almarai', sans-serif !important; }

body {
  direction: rtl;
  text-align: right; }

.title {
  font-weight: 800;
  font-size: 34px; }
  @media (max-width: 991px) {
    .title {
      font-size: 24px; } }

.more {
  font-weight: 600; }

.header .container {
  padding-right: 12px;
  padding-left: 0px; }
.header #cssmenu ul {
  float: right; }
  .header #cssmenu ul li {
    float: right; }
    .header #cssmenu ul li:hover > ul {
      right: auto; }
    .header #cssmenu ul li a {
      font-weight: 600;
      font-size: 16px; }
      .header #cssmenu ul li a:after {
        left: auto;
        right: 0px; }
  .header #cssmenu ul ul {
    left: auto;
    right: -9999px; }
    .header #cssmenu ul ul li.has-sub > a:after {
      left: 0px;
      right: auto; }
    .header #cssmenu ul ul li.has-sub > a:before {
      right: auto;
      left: 3px; }
    .header #cssmenu ul ul li a:hover {
      padding-left: 0px !important;
      padding-right: 12px !important; }
    .header #cssmenu ul ul li ul {
      margin-left: 0px;
      margin-right: 186px;
      padding: 0px !important;
      padding-right: 8px !important; }
.header .allicons .language {
  right: auto;
  left: 0px; }
  @media (max-width: 991px) {
    .header .allicons .language {
      padding-right: 0px;
      padding-left: 12px; } }

@media (max-width: 991px) {
  .header #cssmenu {
    right: auto;
    left: 12px; }
    .header #cssmenu #menu-button {
      float: left; }
      .header #cssmenu #menu-button:after {
        right: auto;
        left: 0px; }
      .header #cssmenu #menu-button:before {
        right: auto;
        left: 0px; }
    .header #cssmenu .submenu-button {
      right: auto;
      left: 0px; }
  .header #cssmenu ul ul,
  .header #cssmenu ul ul ul {
    left: auto !important;
    right: 0px !important; }
  .header #cssmenu .submenu-button:after {
    right: auto;
    left: 21px; }
  .header #cssmenu ul ul .submenu-button:after {
    right: auto;
    left: 19px; }
  .header #cssmenu .submenu-button:before {
    right: auto;
    left: 24px; }
  .header #cssmenu ul ul .submenu-button:before {
    right: auto;
    left: 22px; } }
.searchpop {
  left: auto;
  right: 0px; }
  .searchpop .exit {
    right: auto;
    left: 12px; }
  .searchpop .formsearch {
    padding: 0px 12px 0px 122px; }
    .searchpop .formsearch .bot-icon {
      right: auto;
      left: 64px; }

.alert .text-mass {
  margin: 0px !important;
  margin-right: 12px !important; }

.map-back.textstyle .title {
  text-align: right; }
.map-back.textstyle .text {
  padding-right: 0px;
  padding-left: 20%; }
  @media (max-width: 991px) {
    .map-back.textstyle .text {
      padding: 0px; } }

select {
  background-position: 12px center; }

.bottom {
  font-weight: 600; }

.bottom svg {
  margin: 0px;
  margin-left: 4px; }

.pagination li:last-child svg {
  transform: rotate(90deg); }
.pagination li:first-child svg {
  transform: rotate(-90deg); }

.aboutus {
  /* Vertical line */ }
  .aboutus .item:last-child::before {
    right: auto;
    left: -84px; }
  .aboutus .item .phototow .textab {
    left: auto;
    right: 0px; }
  .aboutus .item .phototow::before {
    right: auto;
    left: 0px; }
  .aboutus .collapsible-link::before {
    right: auto;
    left: 20px; }
  .aboutus .collapsible-link[aria-expanded='true']::before {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg); }

.president .item .contant {
  margin-left: 0;
  margin-right: -20%; }

.cd-single-point {
  margin-right: 0px;
  margin-left: 24px; }

.number-ab .item .contant {
  border-left: 0px;
  padding-left: 0px;
  margin-left: 0px;
  border-right: 3px dotted #fff;
  padding-right: 16px;
  margin-right: 16px; }

.ourteam .ourteam-slider {
  direction: ltr; }
.ourteam .item {
  direction: rtl; }
  .ourteam .item .content {
    left: auto;
    right: 0px; }
  .ourteam .item .social {
    direction: ltr; }

.companys .texttop::after {
  left: auto;
  right: 0px; }

.blogs .itemblogs .title,
.blogs-inner .itemblogs .title {
  text-align: right; }
.blogs .itemblogs .comments .inner .photo,
.blogs-inner .itemblogs .comments .inner .photo {
  margin-right: 0px;
  margin-left: 16px; }
.blogs .itemblogs .min-search .form-control,
.blogs-inner .itemblogs .min-search .form-control {
  padding: 12px 12px 12px 56px; }
.blogs .itemblogs .min-search .bot-search,
.blogs-inner .itemblogs .min-search .bot-search {
  right: auto;
  left: 12px; }
.blogs .itemblogs .most .other .link,
.blogs-inner .itemblogs .most .other .link {
  margin-left: 0px;
  margin-right: 16px; }
.blogs .item .contant .title,
.blogs-inner .item .contant .title {
  text-align: right; }
.blogs .item .contant .text,
.blogs-inner .item .contant .text {
  text-align: right; }

.contactus .item .contact-block::before,
.consultation .item .contact-block::before {
  left: auto;
  right: 20px; }
.contactus .item .contact-block .block-info,
.consultation .item .contact-block .block-info {
  padding-left: 0px;
  padding-right: 20px; }
  .contactus .item .contact-block .block-info .title::after,
  .consultation .item .contact-block .block-info .title::after {
    left: auto; }

.partners .slider-partners {
  direction: ltr; }
.partners .item-slid {
  direction: rtl; }

.minproducts::after {
  background: linear-gradient(303.91deg, #ea232aad 7.57%, #000000cf 94.39%); }
.minproducts .products-slider {
  direction: ltr; }
.minproducts .item {
  direction: rtl; }

.bg-pru .inner .title {
  text-align: right; }

.newdetails .logocompan {
  text-align: right; }
  @media (max-width: 767px) {
    .newdetails .logocompan {
      text-align: center; } }

.newsection .table td a svg,
.newsection .table td a img,
.newsection .table th a svg,
.newsection .table th a img {
  margin-left: 0px;
  margin-right: 8px; }

.slidone .sl-gallery {
  direction: ltr; }
  .slidone .sl-gallery .itemprod {
    direction: rtl; }
    .slidone .sl-gallery .itemprod .text {
      padding-right: 0px;
      padding-left: 110px; }
      .slidone .sl-gallery .itemprod .text .icon {
        right: auto;
        left: 0px; }
    .slidone .sl-gallery .itemprod:hover .text {
      padding-right: 0px;
      padding-left: 110px; }

.textrt {
  text-align: left; }

.slider .carousel-inner .container .title {
  font-size: 58px; }
  @media (max-width: 991px) {
    .slider .carousel-inner .container .title {
      font-size: 38px; } }

.slider .carousel-inner .container .bottoms .bottom:last-child {
  margin: 0px;
  margin-right: 24px; }
  @media (max-width: 991px) {
    .slider .carousel-inner .container .bottoms .bottom:last-child {
      margin: 0px; } }

.slider .carousel-indicators {
  right: auto;
  left: 42px; }

.slidone .sl-gallery .itemprod .text .icon {
  rotate: 180deg; }

.footer {
  background: #171612 url(../images/footer.png) no-repeat fixed left center; }
  .footer .item {
    margin-right: 0px;
    margin-left: 2.77777766667%; }
    .footer .item:last-child {
      margin: 0px; }
    @media (max-width: 991px) {
      .footer .item {
        max-width: 100%;
        flex: 100%;
        margin: 0px;
        margin-bottom: 24px; }
        .footer .item:last-child {
          margin: 0px; }
        .footer .item:nth-child(2), .footer .item:nth-child(3) {
          max-width: 50%;
          flex: 50%; } }
    @media (max-width: 991px) {
      .footer .item:nth-child(4) {
        max-width: 100%;
        flex: 100%; } }
    .footer .item .navmenu a svg {
      transform: rotate(90deg);
      margin: 0px;
      margin-left: 4px; }
    .footer .item .title {
      font-size: 18px;
      font-weight: 600; }
  .footer .scrollToTop {
    right: auto;
    left: 16px;
    font-size: 14px; }

.number-ab .item .contant .title {
  font-size: 20px; }

/*# sourceMappingURL=home-rtl.css.map */